WE05 Eye Tracking the User Experience

Slide 1: Lisa Herrod Web Essentials 05

Slide 2: Lisa Herrod Web Essentials 05

Slide 3: This pre se ntatio n EyeTracking in Usability Testing User Based Evaluations EyeTracking Examples Case Studies

Slide 4: What make s a s ite us able ? LEARNABILITY,MEMORABILITY,EFFECTIVENESS ,EFFICIENCY,SATISFACTION,ICAN’TGETNO,ERR ORS,DANANA,CONSISTENCY, ANDLOTSMORE

Slide 5: What make s a s ite us able ? • Current standards and best practice • Consistent design • Accessibility • Relevant to user needs • Focused

Slide 6: De s ig ning with Us e r Fo c us Improves Usability Accessibility Ease and efficiency of task completion Users’ satisfaction and confidence on site

Slide 7: Two ways to de s ig n 1. Designing with usability principals 2. Evaluating your designs for usability

Slide 8: Two ways to de s ig n 1. Designing with Usability Usability experts and users involved in the design process

Slide 9: Two ways to de s ig n 2. Usability Evaluation Usability experts and users evaluate product at key stages

Slide 10: Two Cas e S tudie s 1. Blue Scope Steel 3. Australian Wool Innovation

Slide 11: Me tho ds o f Te s ting • Surveys and questionnaires • Focus Group • Expert Review • Compliance Review • EyeTracking Study • User Based Evaluation

Slide 12: Us e r Bas e d Evaluatio n • 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

Slide 13: Blue S c o pe S te e l us ability e valuatio n

Slide 18: Wo o l de s ig ning with us ability

Slide 19: Aus tralian Wo o l Inno vatio n • 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

Slide 20: Wo o l: De s ig n 3

Slide 21: Wo o l: De s ig n 3

Slide 22: Wo o l: De s ig n 2

Slide 23: Wo o l: De s ig n 2

Slide 24: Wo o l: De s ig n 1

Slide 25: Wo o l: De s ig n 1

Slide 26: Eye Trac king Imagine if you could see your site through the eyes of the user from concept to completion…

Slide 27: Eye Trac king Appro ac h Eye-tracking and on the spot interview Qualitative Qualitative observation in-depth and context discussion

Slide 28: Eye Trac king • Usually in conjunction with a UBE • Compliments User Based Evaluation • Provides additional information • Objective, visual deliverables

Slide 29: Eye Trac king • One to one In-depth discussions • Typical length is 1 hour • Allows for a ‘stream of consciousness’ to come through

Slide 30: Ove rall Appro ac h • EyeTracking is combined with qualitative research of UBE • Objective, visual outputs of – Viewed site designs – Attention paid to page elements – User interactions

Slide 31: Le t’s s e e ho w it wo rks …

Slide 32: Lab

Slide 33: camera

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

Slide 35: Calibrati on Matrix

Slide 36: Calibrating Eye to Screen … no te ‘white s po t’ o n pupil

Slide 37: A Bit o f Pub Trivia (like you’re ever going to get this at your local…)

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

Slide 39: Example Eye Trac king Outputs

Slide 40: S c an Paths

Slide 41: Marking up fo r 3D g raphs

Slide 42: 3D g raphs

Slide 43: Co nto ur Map

Slide 44: Two Mo re Cas e S tudie s 1. Side by Side Navigation Hudson, Firminger & Weakley 3. WorkCover NSW

Slide 45: S ide by S ide navig atio n

Slide 46: S ide by S ide - o pe n

Slide 47: S ide by S ide Navig atio n – S c an Path 1

Slide 48: Side by Side Navigation – Scan Path 2

Slide 49: Side by Side Navigation – Scan Path 3

Slide 50: Wo rkCo ve r N SW

Slide 51: Wo rkCo ve r N SW - Ho me 5 Areas of navigation

Slide 52: Wo rkCo ve r N SW - Cascading Me nu 5 Areas of navigation

Slide 53: Wo rkCo ve r N SW - Dro pdo wn Me nu 5 Areas of navigation

Slide 54: WC -E T C ros s h a ir

Slide 55: WC - No E T

Slide 56: Scan Path tracks eye movements

Slide 57: Workcover NSW – Dwell Times

Slide 58: Workcover NSW – Contour Map

Slide 59: Thankyou… I’ll be here for the next couple of days, but feel free to contact me any time at: lisa@scenarioseven.com