SlideShare une entreprise Scribd logo
1  sur  20
Examining visual attention of dyslexics on web navigation structures with eye tracking Areej Al-Wabil,  Panayiotis Zaphiris,  Stephanie Wilson Centre for Human-Computer Interaction Design City University London, UK
Human-Computer Interaction ,[object Object],Human  /Behavioural  Sciences Interactive Systems Psychology Social Sciences Cognitive Science
Eye tracking methodology Classification by Duchowski (2002). Eye tracking methodology: Theory and practice ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
VISUAL ATTENTION  ,[object Object]
Applications of Eye Tracking  (1) ,[object Object],How can visuals draw and drive attention? Image Source: HumanFactors.com
Applications of Eye Tracking  (2) ,[object Object],[object Object],Source: Tannen (2007) Eye Tracking for Product Design
Applications of Eye Tracking  (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source: Vision and Cognition Lab Drexel University http://viscog.cs.drexel.edu
Eye Tracking & Web Interaction Attention deployment Target processing User response Video of eye gaze overlaid on a web site in a navigation session.
EXAMINING VISUAL ATTENTION OF DYSLEXICS ON THE WEB ,[object Object]
Developmental Dyslexia ,[object Object],[object Object],[object Object],[object Object]
Seeing through Dyslexics’ eyes ,[object Object],[object Object]
Visual processing difficulties Akiyoshi Kitaoka,  Rotating Snakes  (2003).  This picture by Kitaoka appears to move due to the luminance contrast between the black, blue, white, and yellow.
Interface Design for Dyslexics ,[object Object],[object Object],[object Object],[object Object],[object Object],SeeWord: Gregor et al. (2003) SpeakOut: Evans & Blenkhorn (2005)
DYSLEXIA AND WEB NAVIGATION ,[object Object]
Exploratory Experimental Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Viewing patterns: Strategic Visual Search Non-Dyslexic Controls Dyslexics  Key finding: Dyslexic viewing patterns appear less strategic and more scattered than viewing patterns of controls.
Viewing patterns: Re-visiting regions Non-Dyslexic Controls Dyslexics  Key finding: Controls exhibited more directed scans of navigation bars than dyslexics (exhibited more re-visits to areas of interest)
Examining Areas of Interest AOIs Non-Dyslexic Controls Dyslexics  What is guiding eye movements?  ..web page features, task, individual characteristics?
Closing Remarks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Examining visual attention of dyslexics on web navigation structures with eye tracking Thank you  [email_address]

Contenu connexe

En vedette

En vedette (7)

Social Innovations for Urban Sustainability: Towards Smarter Cities
Social Innovations for Urban Sustainability: Towards Smarter CitiesSocial Innovations for Urban Sustainability: Towards Smarter Cities
Social Innovations for Urban Sustainability: Towards Smarter Cities
 
Web accessibility and usability
Web accessibility and usabilityWeb accessibility and usability
Web accessibility and usability
 
Augmenting Speech-Language Rehabilitation with Brain Computer Interfaces: An ...
Augmenting Speech-Language Rehabilitation with Brain Computer Interfaces: An ...Augmenting Speech-Language Rehabilitation with Brain Computer Interfaces: An ...
Augmenting Speech-Language Rehabilitation with Brain Computer Interfaces: An ...
 
PSUCASE2014
PSUCASE2014PSUCASE2014
PSUCASE2014
 
Dsc_5may2013
Dsc_5may2013Dsc_5may2013
Dsc_5may2013
 
Brain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
Brain-Computer Interfaces: Applying our Minds to Human-Computer InteractionBrain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
Brain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
 
Innovation in the Classroom: Keeping Digital Innovation Alive in Schools
Innovation in the Classroom: Keeping Digital Innovation Alive in SchoolsInnovation in the Classroom: Keeping Digital Innovation Alive in Schools
Innovation in the Classroom: Keeping Digital Innovation Alive in Schools
 

Similaire à Workshop

Nemchinova cognitive disabilities
Nemchinova cognitive disabilitiesNemchinova cognitive disabilities
Nemchinova cognitive disabilities
Yulia Nemchinova
 
Supporting mobility for the blind a broad lit review
Supporting mobility for the blind   a broad lit reviewSupporting mobility for the blind   a broad lit review
Supporting mobility for the blind a broad lit review
Debaleena Chattopadhyay
 

Similaire à Workshop (20)

Using Eye Tracking For Reading Studies
Using Eye Tracking For Reading StudiesUsing Eye Tracking For Reading Studies
Using Eye Tracking For Reading Studies
 
Detection Of Dyslexia From Eye Movements Using Anfis & Bbwpe Feature Extracti...
Detection Of Dyslexia From Eye Movements Using Anfis & Bbwpe Feature Extracti...Detection Of Dyslexia From Eye Movements Using Anfis & Bbwpe Feature Extracti...
Detection Of Dyslexia From Eye Movements Using Anfis & Bbwpe Feature Extracti...
 
Nemchinova cognitive disabilities
Nemchinova cognitive disabilitiesNemchinova cognitive disabilities
Nemchinova cognitive disabilities
 
The Visual Activities and Participation (VAP) scales and cerebral visual impa...
The Visual Activities and Participation (VAP) scales and cerebral visual impa...The Visual Activities and Participation (VAP) scales and cerebral visual impa...
The Visual Activities and Participation (VAP) scales and cerebral visual impa...
 
Seeing things our way
Seeing things our waySeeing things our way
Seeing things our way
 
Visual Scene Displays
Visual Scene DisplaysVisual Scene Displays
Visual Scene Displays
 
Visual Scene Displays
Visual Scene DisplaysVisual Scene Displays
Visual Scene Displays
 
Taking the scenic tour
Taking the scenic tourTaking the scenic tour
Taking the scenic tour
 
Supporting mobility for the blind a broad lit review
Supporting mobility for the blind   a broad lit reviewSupporting mobility for the blind   a broad lit review
Supporting mobility for the blind a broad lit review
 
IT 7113 Research Project
IT 7113 Research ProjectIT 7113 Research Project
IT 7113 Research Project
 
Ppt pm
Ppt pmPpt pm
Ppt pm
 
baod-syndrome.ppt
baod-syndrome.pptbaod-syndrome.ppt
baod-syndrome.ppt
 
Designing for People with Cognitive Disabilities in Language and Literacy
Designing for People with Cognitive Disabilities in Language and LiteracyDesigning for People with Cognitive Disabilities in Language and Literacy
Designing for People with Cognitive Disabilities in Language and Literacy
 
Web Accessibility and Older People - not as straighforward as you think?
Web Accessibility and Older People - not as straighforward as you think?Web Accessibility and Older People - not as straighforward as you think?
Web Accessibility and Older People - not as straighforward as you think?
 
Lecture Handouts: Pediatric Cortical Visual Impairment
Lecture Handouts: Pediatric Cortical Visual ImpairmentLecture Handouts: Pediatric Cortical Visual Impairment
Lecture Handouts: Pediatric Cortical Visual Impairment
 
Tvcg.12a
Tvcg.12aTvcg.12a
Tvcg.12a
 
Designing for People with Cognitive Disabilities at UXPA 2013
Designing for People with Cognitive Disabilities at UXPA 2013Designing for People with Cognitive Disabilities at UXPA 2013
Designing for People with Cognitive Disabilities at UXPA 2013
 
Diagnosis and Therapeutic Intervention of Vision Function and Functional Visi...
Diagnosis and Therapeutic Intervention of Vision Function and Functional Visi...Diagnosis and Therapeutic Intervention of Vision Function and Functional Visi...
Diagnosis and Therapeutic Intervention of Vision Function and Functional Visi...
 
Extreme-scale Identity Management for Scientific Collaborations
Extreme-scale Identity Management for Scientific CollaborationsExtreme-scale Identity Management for Scientific Collaborations
Extreme-scale Identity Management for Scientific Collaborations
 
Journal of Computer Science Research | Vol.4, Iss.1 January 2022
Journal of Computer Science Research | Vol.4, Iss.1 January 2022Journal of Computer Science Research | Vol.4, Iss.1 January 2022
Journal of Computer Science Research | Vol.4, Iss.1 January 2022
 

Dernier

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Dernier (20)

Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 

Workshop

  • 1. Examining visual attention of dyslexics on web navigation structures with eye tracking Areej Al-Wabil, Panayiotis Zaphiris, Stephanie Wilson Centre for Human-Computer Interaction Design City University London, UK
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. Eye Tracking & Web Interaction Attention deployment Target processing User response Video of eye gaze overlaid on a web site in a navigation session.
  • 9.
  • 10.
  • 11.
  • 12. Visual processing difficulties Akiyoshi Kitaoka, Rotating Snakes (2003). This picture by Kitaoka appears to move due to the luminance contrast between the black, blue, white, and yellow.
  • 13.
  • 14.
  • 15.
  • 16. Viewing patterns: Strategic Visual Search Non-Dyslexic Controls Dyslexics Key finding: Dyslexic viewing patterns appear less strategic and more scattered than viewing patterns of controls.
  • 17. Viewing patterns: Re-visiting regions Non-Dyslexic Controls Dyslexics Key finding: Controls exhibited more directed scans of navigation bars than dyslexics (exhibited more re-visits to areas of interest)
  • 18. Examining Areas of Interest AOIs Non-Dyslexic Controls Dyslexics What is guiding eye movements? ..web page features, task, individual characteristics?
  • 19.
  • 20. Examining visual attention of dyslexics on web navigation structures with eye tracking Thank you [email_address]