3 1 Observation with Eye Tracking Eye Tracking

3. 1 Observation with Eye Tracking

Eye Tracking

Heatmap (熱圖) Colored display for 2 D data array Advantages � Perceptual & locational Parameters (參數) �# of users � Fixation length or # of fixations � Color scale

Two Types of Heatmaps 凝視點計數凝視時間長度 For two fixation count heatmaps A and B, 若同一位置L都是相同顏色, 受試者是否投入相同注意力於LA and LB? For two absolute gaze duration heatmaps A and B, 若同一位置L都是相同顏色, 受試者是否投入相同注意力於LA and LB?

Case Study: ASCO Original ASCO homepage Proposed ASCO homepage Which UI ca make it quicker to find information?

Bad Examples of Visual Search Attention deployment Visual design Target processing Ease of understanding

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

課堂討論：為何採用隨機次序? • Within-subjects design • Counterbalanced against sequence effect • 完全交互平衡法 25 tasks (Design 1) Randomized 20 -min unrelated exercises 25 tasks (Design 2) Randomized Any confounding effect between old vs. new?

Analysis Results

任務一分析(舊網站) Too many link elements # of 目標凝視點 > 1: 4 Persons Meeting & Education? ?

任務一分析(新網站) Less apparent link elements # of 目標凝視點 = 1: All participants

Analysis Results

任務二(舊網站) Become a Member

任務二(新網站) Membership

Analysis Results

新網站出了什麼問題? 點選“Legislative & Regulatory”: 9 participants Mean(目標凝視點) =2

Areas of Interest (AOI)

F Pattern About us Product Ordering Search Result

3. 2 Recruiting Participants

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

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

Impossible Eyetracker Calibration Screen reader Permanently diluted pupil

Impossible Eyetracker Calibration Extreme height Bushy eyelashes

3. 3 Pre-experiment Preparation

Environmental Issues (實驗環境議題) Avoid strong light over monitor Avoid eye dryness

Typical Eye-Tracking Lab Setup Clear desktop Stationary chair

3. 4 Obstacles to Calibration

Some Behaviors Affecting Tracking Brimmed hat Looking over glasses

Some Behaviors Affecting Tracking Drinking Hand on the Chin

Some Behaviors Affecting Tracking Leaning on hand Hands up (in thinking aloud)

Some Behaviors Affecting Tracking Holding task sheet up Leaning back

Some Behaviors Affecting Tracking Leaning forward Squinting

3. 5 Mangold. Vision Eye. Tracking Software Package

Mangold. Vision Eye. Tracking Software Package Mangold. Vision Manager • 製作實驗專案 Mangold. Vision Player • 執行實驗 Mangold. Vision Analyzer • 實驗分析

3. 5. 1 Mangold. Vision Manager

3. 5. 2 Mangold. Vision Player

Mangold. Vision Player Warning of NO Eye Tracker! GO!

Calibration 建議距離 [50, 70]為佳

9 -Point Calibration

3. 5. 3 Mangold. Vision Analyzer

Mangold. Vision Analyzer起始畫面開啟舊檔

Visualize-Show gaze coordinates

Aggregation Method (聚合方法)

方法 1: Simple Method No. 526 a 526 b 527 Timegap X 11773 23 11797 24 11808 11 11819 11 Y 294 298 293 307 467 458 454 |307 -294| 10 (clustersize) 526 Time=11773 526 a 526 b 527 11773+100 (Time window)