SlideShare a Scribd company logo
1 of 19
Attention Understanding attention processes What is attention?
Attention Understanding attention processes Why is attention relevant to interface design?
Spotlight metaphor What makes the spotlight move? Visualogist on flickr
Attention Control Top-down Bottom-up
Attention Control Top-down Bottom-up
Attention Control Top-down Bottom-up
Visual Scanning Visual Search vs
Visual Scanning Visual Search vs
Visual Scanning Influenced by 6 factors: 1 2 3 4 5 6
Visual Scanning Probability of looking at an area:
Visual Scanning Visual Search vs
Visual Search The effort to detect a targetitem whose presence or position in the field is not known a priori.
Target Well-specified Vague Top-down Bottom-up
Field Structured Predictable Haphazard In which type of field is it easier to find a target?
Facilitating Visual Search How can we design interfaces so it’s easier for people to find what they need?
A target is easier to find if…
Presence/Absence of Unique Feature
Deviation from default value |	|	|	|	 |	|	|	|	 |	|	|	|	 |	|	| |	|	|	|	 |	|	|	|  br />| br />br />br />
Summary Attentional Control Top-down vs. Bottom-up Visual Scanning 6 factors that influence it Visual Search Target Field Facilitating it Amazon.com

More Related Content

Viewers also liked

07 mental models-ift_lecture
07 mental models-ift_lecture07 mental models-ift_lecture
07 mental models-ift_lecture
Dr. V Vorvoreanu
 
05 from requirements to interface design
05 from requirements to interface design05 from requirements to interface design
05 from requirements to interface design
Dr. V Vorvoreanu
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
Sbeauchemin
 

Viewers also liked (20)

User research
User researchUser research
User research
 
usability reporting
usability reportingusability reporting
usability reporting
 
Ms in cgt very short
Ms in cgt very shortMs in cgt very short
Ms in cgt very short
 
11 info architecture
11 info architecture11 info architecture
11 info architecture
 
Emergency preparedness
Emergency preparednessEmergency preparedness
Emergency preparedness
 
Mary Beth And John Tinker Case Presentation
Mary Beth And John Tinker Case PresentationMary Beth And John Tinker Case Presentation
Mary Beth And John Tinker Case Presentation
 
07 mental models-ift_lecture
07 mental models-ift_lecture07 mental models-ift_lecture
07 mental models-ift_lecture
 
05 from requirements to interface design
05 from requirements to interface design05 from requirements to interface design
05 from requirements to interface design
 
Audit
AuditAudit
Audit
 
14 grids
14 grids14 grids
14 grids
 
Why social media
Why social mediaWhy social media
Why social media
 
18 b writing for the web
18 b writing for the web18 b writing for the web
18 b writing for the web
 
Photography Slide Show
Photography Slide ShowPhotography Slide Show
Photography Slide Show
 
Book Demographic DPP
Book Demographic DPPBook Demographic DPP
Book Demographic DPP
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
 
Social Business Advantage
Social Business AdvantageSocial Business Advantage
Social Business Advantage
 
17 homepage usability
17 homepage usability17 homepage usability
17 homepage usability
 
Tech621 [re]orientation
Tech621 [re]orientationTech621 [re]orientation
Tech621 [re]orientation
 
visual designprinciples_1
visual designprinciples_1visual designprinciples_1
visual designprinciples_1
 
Module 6
Module 6Module 6
Module 6
 

Similar to Attention

Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In Mind
CenergyDave
 
An Eye Towards User Engagement, EyeTrackUX West
An Eye Towards User Engagement, EyeTrackUX WestAn Eye Towards User Engagement, EyeTrackUX West
An Eye Towards User Engagement, EyeTrackUX West
Andrew Schall
 
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UXSearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
Distilled
 
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
studiokandm
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
studiokandm
 
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkitDesigning the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
Tyler Tate
 

Similar to Attention (20)

05 attention
05 attention05 attention
05 attention
 
05 attention
05 attention05 attention
05 attention
 
Search&Filter Interface Round Up by Amy Cueva, Mad Pow
Search&Filter Interface Round Up by Amy Cueva, Mad PowSearch&Filter Interface Round Up by Amy Cueva, Mad Pow
Search&Filter Interface Round Up by Amy Cueva, Mad Pow
 
Visual interface design and design for scan
Visual interface design and design for scanVisual interface design and design for scan
Visual interface design and design for scan
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In Mind
 
An Eye Towards User Engagement, EyeTrackUX West
An Eye Towards User Engagement, EyeTrackUX WestAn Eye Towards User Engagement, EyeTrackUX West
An Eye Towards User Engagement, EyeTrackUX West
 
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UXSearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
SearchLove Boston 2013_Abby Covert_Search is the Front Door to UX
 
Understanding Visual Hierarchy in Web Design
Understanding Visual Hierarchy in Web DesignUnderstanding Visual Hierarchy in Web Design
Understanding Visual Hierarchy in Web Design
 
Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website Redesign
 
UI / UX Engineering for Web Applications
UI / UX Engineering for Web ApplicationsUI / UX Engineering for Web Applications
UI / UX Engineering for Web Applications
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive Design
 
Search is the Front Door to UX
Search is the Front Door to UXSearch is the Front Door to UX
Search is the Front Door to UX
 
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
 
Prototyping and Scrum
Prototyping and ScrumPrototyping and Scrum
Prototyping and Scrum
 
Malhotra05
Malhotra05Malhotra05
Malhotra05
 
Malhotra05
Malhotra05Malhotra05
Malhotra05
 
Malhotra05
Malhotra05Malhotra05
Malhotra05
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
 
Designing the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkitDesigning the search experience by tyler tate : twigkit
Designing the search experience by tyler tate : twigkit
 
"The Polar Bear Book" Chapter 4
"The Polar Bear Book" Chapter 4"The Polar Bear Book" Chapter 4
"The Polar Bear Book" Chapter 4
 

More from Dr. V Vorvoreanu

Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
Dr. V Vorvoreanu
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
Dr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
Dr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction design
Dr. V Vorvoreanu
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
Dr. V Vorvoreanu
 

More from Dr. V Vorvoreanu (20)

Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketches
 
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles cats
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordance
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
 
Controls
ControlsControls
Controls
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX intro
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Information architecture
Information architectureInformation architecture
Information architecture
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course review
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel ux
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction design
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
 
11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014
 

Recently uploaded

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 

Attention

Editor's Notes

  1. Salience - contrast – especially motion or color contrastNewness – abrupt onset, appearance of something new on the sceneAttentional set – if person is searching for it or is otherwise prepared to let it grab attention
  2. If a channel has a high event rate, people will sample that more frequently than if it had a low event rate – something that is frequently updated gets visual visits more often than something that is static or updates more slowly – think car gauges, we sample spedometer more often than engine temperature.Contextual relevance – the context of events that have happened there previously suggest that information is now available there. There is a cue that there is information there – usually an alarm or indication.Info value – the expected value to be gained, or lost, if the info is not noticed