Attention, findability and visual search

advertisement
Visual Distinctness
What is easy to find
How to represent quantitity




Lessons from low-level vision
Applications in Highlighting
Icon (symbol) design - Nominal
Glyph design – representing quantity
Spotfire product
Visual symbols
Architecture for visual thinking
Primitives of Perception (the
graphemes).




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)
Channel theory
Segmentation by Primitive
Features
Orientation and Size
(Gabor primitives)
Image segmentation based on
texture
Vertical fat G abor
filters respond m ost
strongly
H orizontal skinny
G abor filters respond
m ost strongly
R esulting
S egm entation
Textures
for Maps
What is easy to find?



A priori salience
Top down salience
Knowledge
Pre-Attentive Processing
897390570927940579629765098294
08028085080830802809850-802808
567847298872ty4582020947577200
21789843890r455790456099272188
897594797902855892594573979209
Color is Pre-Attentive (Pops out)
8 9 73 9 0 5 7 0 9 2 7 9 4 0 5 7 9 6 2 9 7 6 5 0 9 8 2 9 4
0 8 0 2 8 0 8 5 0 8 0 83 0 8 0 2 8 0 9 8 5 0 - 8 0 2 8 0 8
567847298872ty4582020947577200
21789843890r455790456099272188
8 9 7 5 9 4 7 9 7 9 0 2 8 5 5 8 9 2 5 9 4 5 73 9 7 9 2 0 9
Generic Pre-Attentive Experiment


Number of irrelevant
items varies
Pre-attentive 10 msec
per item or better.
Triesman, A., and Gormican, S.
Feature analysis in early vision:
Evidence from search
asymmetries. Psychological
Review, 95(1) 15-48.
Color
Orientation
Motion
Size
Simple shading
Conjunction (does not pop out)
Semantic Depth of Field
Compound features (do not pop
out)
Surrounded colors do not pop out
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
Asymmetries
Lessons: Highlighting how to make
information available to attention
Using color
Using underlining
A flying box leads attention
Blinking momentarily attracts attention
Motion elicits an orienting response
More on Conjunction (no pop)
Redundant coding
Pre-attentive conjunction
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.
MEGraph: Experimental system

Allows for various topological range
highlighting methods
MEGraph
Goal
from 30 to 2000 nodes
Pre-Attentive Channels





Form (orientation/size)
Color
Simple motion/blinking
Addition/numerosity (up to 3)
Spatial, stereo depth, shading, position
Pre-Attentive Conjunctions





Stereo and color
Color and motion
Color and position
Shape and position
In general: spatial location and some
aspect of form
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
Designing symbols
Perceptual Channels





Color (3)
Shape (size, orient)
Motion (2?)
Texture (2++)
Position (x,y)
Spatial Channels
Like interferes with like
Distortions: Size contrast effect
Orient contrast
Size contrast effects can cause errors in
information display
Chris Weigle: orientation
channels for info display
Mapping data to display variables
Data glyphs







Position (2)
Orientation (1)
Size (spatial frequency)
Motion (2)++
Blinking?
Star glyph
Color (3)
Method
Note we have the
problem of heterogeneity
– There is no good
solution
Starplot glyph
Spotfire product
Integral and Separable dimension
(Garner)

Can we read display attributes



Independently
Holistically
Speeded classification task. Sort into two
piles on one dimension or another
Integral
red-green
yellow-blue
black-white
red-green
x-size
y-size
Color
orientation
Motion
Color
Separable
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.
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
Searchlight Model of Attention
U s eful Visua l
F ield of View
Visual
S earc h or
M onitori ng
S trat egy
Eye
M ovem e nt
C ontrol
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
Download