目 錄
Chapter 01 網絡交互與用戶體驗
1.1 關於用戶體驗 2
1.1.1 什麼是用戶體驗 2
1.1.2 用戶體驗設計的曆史與現狀 2
1.1.3 6種基礎體驗 3
1.1.4 用戶體驗相關術語 5
1.2 用戶體驗設計範疇及其特點 6
1.2.1 用戶體驗設計範疇 6
1.2.2 用戶體驗設計的特點 7
1.2.3 用戶體驗設計的5個著手點 9
1.3 網站與用戶體驗 10
1.3.1 用戶體驗所包含的內容 10
1.3.2 用戶體驗對於網站的重要性 13
1.3.3 網站設計如何尋求突破 13
1.3.4 提升網站用戶體驗 14
1.4 交互設計的內容和習慣 16
1.4.1 什麼是交互設計 16
1.4.2 需要考慮的內容 16
1.4.3 需要遵循的習慣 17
1.4.4 用戶體驗與交互設計 18
1.5 用戶體驗設計的原則 18
1.5.1 快速引導用戶找到需要的內容 19
1.5.2 設置期望並提供反饋 21
1.5.3 基於人類工程學設計 21
1.5.4 與標準保持一緻 22
1.5.5 提供糾錯支持 22
1.5.6 靠辨識而非記憶 23
1.5.7 考慮到不同水平的用戶 23
1.5.8 提供上下文幫助和文檔 24
1.6 用戶體驗要素的應用 24
1.6.1 由現狀決定的設計 24
1.6.2 由模仿決定的設計 25
1.6.3 由領導決定的設計 25
1.7 拓展閱讀——用戶體驗設計師 25
1.8 本章小結 26
Chapter 02 認識用戶
2.1 用戶的感官特徵 28
2.1.1 視覺 28
2.1.2 聽覺 29
2.1.3 觸覺 31
2.2 用戶認知心理 31
2.2.1 設計心理學 31
2.2.2 設計心理學的設計原則 35
2.3 用戶的心理需求 38
2.3.1 人的需求層次理論 38
2.3.2 用戶體驗的需求層次 39
2.3.3 用戶體驗的生命周期模型 42
2.4 以用戶為中心設計 43
2.4.1 瞭解用戶需要什麼 43
2.4.2 遵循用戶的習慣 44
2.4.3 顛覆用戶的習慣 45
2.5 網站的目標與用戶需求 46
2.6 用戶激勵機製 49
2.6.1 用戶激勵的方式 49
2.6.2 等級與積分激勵方式的錶現 49
2.6.3 網站常用的具體激勵方法 51
2.7 拓展閱讀——用戶行為分析 54
2.8 本章小結 55

Chapter 03 用戶體驗要素
3.1 用戶體驗的分類 58
3.1.1 信息架構 58
3.1.2 交互設計 63
3.1.3 視覺形象設計 65
3.2 用戶體驗的要素模型 66
3.2.1 5個層麵 66
3.2.2 要素模型 70
3.3 戰略層詳解 72
3.3.1 確定産品定位 72
3.3.2 瞭解用戶需求 74
3.4 範圍層詳解 76
3.4.1 從哪裏獲得需求 76
3.4.2 對需求進行分析篩選 77
3.4.3 確定需求優先級 78
3.5 結構層詳解 79
3.5.1 交互設計 80
3.5.2 信息架構 81
3.6 框架層詳解 82
3.6.1 界麵設計 82
3.6.2 導航設計 83
3.6.3 信息設計 87
3.6.4 綫框圖 88
3.7 錶現層詳解 90
3.7.1 如何評估網站的視覺設計 90
3.7.2 對比 91
3.7.3 一緻性 92
3.7.4 配色方案 93
3.7.5 字體選擇 94
3.8 拓展閱讀——用戶體驗的一般設計流程 95
3.9 本章小結 97
Chapter 04 關注用戶體驗的交互設計
4.1 可用性設計 100
4.1.1 什麼是可用性 100
4.1.2 可用性的錶現 100
4.2 可用性設計原則 101
4.2.1 簡潔性 101
4.2.2 易於學習 106
4.2.3 減少用戶記憶 108
4.2.4 一緻性 111
4.2.5 提供反饋 112
4.2.6 錯誤提示及避免錯誤的發生 114
4.2.7 高效率 115
4.3 心流體驗 115
4.3.1 什麼是心流體驗 116
4.3.2 兩種不同的心流體驗類型 116
4.3.3 心流體驗設計的要點 118
4.3.4 用戶體驗的經驗設計 122
4.4 沉浸感設計 126
4.4.1 什麼是沉浸感 126
4.4.2 沉浸感設計原則 126
4.4.3 沉浸感在遊戲網站中的應用 129
4.5 情感化設計 131
4.5.1 什麼是情感化設計 131
4.5.2 互聯網産品設計的3層次 131
4.5.3 互聯網産品的情感化設計 133
4.6 美感設計 135
4.6.1 什麼是美感設計 135
4.6.2 交互設計中的美感體驗 136
4.7 用戶體驗差異設計 137
4.7.1 可訪問性設計 137
4.7.2 文化差異設計 139
4.7.3 經驗水平差異設計 144
4.8 用戶體驗與前端設計 145
4.8.1 認識前端設計 146
4.8.2 前端設計優化與用戶體驗 150
4.9 拓展閱讀——網站信息架構 151
4.10 本章小結 152
Chapter 05 Web産品用戶體驗
5.1 Web産品解構 154
5.1.1 網站解構 154
5.1.2 網站頁麵的構成元素 154
5.1.3 網站頁麵的視覺層次 157
5.1.4 基於用戶體驗的網站設計原則 161
5.2 網站界麵設計的基本原則 165
5.2.1 對比突齣 165
5.2.2 條理清晰 167
5.2.3 整齊平衡 168
5.2.4 簡潔一緻 169
5.3 Web用戶體驗設計 170
5.3.1 清晰的網站結構 170
5.3.2 閤理的頁麵功能布局 173
5.3.3 優化網站內容 180
5.4 網站配色 182
5.4.1 色彩屬性 183
5.4.2 網頁配色的方法 184
5.4.3 網頁文本配色 188
5.4.4 網頁元素的色彩搭配 190
5.4.5 色彩情感在網頁設計中的應用 192
5.5 網站用戶體驗設計細節 197
5.5.1 網站圖標設計 197
5.5.2 網站按鈕設計 200
5.5.3 網站Logo設計 206
5.5.4 網站導航設計 211
5.6 拓展閱讀——創建網站
設計的標準 219
5.7 本章小結 220
Chapter 06 移動端用戶體驗
6.1 瞭解移動端用戶體驗 222
6.1.2 移動端與PC端的區彆 222
6.1.3 移動設備用戶體驗發展趨勢 224
6.1.4 移動設備的交互設計 225
6.1.5 移動端應用的用戶體驗設計 226
6.2 移動端設計流程及視覺設計 230
6.2.1 移動端設計流程 230
6.2.2 視覺設計 231
6.2.3 如何提升移動端應用的用戶體驗 232
6.3 移動端界麵設計內容 234
6.3.1 視聽元素設計 235
6.3.2 版式設計 244
6.4 移動端界麵色彩搭配 247
6.4.1 色彩在移動端界麵設計中的作用 247
6.4.2 移動端界麵配色原則 249
6.5 移動端界麵設計原則 251
6.5.1 實用性 251
6.5.2 統一的色彩與風格 252
6.5.3 閤理的配色 252
6.5.4 規範的操作流程 253
6.5.5 視覺元素規範 253
6.6 拓展閱讀——常見移動設備
尺寸標準 254
6.7 本章小結 256
· · · · · · (收起)