眼動追蹤：用戶體驗設計利器

1  眼動追蹤簡介 1
什么是眼動追蹤 1
眼動追蹤技術如何運作 1
眼動儀能告知或無法告知的信息 3
位置 4
持續(xù)時間 5
運動 5
眼動追蹤技術的歷史與現(xiàn)狀 6
中世紀讓人備受折磨的設備和早期眼動儀的出現(xiàn) 6
眼動追蹤技術發(fā)展成為用戶體驗研究工具 9
為快速簡單捕獲數(shù)據(jù)而設計的硬件 10
被測試者的友好環(huán)境 10
為用戶體驗研究人員設計的分析軟件 11
眼動追蹤技術可以協(xié)助設計團隊 14
從注視點獲得信息 16
看用戶實際注視的位置，而不是看用戶自認為注視
的位置 17
確定視覺層次的有效性 17
結語 20
致謝 21
參考文獻 21
2  視覺搜索 22
引言 22
如何在網(wǎng)頁上進行視覺搜索 22
視覺搜索是什么樣子 24
有不同類型的視覺搜索嗎 27
引擎結果頁面的視覺搜索行為 27
面部圖像對搜索行為的影響比其他類型的圖像更大嗎 29
什么是廣告盲點，為什么廣告盲點很重要 30
設計視覺搜索體驗的前景 33
參考文獻 34
3  可用性測試 37
簡介 37
將眼動追蹤融入可用性測試 38
注視和眼跳 41
興趣區(qū)域 42
注視不透明貼圖和熱力圖 45
注視軌跡 49
更有效地與客戶溝通可用性測試結果 50
眼動追蹤可以說服客戶修改設計，增強可用性 51
眼動追蹤視覺資料能輔助以用戶為中心的設計 53
可用性研究中的注意事項和不利因素 54
時間 54
分析軟件 54
有聲思維、年齡與眼動追蹤 56
結語 57
致謝 58
參考文獻 58
4  生理反應檢測方法 61
引言 61
生理反應檢測法的特征 62
主觀與客觀 63
實時與延時 64
自然環(huán)境與人工實驗室環(huán)境 65
侵入性與非侵入性 66
結合生物計量學的實用性 67
用戶體驗中的生理反應檢測方法 68
瞳孔擴張 68
面部表情識別 71
皮膚電傳導 73
神經(jīng)影像：腦電圖 76
效價檢測 82
結語 82
致謝 83
參考文獻 83
5  表單和調查 85
引言 85
表單與調查的多個共同之處 86
案例：我們可從眼動追蹤表單和調查中學到哪些內(nèi)容 87
人們閱讀帶有問題的頁面與閱讀其他頁面的方法不同 87
用戶尋找回答框旁邊的按鈕 91
如果標簽在字段附近，用戶可以更迅速地完成表單 93
用戶困惑是否應該覆蓋原有文本 94
用戶可能遺漏距離錯誤較遠的報錯提示 95
將報錯提示放在用戶看得見的地方 97
回答選項分兩欄看起來會更短 97
表單和調查的眼動追蹤何時有效（及何時無效） 99
注視點區(qū)別于注意力 100
對號入座式回答：注視點與注意力同時在問題上 101
集思廣益式回答：注視點與注意力分離 102
自出心裁式答案：注視點在問題上而注意力在其他
地方 103
詢問他人式答案：注視點與注意力都轉移 104
結語 106
致謝 106
參考文獻 106
6  信息架構與網(wǎng)站導航 108
引言 108
信息架構的評估方法 108
眼動追蹤技術在特定背景中評估導航 110
主導航 110
子導航 112
面包屑導航 114
上下文導航 115
實用工具導航 117
動態(tài)菜單 120
視覺層次和分組 122
評估導航元素的視覺層次 122
檢測導航可用性 123
結語 125
參考文獻 126
7  網(wǎng)頁正文 127
狩獵和采集：信息覓食和信息嗅覺 127
用戶一次能看清多少字 128
用戶會看哪些詞 128
內(nèi)容是否引起混淆 129
用戶如何在線閱讀 130
閱讀VS瀏覽 130
標準瀏覽模式 131
垂直方向的注意力 132
水平方向的注意力 132
雞和蛋 132
移動設備內(nèi)容 133
內(nèi)容寫作要符合閱讀習慣 133
開頭 133
正文 134
結尾 134
有效設計網(wǎng)頁正文 134
視覺層次 134
留白 135
頭重腳輕 136
首行標題 136
標題和副標題 137
段落文本 137
調整文本 137
列表 138
數(shù)字 139
圖像標題 139
字體與排版 140
顏色、對比和強調 141
結語 142
參考文獻 143
8  電子商務網(wǎng)站 146
引言 146
電子商務網(wǎng)站類型 147
對交互作用的評估 154
電子商務 155
用戶體驗 156
設計、分析和闡釋眼動追蹤的概念性模式 157
用戶類型和模式 160
為電子商務設計眼動追蹤研究 161
數(shù)據(jù)收集前需要考慮的問題 162
電子商務網(wǎng)站數(shù)據(jù)分析的方法 163
將電子商務研究的結果轉化為視覺化形式 165
上述方法對銷售襪子有何幫助 168
結語 171
參考文獻 171
9  社交媒體 172
引言 172
為什么社交媒體用戶體驗測試對品牌至關重要 173
視覺注意模式 173
FACEBOOK 175
研究發(fā)現(xiàn) 180
讓網(wǎng)頁要素發(fā)揮其應有的作用 184
內(nèi)容熱點：使用有效視覺要素，增加內(nèi)容曝光 185
封面設計：讓封面圖片發(fā)揮最大作用 189
淘汰老版，加入時間表嗎 189
Facebook小結 193
Google+ 193
Google+小結 196
YouTube 196
YouTube小結 198
LinkedIn 198
LinkedIn小結 200
對社交媒體未來的展望 201
每個社交媒體經(jīng)理需要了解的十個事項 201
1．使網(wǎng)頁要素在其位謀其職 201
2．熱點內(nèi)容：吸引用戶注意，增加內(nèi)容曝光 201
3．讓封面圖片發(fā)揮最大作用 201
4．滿足粉絲的要求 202
5．頁面內(nèi)容的戰(zhàn)略布局 202
6．使用用戶熟悉的結構 202
7．使用圖片突出關鍵信息 202
8．兼顧頁面結構 202
9．個性化元素 202
10．“有效”使用“右側”廣告 203
結語 203
參考文獻 203
10  移動設備 205
引言 205
眼動追蹤對移動設備的設計有何作用 207
移動設備用戶體驗 208
移動設備的大小對用戶體驗的影響 208
使用眼動追蹤研究移動設備的實際操作 211
測試移動應用程序登錄頁面時進行眼動追蹤 211
眼動追蹤移動應用程序的核心特征 212
利用眼動追蹤研究多種設備上的移動用戶體驗 215
利用眼動追蹤測試電子閱讀器 219
眼動追蹤移動設備可用性依托的技術 224
為移動設備設計眼動追蹤研究 228
分析移動設備的眼動追蹤數(shù)據(jù) 229
智能手機用作眼動儀 229
結語 230
參考文獻 231
11  電子游戲 233
引言 233
眼動追蹤在電子游戲研究中的兩個應用 234
電子游戲UX 眼動追蹤中相關的游戲設計因素及挑戰(zhàn) 236
菜單 236
過場動畫 238
覆蓋圖 239
游戲過程 240
電子游戲中常見的眼動追蹤研究問題及分析技巧 242
界定研究問題 242
結語 246
參考文獻 247
12  老年用戶 249
引言 249
老年用戶的網(wǎng)站瀏覽和搜索行為 252
針對老年用戶端的用戶體驗研究 257
1．老年被測試者和年輕被測試者數(shù)量要充足 257
2．收集人口數(shù)據(jù) 258
3．人體機能退化 258
結語 258
參考文獻 259
13  文化程度低的用戶 264
引言 264
文化水平對網(wǎng)絡使用的影響 264
眼動追蹤技術在為文化程度較低的人設計產(chǎn)品方面
發(fā)揮的作用 266
注意力分散 272
結語 278
參考文獻 278
14  眼動跟蹤和用戶體驗的發(fā)展趨勢 280
將眼動追蹤整合到以用戶為中心的設計方法中 281
眼動追蹤技術的持續(xù)發(fā)展 282
眼動追蹤技術的發(fā)展前景 283
無處不在的眼動追蹤 286
學習永無止境 287
參考文獻 287