SlideShare a Scribd company logo
Feature Level Processing





Lessons from low-level vision
Applications in Highlighting
Icon (symbol) design
Glyph design
Spotfire product
Visual symbols
Architecture for visual thinking
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)
Segmentation by Primitive
Features
stereo
form
color
form
stereo
form
color
form
stereo

MT movement/stereo
Livingston and
Hubel
Neural Architecture

form

form
color
color
movement movement

1
2&3
4A Visual Area 2
4B
4C

5
6
Visual Area 1 (Primary Visual Cortex)
Orientation and Size
(Gabor primitives)
Image segmentation based on
texture
Vertical fat Gabor
filters respond most
strongly

Horizontal skinny
Gabor filters respond
most strongly

Resulting
Segmentation
Vector fields like using gabors
Pre-Attentive Processing

89097909
90949794
7520668
3775252
08032880
80808508
0808002
25809-8
548t8050
678y2970
7274047
8925272
29849628
18950078
7405492
83r7591
89789490
94952579
7705579
5928932
Color is Pre-Attentive (Pops out)

8 9 0 9 72 5 2
9 0 9 4 9 70 9
7 5 2 0 6 6 84
3775 9 9
0 8 0 30 9 - 8
8 0 8 0 8 58 0
0 8 0 8 0 0 28
258 28 0
5 4 8 t 82 7 2
6 7 8 y 2 95 0
7 2 7 4 0 4 70
8925 0 7
2 9 8 4 95 9 1
1 8 9 5 0 02 8
7 4 0 5 4 9 28
83r7 6 7
8 9 7 8 99 399
9 4 9 5 2 59 0
770557 2
5928 4 7
Generic Pre-Attentive Experiment


900



700

500
3
6
12
Number of distractors

Number of irrelevant
items varies
Pre-attentive 10 msec
per item or better.
Color
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Orientation
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Motion
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Size
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Simple shading
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Conjunction (does not pop out)
Semantic Depth of Field
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Compound features (do not pop
out)
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Surrounded colors do not pop out
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
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
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 Pre-Attentive
Conjunction (does not pop out)
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
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
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
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.
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information
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 fu V al
se l isu
F ldo V
ie f iew

V a
isu l
Sa o
e rch r
M n rin
o ito g
S te y
tra g

Ee
y
Mv m t
o e en
Cn l
o tro
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

More Related Content

PPT
Image segmentation
PPTX
Region based segmentation
PDF
PPT s03-machine vision-s2
PDF
Threshold Selection for Image segmentation
PDF
Contrast enhancement using various statistical operations and neighborhood pr...
PPTX
IMAGE SEGMENTATION TECHNIQUES
PDF
Region Splitting and Merging Technique For Image segmentation.
PPT
Image processing
Image segmentation
Region based segmentation
PPT s03-machine vision-s2
Threshold Selection for Image segmentation
Contrast enhancement using various statistical operations and neighborhood pr...
IMAGE SEGMENTATION TECHNIQUES
Region Splitting and Merging Technique For Image segmentation.
Image processing

What's hot (20)

PPTX
Region based segmentation
PPTX
Image segmentation
PPTX
Region based image segmentation
PPT
Im seg04
PDF
Improvement of Objective Image Quality Evaluation Applying Colour Differences...
PPTX
Comparison of image segmentation
PPTX
Comparative study on image segmentation techniques
PPT
Cvpr2007 object category recognition p4 - combined segmentation and recogni...
PPTX
Erosion and dilation
PDF
Fuzzy Region Merging Using Fuzzy Similarity Measurement on Image Segmentation
PPTX
Image segmentation
PPTX
Image segmentation using wvlt trnsfrmtn and fuzzy logic. ppt
PDF
Mf3421892195
PPT
Ajay ppt region segmentation new copy
PDF
PPT s06-machine vision-s2
PPSX
Edge Detection and Segmentation
PPT
Presentation on deformable model for medical image segmentation
PDF
Content Based Image Retrieval using Color Boosted Salient Points and Shape fe...
PPT
Texture By Priyanka Chauhan
PPT
A Hybrid top-down/bottom-up approach for image segmentation incorporating col...
Region based segmentation
Image segmentation
Region based image segmentation
Im seg04
Improvement of Objective Image Quality Evaluation Applying Colour Differences...
Comparison of image segmentation
Comparative study on image segmentation techniques
Cvpr2007 object category recognition p4 - combined segmentation and recogni...
Erosion and dilation
Fuzzy Region Merging Using Fuzzy Similarity Measurement on Image Segmentation
Image segmentation
Image segmentation using wvlt trnsfrmtn and fuzzy logic. ppt
Mf3421892195
Ajay ppt region segmentation new copy
PPT s06-machine vision-s2
Edge Detection and Segmentation
Presentation on deformable model for medical image segmentation
Content Based Image Retrieval using Color Boosted Salient Points and Shape fe...
Texture By Priyanka Chauhan
A Hybrid top-down/bottom-up approach for image segmentation incorporating col...
Ad

Viewers also liked (16)

PDF
Lecture 5 Data Visualisation
PDF
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in Design
PDF
Introduction to Data Visualization
PPT
Information Visualization - not just eye candy
PPT
SLA Nov2009 Public
PPTX
Integration theory short.wmv - copy (2)
PPTX
The Feature-Integration of Attention_Jing
PDF
Seeing Software
PPTX
Hemispatial neglect2007
PPTX
Examples for leverage points
PPTX
The Role of Pre-Attention in UI Design
PDF
Data Viz CE 2014 Toolbox
PDF
Sensation Part 4
PDF
Lecture3:Chapter5-Perception..Dr.Anna
PPT
Gestalt Laws
PPTX
Yahya assignment 4
Lecture 5 Data Visualisation
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in Design
Introduction to Data Visualization
Information Visualization - not just eye candy
SLA Nov2009 Public
Integration theory short.wmv - copy (2)
The Feature-Integration of Attention_Jing
Seeing Software
Hemispatial neglect2007
Examples for leverage points
The Role of Pre-Attention in UI Design
Data Viz CE 2014 Toolbox
Sensation Part 4
Lecture3:Chapter5-Perception..Dr.Anna
Gestalt Laws
Yahya assignment 4
Ad

Similar to Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information (20)

PDF
Texture and Glyph Design
PPT
Image segmentation ajal
PDF
Traffic Sign Detection and Recognition Using Colour Features towards Intellig...
PDF
C1104011322
PDF
7.traffic sign detection and recognition
PPT
CS 354 Blending, Compositing, Anti-aliasing
PPTX
Visualization Methods Overview Presentation Cambridge University Eppler Septe...
PPT
Glyph-Placement-Strategy
PPTX
Making sense of data visually: A modern look at datavisualization
PPTX
AM1 feature extraction in neural network.pptx
PDF
Feature selection approach in animal classification
PDF
Importance of Mean Shift in Remote Sensing Segmentation
PDF
Review of Image Segmentation Techniques based on Region Merging Approach
PDF
Evaluating the Perceptual Impact of Rendering Techniques on Thematic Color Ma...
PDF
Formations & Deformations of Social Network Graphs
PDF
Feature Extraction of Gesture Recognition Based on Image Analysis for Differe...
PDF
Feature Extraction of Gesture Recognition Based on Image Analysis for Differe...
PDF
Pollination based optimization for color image segmentation
PDF
A04430105
PDF
B01460713
Texture and Glyph Design
Image segmentation ajal
Traffic Sign Detection and Recognition Using Colour Features towards Intellig...
C1104011322
7.traffic sign detection and recognition
CS 354 Blending, Compositing, Anti-aliasing
Visualization Methods Overview Presentation Cambridge University Eppler Septe...
Glyph-Placement-Strategy
Making sense of data visually: A modern look at datavisualization
AM1 feature extraction in neural network.pptx
Feature selection approach in animal classification
Importance of Mean Shift in Remote Sensing Segmentation
Review of Image Segmentation Techniques based on Region Merging Approach
Evaluating the Perceptual Impact of Rendering Techniques on Thematic Color Ma...
Formations & Deformations of Social Network Graphs
Feature Extraction of Gesture Recognition Based on Image Analysis for Differe...
Feature Extraction of Gesture Recognition Based on Image Analysis for Differe...
Pollination based optimization for color image segmentation
A04430105
B01460713

More from Elsa von Licy (20)

PDF
Styles of Scientific Reasoning, Scientific Practices and Argument in Science ...
PDF
Strategie Decisions Incertitude Actes conference fnege xerfi
PDF
Rainville pierre
PDF
Neuropsychophysiologie
PDF
L agressivite en psychanalyse (21 pages 184 ko)
PDF
C1 clef pour_la_neuro
PDF
Hemostase polycop
PDF
Antiphilos
PDF
Vuillez jean philippe_p01
PDF
Spr ue3.1 poly cours et exercices
PDF
Plan de cours all l1 l2l3m1m2 p
PDF
M2 bmc2007 cours01
PDF
Feuilletage
PDF
Chapitre 1
PDF
PDF
Bioph pharm 1an-viscosit-des_liquides_et_des_solutions
PDF
Poly histologie-et-embryologie-medicales
PDF
Methodes travail etudiants
PDF
Atelier.etude.efficace
PDF
There is no_such_thing_as_a_social_science_intro
Styles of Scientific Reasoning, Scientific Practices and Argument in Science ...
Strategie Decisions Incertitude Actes conference fnege xerfi
Rainville pierre
Neuropsychophysiologie
L agressivite en psychanalyse (21 pages 184 ko)
C1 clef pour_la_neuro
Hemostase polycop
Antiphilos
Vuillez jean philippe_p01
Spr ue3.1 poly cours et exercices
Plan de cours all l1 l2l3m1m2 p
M2 bmc2007 cours01
Feuilletage
Chapitre 1
Bioph pharm 1an-viscosit-des_liquides_et_des_solutions
Poly histologie-et-embryologie-medicales
Methodes travail etudiants
Atelier.etude.efficace
There is no_such_thing_as_a_social_science_intro

Recently uploaded (20)

PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Machine Learning_overview_presentation.pptx
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Electronic commerce courselecture one. Pdf
PPT
Teaching material agriculture food technology
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPTX
Tartificialntelligence_presentation.pptx
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Empathic Computing: Creating Shared Understanding
PDF
Getting Started with Data Integration: FME Form 101
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
MIND Revenue Release Quarter 2 2025 Press Release
Group 1 Presentation -Planning and Decision Making .pptx
NewMind AI Weekly Chronicles - August'25-Week II
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Machine Learning_overview_presentation.pptx
Advanced methodologies resolving dimensionality complications for autism neur...
Building Integrated photovoltaic BIPV_UPV.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Programs and apps: productivity, graphics, security and other tools
Dropbox Q2 2025 Financial Results & Investor Presentation
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Electronic commerce courselecture one. Pdf
Teaching material agriculture food technology
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Tartificialntelligence_presentation.pptx
A comparative analysis of optical character recognition models for extracting...
Empathic Computing: Creating Shared Understanding
Getting Started with Data Integration: FME Form 101

Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and highlighting information

Editor's Notes

  • #5: Low Level: Basic feature analys – determines what is seen with minimal effort Mid Level: Pattern finding – The demands of attention meets automatic processing High Level: Task related visual queries are formed – objects/ patterns are pulled into working memory and tested against the query - Need to have the right mappings for queries to be easily satisfied. Attention is focused to execute the query. Final element is the cost of search.