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