Inclusive Design Lecture

Dyslexia and web interaction: Seeing through dyslexics’ eyes Areej Al-Wabil, Panayiotis Zaphiris, Stephanie Wilson Centre for HCI Design, City University London

Overview ,[object Object],[object Object],[object Object],March 11, 2008

What is dyslexia? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008

How does dyslexia affect technology use? March 11, 2008 Akiyoshi Kitaoka, Rotating Snakes (2003). This picture by Kitaoka appears to move due to the luminance contrast between the black, blue, white, and yellow.

Visual processing difficulties March 11, 2008

Technology assistance ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008 SeeWord SpeakOut

Exploratory Study: Web navigation ,[object Object],March 11, 2008

Example 1 – Navigating within a web site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008

[object Object],[object Object],[object Object],[object Object],‘ I find those - pointing to sitemaps - difficult to look at… The text gets blurred and starts moving around. Sometimes I feel a bit of anxiety coming and I need to take a break.’ Example 2 – Sitemaps March 11, 2008

Exploratory study: Key findings ,[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008

Investigating the visual search of web pages ,[object Object],March 11, 2008  Investigate the visual scanning of web pages by examining dyslexics’ visual attention and web exploration patterns through eye tracking. Image source: Tobii.com

How can eye tracking help my work? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008 Do Don’t do Diagonal of indecision Benefit of doing Cost of doing Low High High  Decision-plane model of the costs and benefits of using eye tracking in my study Adapted from (Rosenthal & Rosnow, 1984)

Eye tracking: Seeing through dyslexics’ eyes ,[object Object],[object Object],[object Object],March 11, 2008

Seeing through dyslexics’ eyes: Investigating dyslexics’ visual scan paths on the web ,[object Object],[object Object],March 11, 2008 Video: Gaze replay

Study design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008 Accessible Inaccessible Site Nav Info Task Experimental design

Dealing with data: preparation & recording March 11, 2008 Cognitive Profile

Preparing data for analysis March 11, 2008 Creating segments and defining scenes Creating filters and generating plots & maps

Design: Seeing through dyslexics’ eyes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008

Design: Seeing through dyslexics’ eyes ,[object Object],March 11, 2008 Dyslexics Control Group

Analysis: Dyslexics’ visual search ,[object Object],March 11, 2008 Gaze Plot Heat Map

[object Object],Analysis: Dyslexics’ visual search March 11, 2008 Direction of scanpaths, # of fixations Dwell time, spatial density of fixations Apply filter WeakMemory  Examine data

Analysis: Dyslexics’ visual search March 11, 2008 Export to statistical software packages Statistical analysis provided by Studio

Final notes ,[object Object],[object Object],[object Object],[object Object],[object Object],March 11, 2008

Thank you Areej Al-Wabil, Panayiotis Zaphiris, Stephanie Wilson Centre for HCI Design, City University London, UK [email_address] [email_address] [email_address] March 11, 2008

Inclusive Design Lecture

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (7)

Ähnlich wie Inclusive Design Lecture

Ähnlich wie Inclusive Design Lecture (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Inclusive Design Lecture