brighton

Dyslexia and web interaction: Examining visual attention on web navigation structures with eye tracking Areej Al-Wabil, Panayiotis Zaphiris, Stephanie Wilson Centre for HCI Design, City University London

Overview ,[object Object],[object Object],[object Object],April 2, 2008

What is dyslexia? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],April 2, 2008

How does dyslexia affect technology use? April 2, 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 April 2, 2008

Reading and writing difficulties April 2, 2008

Technology assistance ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],April 2, 2008 SeeWord: Gregor et al. (2003) SpeakOut: Evans & Blenkhorn (2005)

[object Object],Exploratory Study: Web navigation April 2, 2008 Dervin, B. (1992). From the mind’s eye of the user: the sense-making qualitative-quantitative methodology.

Example 1 – Navigating within a web site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],April 2, 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 April 2, 2008

Exploratory study: Key findings ,[object Object],[object Object],[object Object],[object Object],[object Object],April 2, 2008

Investigating the visual search of web pages ,[object Object],April 2, 2008  Examine dyslexics’ visual attention and web exploration patterns through eye tracking. Image source: Tobii.com

What is eye tracking? April 2, 2008 Attention deployment Target processing Visual search Video of gaze replay

Eye tracking: Seeing through dyslexics’ eyes ,[object Object],[object Object],[object Object],April 2, 2008

Seeing through dyslexics’ eyes: Investigating dyslexics’ visual scan paths on the web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],April 2, 2008

Eye tracking: Seeing through dyslexics’ eyes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],April 2, 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)

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],April 2, 2008 Accessible Inaccessible Site Nav Info Task Experimental design

Cognitive profiles and eye tracking April 2, 2008 Cognitive Profile

Preparing data for analysis April 2, 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],[object Object],April 2, 2008

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

Visual attention on web pages ,[object Object],April 2, 2008 Dyslexics Control Group

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

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

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

Final notes ,[object Object],[object Object],[object Object],April 2, 2008

Thank you Areej Al-Wabil, Panayiotis Zaphiris, Stephanie Wilson Centre for HCI Design, City University London, UK [email_address] Presentation: http://www.slideshare.net/areejalwabil/brighton April 2, 2008

brighton

Recommandé

Recommandé

Contenu connexe

Similaire à brighton

Similaire à brighton (20)

Plus de Areej Al-Wabil

Plus de Areej Al-Wabil (11)

Dernier

Dernier (20)

brighton