UI設計必修課：交互+架構+視覺UE設計教程

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