1.
Lisa Herrod Web Essentials 05

2.
Lisa Herrod Web Essentials 05

3.
This presentation <ul><li>EyeTracking in Usability Testing </li></ul><ul><li>User Based Evaluations </li></ul><ul><li>EyeTracking Examples </li></ul><ul><li>Case Studies </li></ul>

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

5.
What makes a site usable? <ul><li>Current standards and best practice </li></ul><ul><li>Consistent design </li></ul><ul><li>Accessibility </li></ul><ul><li>Relevant to user needs </li></ul><ul><li>Focused </li></ul>

6.
Designing with User Focus <ul><li>Improves </li></ul><ul><li>Usability </li></ul><ul><li>Accessibility </li></ul><ul><li>Ease and efficiency of task completion </li></ul><ul><li>Users’ satisfaction and confidence on site </li></ul>

7.
Two ways to design <ul><li>1. Designing with usability principals </li></ul><ul><li>2. Evaluating your designs for usability </li></ul>

8.
Two ways to design <ul><li>1. Designing with Usability </li></ul><ul><li>Usability experts and users involved in the design process </li></ul>

9.
Two ways to design <ul><li>2. Usability Evaluation </li></ul><ul><li>Usability experts and users evaluate product at key stages </li></ul>

10.
Two Case Studies <ul><li>Blue Scope Steel </li></ul><ul><li>Australian Wool Innovation </li></ul>

11.
Methods of Testing <ul><li>Surveys and questionnaires </li></ul><ul><li>Focus Group </li></ul><ul><li>Expert Review </li></ul><ul><li>Compliance Review </li></ul><ul><li>EyeTracking Study </li></ul><ul><li>User Based Evaluation </li></ul>

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

13.
Blue Scope Steel usability evaluation

18.
Wool designing with usability

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

20.
Wool: Design 3

21.
Wool: Design 3

22.
Wool: Design 2

23.
Wool: Design 2

24.
Wool: Design 1

25.
Wool: Design 1

26.
EyeTracking <ul><li>Imagine if you could see your site through the eyes of the user from concept to completion… </li></ul>

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

28.
EyeTracking <ul><li>Usually in conjunction with a UBE </li></ul><ul><li>Compliments User Based Evaluation </li></ul><ul><li>Provides additional information </li></ul><ul><li>Objective, visual deliverables </li></ul>

29.
EyeTracking <ul><li>One to one In-depth discussions </li></ul><ul><li>Typical length is 1 hour </li></ul><ul><li>Allows for a ‘stream of consciousness’ to come through </li></ul>

30.
<ul><li>EyeTracking is combined with qualitative research of UBE </li></ul><ul><li>Objective, visual outputs of </li></ul><ul><ul><li>Viewed site designs </li></ul></ul><ul><ul><li>Attention paid to page elements </li></ul></ul><ul><ul><li>User interactions </li></ul></ul>Overall Approach

31.
Let’s see how it works…

32.
Lab

33.
camera

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

35.
Calibration Matrix

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

37.
A Bit of Pub Trivia <ul><li>(like you’re ever going to get this at your local…) </li></ul>

38.
ET Trivia <ul><li>Initial methods for tracking the actual location of eye fixations involved direct mechanical contact with the cornea… </li></ul>

39.
Example EyeTracking Outputs

40.
Scan Paths

41.
Marking up for 3D graphs

42.
3D graphs

43.
Contour Map

44.
Two More Case Studies <ul><li>Side by Side Navigation Hudson, Firminger & Weakley </li></ul><ul><li>WorkCover NSW </li></ul>

45.
Side by Side navigation

46.
Side by Side - open

47.
Side by Side Navigation – Scan Path 1

48.
Side by Side Navigation – Scan Path 2

49.
Side by Side Navigation – Scan Path 3

50.
WorkCover NSW

51.
WorkCover NSW - Home 5 Areas of navigation

52.
WorkCover NSW - Cascading Menu 5 Areas of navigation

53.
WorkCover NSW - Dropdown Menu 5 Areas of navigation

54.
WC-ET Crosshair

55.
WC- No ET

56.
Scan Path tracks eye movements

57.
Workcover NSW – Dwell Times

58.
Workcover NSW – Contour Map

59.
Thankyou… <ul><li>I’ll be here for the next couple of days, but feel free to contact me any time at: </li></ul><ul><li>[email_address] </li></ul>