feature level processing lessons from low-level vision applications in highlighting icon (symbol)...

61
Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Post on 19-Dec-2015

226 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Feature Level Processing

Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Page 2: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Spotfire product

Page 3: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Visual symbols

Page 4: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Architecture for visual thinking

Page 5: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Primitives of Perception (the phonemes).

The whole visual field is processed in parallel

This machinery tells us what kinds of information are easily distinguished

Popout effects (general attention) Segmentation effects (dividing up the

visual field)

Page 6: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Segmentation by Primitive Features

Page 7: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Livingston and Hubel

Neural Architecture

a

formcolor

12&34A4B

56

4C

Visual Area 1 (Primary Visual Cortex)

formstereo

stereo

stereo

form

form

MT movement/stereo

Visual Area 2movement

color

color

colorform

form

movement

Page 8: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Orientation and Size(Gabor primitives)

Page 9: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Image segmentation based on texture

ResultingSegmentation

Vertical fat Gaborfilters respond moststrongly

Horizontal skinnyGabor filters respondmost strongly

Page 10: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Vector fields like using gabors

Page 11: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Pre-Attentive Processing

a

89739057092794057962976509829408028085080830802809850-802808567847298872ty458202094757720021789843890r455790456099272188897594797902855892594573979209

Page 12: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Color is Pre-Attentive (Pops out)

aa

897 90570927940579629765098294080280850808 0802809850-802808567847298872ty45820209475772002178984 890r45579045609927218889759479790285589259457 979209

33

33

Page 13: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Generic Pre-Attentive Experiment

a

3 6 12

Number of distractors

500

700

900 Number of irrelevant items varies

Pre-attentive 10 msec per item or better.

Page 14: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Color

Page 15: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 16: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Orientation

Page 17: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 18: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Motion

Page 19: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 20: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Size

Page 21: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 22: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Simple shading

Page 23: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 24: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Conjunction (does not pop out)

Page 25: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Semantic Depth of Field

Page 26: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 27: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Compound features (do not pop out)

Page 28: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 29: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Surrounded colors do not pop out

Page 30: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 31: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Laws of pre attentive display

Must stand out on some simple dimension color, simple shape = orientation, size motion, depth

Lessons for highlighting – one of each

Page 32: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Blinking momentarily attracts attention

Lessons: Highlighting how to make information available to attention

A flying box leads attention

Using colorUsing underlining

Blinking momentarily attracts attention

Motion elicits an orienting response

Page 33: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

More Pre-Attentive

Page 34: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Conjunction (does not pop out)

Page 35: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Pre-attentive conjunction

Page 36: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Conjunctions of motion and shape do pop out. (color also?)

McLeod, P., Driver, J. and Crisp, J. (1988) Visual search for a conjunction of movement and form is parallel. Nature 332, 154-155.

Driver, J., MacLeod, P. and Dienes, Z. (1992) Motion coherence and conjunction search: Implications for guided search theory. Perception and Psychophysics. 51, 1, 79-85.

Page 37: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

MEGraph: Experimental system

Allows for various topological range highlighting methods

Goal from 30 to 2000 nodes

MEGraph

Page 38: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Pre-Attentive Channels

Form (orientation/size) Color Simple motion/blinking Addition/numerosity (up to 3) Spatial, stereo depth, shading, position

Page 39: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Pre-Attentive Conjunctions

Stereo and color Color and motion Color and position Shape and position

In general: spatial location and some aspect of form

Page 40: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Pre-Attentive Lessons

Rapid visual search (10 msec/item) Easy to attend to Makes symbols distinct Based on simple visual attributes Faces, etc are not pre-attentive

Page 41: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Designing symbols

Page 42: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Perceptual Channels

Color (3) Shape (size, orient) Motion (2?) Texture (2++) Position (x,y)

Page 43: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Spatial Channels

Like interferes with like

Page 44: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Size contrast effect

Page 45: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Orient contrast

Page 46: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Size contrast effects can cause errors in information display

Page 47: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Chris Weigle: orientation channels for info display

Page 48: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Mapping data to display variablesData glyphs

Position (2) Orientation (1) Size (spatial frequency) Motion (2)++ Blinking? Color (3)

Note we have the problem of heterogeneity – There is no good solution

Star glyphMethod

Page 49: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Starplot glyph

Page 50: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Spotfire product

Page 51: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 52: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 53: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 54: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 55: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Integral and Separable dimension (Garner)

Can we read display attributes Independently Holistically

Speeded classification task. Sort into two piles on one dimension or another

Page 56: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Separable

Integral

Motion Color

red-green yellow-blue

black-white red-green

x-size y-size

Color orientation

Page 57: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Lessons for Information Display

Orthogonality - use a different channel for a different type of information

If you need this use separable challenge

If you need to highlight by two properties use separable dimensions.

Page 58: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design
Page 59: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

The programmable filter

We can only look for patterns of simple features Conjunctions of shape, color cannot be

programmed for parallel search of field Conjunctions of depth/motion and color/shape can

be

Integral dimensions tend to be seen holistically cannot be separated

Separable dimensions tend to be seen separately

Page 60: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Searchlight Model of Attention

a

VisualSearch orMonitoringStrategy

EyeMovementControl

Useful VisualField of View

Page 61: Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design

Searchlight Properties

Size varies with data density Size varies with stress level Attention operators work within the

searchlight beam Attention is a tunable filter

Eye movements 3/sec – A series of saccades