1. 3.1 Observation with Eye Tracking

2. Eye Tracking

3. 凝視點 (Fixation)  「我癡癡地凝視著他，有好一段時間，我幾乎 忘了這個世界的存在」  定義  個體專注於視覺刺激中特定位置時  眼球相對固定不動時所停留的位置  兩項參數  ( 相對 ) 固定不動的最小時間 (e.g.,  80ms)  眼球轉動的最大視角 (e.g.,  0.5  )

4. Heatmap  Colored display for 2D data array  Advantages  Perceptual & locational  Parameters  # of users  Fixation length or # of fixations  Color scale

5. Two Types of Heatmaps Fixation count heatmapAbsolute gaze duration heatmap

6. Guidelines for Using Heatmaps (1) Used for visualizing quantitative data (2) Define the 2D-data represented (3) Define a fixation; e.g., 100ms, 0.5  (4) Define the upper bound for color scale (5) Describe the time duration when fixations were collected (X) let’s-track-and-see-what-happens approach

7. Case Study: ASCO Original ASCO homepageProposed ASCO homepage With which users can be quicker to find information?

8. Bad Examples of Visual Search Attention deploymentTarget processing     Visual designEase of understanding    

9. Participants and Apparatus  12 participants  Age: 30-55  ASCO member Recruited at 2005 ASCO Annual Meeting in Orlando  Use experience: once a month (mean)  Apparatus  17” monitor (1024 x 768 pixels)  a mouse  Tobii 1750 eye tracker

10. Procedures 25 tasks (Design 1) 20-min unrelated exercises 25 tasks (Design 2) Randomized Within-subjects design Counterbalanced against sequence effect 完全交互平衡法 Any confounding effect between old vs. new?

11. TASK I: Find a list of upcoming conferences Original webpageProposed webpage

12. Analysis Results

13. Task I in Original Design Too many link elements # of 目標凝視點 > 1: 4 Persons

14. Task I in Proposed Design Less apparent link elements # of 目標凝視點 = 1: All participants

15. TASK III: Find ASCO’s Position Statements Original webpageProposed webpage

16. Analysis Results

17. Task III in Original Design

18. What is Wrong With Proposed Design? 點選 “Legislative & Regulatory”: 9 participants Mean( 目標凝視點 ) = 2

19. What Color Scheme Is Better? Red-Orange-Yellow-Blue-GrayRed-Orange-Yellow-Green-Gray

20. Grayscale Scheme

21. White Background?

22. Gaze Plot & Gaze Replay  What they are?  Place  Order  Size  Limitations  有時候看不到數字  有時候看不到網頁  Time-consuming analysis  Gaze replay Qualitative nature

23. Areas of Interest (AOI)

24. F Pattern

25. 3.2 Recruiting Participants

26. Communicate to the Participant  Disclose the exposure to eye tracking  Ethically  Ensure no surprise to subjects  Nothing fishy to subjects  Don’t over-explain eye tracking  Subjects too aware of eye movement ( 過度察覺 )  Subjects might quit the test  Ex: “is that infrared going to hurt me?”

27. How to Say It?  Simple introduction to eye tracking  在實驗過程中，我們會觀察你使用網頁的方式  我們會應用科技來追蹤眼睛的移動  接下來我們將請教一些關於眼睛的基本問題  以確定你適合進入這個實驗

28. Screener Questionnaire

29. Impossible Eyetracker Calibration Bifocals/Trifocals 白內障 (cataract)

30. Impossible Eyetracker Calibration 眼睛植入物 (eye implant)

31. Impossible Eyetracker Calibration Screen readerPermanently diluted pupil

32. Impossible Eyetracker Calibration Extreme heightBushy eyelashes

33. 問卷後說明  正式表達邀請  說明酬勞 ( 如果有的話 )  說明實驗時間長度  告知受試者放鬆，而且實驗目的是為了瞭解互 動設計的優劣，與其個人能力高低沒有關係  詳述實驗過程中可能蒐集的所有行為項目  如果實驗不是即刻展開，與受試者約定時間  告知實驗地點  與受試者交換聯絡方式

34. 3.3 Pre-experiment Preparation

35. Environmental Issues Avoid strong light over monitorAvoid eye dryness

36. Typical Eye-Tracking Lab Setup Stationary chair Clear desktop

37. 3.4 Obstacles to Calibration

38. Some Behaviors Affecting Tracking Brimmed hatLooking over glasses

39. Some Behaviors Affecting Tracking DrinkingHand on the Chin

40. Some Behaviors Affecting Tracking Leaning on handHands up (in thinking aloud)

41. Some Behaviors Affecting Tracking Holding task sheet upLeaning back

42. Some Behaviors Affecting Tracking Leaning forwardSquinting