WE05 Eye Tracking the User Experience

Lisa Herrod Web Essentials 05

This presentation
EyeTracking in Usability Testing
User Based Evaluations
EyeTracking Examples
Case Studies

What makes a site usable? LEARNABILITY,MEMORABILITY,EFFECTIVENESS,EFFICIENCY,SATISFACTION,ICAN’TGETNO,ERRORS,DANANA,CONSISTENCY, ANDLOTSMORE

What makes a site usable?
Current standards and best practice
Consistent design
Accessibility
Relevant to user needs
Focused

Designing with User Focus
Improves
Usability
Accessibility
Ease and efficiency of task completion
Users’ satisfaction and confidence on site

Two ways to design
1. Designing with usability principals
2. Evaluating your designs for usability

Two ways to design
1. Designing with Usability
Usability experts and users involved in the design process

Two ways to design
2. Usability Evaluation
Usability experts and users evaluate product at key stages

Two Case Studies
Blue Scope Steel
Australian Wool Innovation

Methods of Testing
Surveys and questionnaires
Focus Group
Expert Review
Compliance Review
EyeTracking Study
User Based Evaluation

User Based Evaluation
6-8 users per primary demographic
Users work through a task list
User actions and feedback combined with Usability ‘heuristics’
Reporting of issues and recommendations

Blue Scope Steel usability evaluation

Wool designing with usability

Australian Wool Innovation
Comparative evaluation: 3 Designs
Key Focus: Navigation and Labelling
One-on-one user based evaluation
6 participants
Primary demographic: Members of site
Balance Male / Female

Wool: Design 3

Wool: Design 2

Wool: Design 1

EyeTracking
Imagine if you could see your site through the eyes of the user from concept to completion…

EyeTracking Approach Eye-tracking and on the spot interview Qualitative in-depth discussion Qualitative observation and context

EyeTracking
Usually in conjunction with a UBE
Compliments User Based Evaluation
Provides additional information
Objective, visual deliverables

EyeTracking
One to one In-depth discussions
Typical length is 1 hour
Allows for a ‘stream of consciousness’ to come through

EyeTracking is combined with qualitative research of UBE
Objective, visual outputs of
Viewed site designs
Attention paid to page elements
User interactions
Overall Approach

Let’s see how it works…

camera

Participant tracked Near-infrared beams allow camera to accurately track eye behaviour

Calibration Matrix

Calibrating Eye to Screen … note ‘white spot’ on pupil

A Bit of Pub Trivia
(like you’re ever going to get this at your local…)

ET Trivia
Initial methods for tracking the actual location of eye fixations involved direct mechanical contact with the cornea…

Example EyeTracking Outputs

Scan Paths

Marking up for 3D graphs

3D graphs

Contour Map

Two More Case Studies
Side by Side Navigation Hudson, Firminger & Weakley
WorkCover NSW

Side by Side navigation

Side by Side - open

Side by Side Navigation – Scan Path 1

WorkCover NSW

WorkCover NSW - Home 5 Areas of navigation

WorkCover NSW - Cascading Menu 5 Areas of navigation

WorkCover NSW - Dropdown Menu 5 Areas of navigation

WC-ET Crosshair

WC- No ET

Scan Path tracks eye movements

Workcover NSW – Dwell Times

Workcover NSW – Contour Map

Thankyou…
I’ll be here for the next couple of days, but feel free to contact me any time at:
[email_address]

WE05 Eye Tracking the User Experience

by LisaHerrod

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 11

Statistics

WE05 Eye Tracking the User Experience Presentation Transcript

http://www.slideshare.net	9
http://www.e-presentations.us	2