眼動追蹤：用戶體驗設(shè)計利器

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