網(wǎng)站以其獨(dú)特的信息傳播特點(diǎn)和美學(xué)特征，為交互帶來了新的視野。網(wǎng)站徹底改變了傳統(tǒng)媒體的藝術(shù)創(chuàng)作及傳播模式，將用戶作為參與主體引入到網(wǎng)絡(luò)藝術(shù)的創(chuàng)作和傳播過程中，從而使網(wǎng)站設(shè)計(jì)在考慮傳統(tǒng)美學(xué)特征和傳播特點(diǎn)的同時(shí)，還應(yīng)該符合用戶的心理感受，即用戶體驗(yàn)。

隨著數(shù)字技術(shù)的發(fā)展和交互設(shè)計(jì)研究的日趨成熟，網(wǎng)站設(shè)計(jì)早期對“技術(shù)至上”和“功能至上”的追求逐漸被關(guān)注用戶體驗(yàn)的設(shè)計(jì)理念所替代。用戶體驗(yàn)成為網(wǎng)站設(shè)計(jì)的基礎(chǔ)和核心。

本書通過5個(gè)方面對網(wǎng)站的用戶體驗(yàn)進(jìn)行全面的分析講解，分別是：感官體驗(yàn)要素、交互體驗(yàn)要素、瀏覽體驗(yàn)要素、情感體驗(yàn)要素和信任體驗(yàn)要素。通過這5個(gè)方面系統(tǒng)地闡述了用戶體驗(yàn)設(shè)計(jì)中的各種要素，只要從這5個(gè)方面著手，一定能夠有效提升所設(shè)計(jì)網(wǎng)站的用戶體驗(yàn)。

本書結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、文字闡述通俗易懂，與案例分析結(jié)合進(jìn)行講解說明，具有很強(qiáng)的實(shí)用性，是一本用戶體驗(yàn)設(shè)計(jì)的寶典。

目錄

1 感官體驗(yàn)要素
設(shè)計(jì)風(fēng)格 4
知識點(diǎn)分析 4
網(wǎng)站常見設(shè)計(jì)風(fēng)格 4
觀點(diǎn)總結(jié) 11
尺寸 12
知識點(diǎn)分析 12
影響網(wǎng)頁尺寸的主要因素 12
安全的網(wǎng)頁寬度與首屏高度 13
觀點(diǎn)總結(jié) 15
關(guān)于Logo 16
知識點(diǎn)分析 16
網(wǎng)站常見Logo 表現(xiàn)形式 17
設(shè)計(jì)網(wǎng)站Logo 的一般流程 18
觀點(diǎn)總結(jié) 21
網(wǎng)站打開速度 22
知識點(diǎn)分析 22
對用戶的心理影響 22
提高網(wǎng)站頁面打開速度，改善用戶體驗(yàn) 23
觀點(diǎn)總結(jié) 25
合理布局 25
知識點(diǎn)分析 25
符合用戶的瀏覽習(xí)慣 26
網(wǎng)頁布局的操作流程 27
常見的網(wǎng)頁布局形式 27
網(wǎng)頁布局的原則 33
觀點(diǎn)總結(jié) 34
色彩 34
知識點(diǎn)分析 35
色彩常識 35
網(wǎng)頁的基本配色方法 36
網(wǎng)頁元素的色彩搭配 38
網(wǎng)頁配色的常見問題 43
觀點(diǎn)總結(jié) 47
動(dòng)畫 47
知識點(diǎn)分析 47
網(wǎng)頁動(dòng)畫的發(fā)展 48
網(wǎng)頁動(dòng)畫的應(yīng)用類型 50
網(wǎng)頁動(dòng)畫的用戶體驗(yàn)原則 53
觀點(diǎn)總結(jié) 54
導(dǎo)航 55
知識點(diǎn)分析 55
網(wǎng)站導(dǎo)航的作用 55
導(dǎo)航在網(wǎng)頁中的布局形式 57
交互導(dǎo)航的優(yōu)勢與劣勢 62
觀點(diǎn)總結(jié) 63
圖片展示 63
知識點(diǎn)分析 63
圖片展示的形式 63
圖片展示技巧 68
觀點(diǎn)總結(jié) 70
圖標(biāo) 70
知識點(diǎn)分析 71
圖標(biāo)的應(yīng)用 71
圖標(biāo)的設(shè)計(jì)原則 73
觀點(diǎn)總結(jié) 74
廣告位 75
知識點(diǎn)分析 75
網(wǎng)站常見廣告形式 75
廣告應(yīng)該放置在頁面中哪些位置 77
需要什么樣式的廣告 78
網(wǎng)頁廣告需要注意的問題 80
觀點(diǎn)總結(jié) 81
聲音與視頻 81
知識點(diǎn)分析 82
音頻元素的應(yīng)用 82
視頻元素的應(yīng)用 83
觀點(diǎn)總結(jié) 85
2 交互體驗(yàn)要素
關(guān)于會(huì)員 88
知識點(diǎn)分析 88
如何吸引用戶成為網(wǎng)站會(huì)員 88
提升用戶體驗(yàn)的會(huì)員登錄細(xì)節(jié) 90
觀點(diǎn)總結(jié) 93
注冊 93
知識點(diǎn)分析 93
如何提升注冊表單的用戶體驗(yàn) 93
登錄/ 注冊頁面需要注意的常見問題 95
觀點(diǎn)總結(jié) 99
填寫表單 99
知識點(diǎn)分析 99
提高表單可用性 100
表單設(shè)計(jì)元素 100
觀點(diǎn)總結(jié) 106
提交表單 106
知識點(diǎn)分析 107
提交表單按鈕的視覺層次 107
區(qū)分一級動(dòng)作和二級動(dòng)作 108
觀點(diǎn)總結(jié) 109
提示錯(cuò)誤 109
知識點(diǎn)分析 110
如何預(yù)防錯(cuò)誤的發(fā)生 110
表單的錯(cuò)誤提示 111
其他錯(cuò)誤提示信息 114
觀點(diǎn)總結(jié) 115
按鈕 115
知識點(diǎn)分析 116
網(wǎng)頁按鈕的功能與表現(xiàn) 116
關(guān)于幽靈按鈕 118
如何設(shè)計(jì)出色的交互按鈕 121
觀點(diǎn)總結(jié) 126
文字點(diǎn)擊提示 126
知識點(diǎn)分析 126
關(guān)于文字交互 127
常見的文字交互方式 127
超鏈接文字交互 130
觀點(diǎn)總結(jié) 131
在線咨詢 132
知識點(diǎn)分析 132
在線咨詢的形式 132
在線咨詢對提高網(wǎng)站交互性的作用 134
觀點(diǎn)總結(jié) 135
意見反饋 135
知識點(diǎn)分析 135
如何設(shè)計(jì)合理的意見反饋功能 136
意見反饋的作用 136
觀點(diǎn)總結(jié) 140
在線調(diào)查 140
知識點(diǎn)分析 140
如何設(shè)計(jì)在線調(diào)查 140
提高用戶參與的積極性 142
觀點(diǎn)總結(jié) 144
在線搜索 144
知識點(diǎn)分析 144
創(chuàng)建完美的搜索功能 144
用戶需求的起點(diǎn)——搜索入口 145
滿足用戶潛在需求——搜索提示 147
用戶操作便捷化與簡潔化——搜索過程 152
用戶的終極目標(biāo)——搜索結(jié)果 153
觀點(diǎn)總結(jié) 154
頁面刷新 155
知識點(diǎn)分析 155
頁面刷新的常見方式 155
使用Ajax 帶來不一樣的用戶體驗(yàn) 156
觀點(diǎn)總結(jié) 158
是否打開新窗口 158
知識點(diǎn)分析 158
常用的3 種打開方式 159
如何選擇打開新頁面的方式 160
觀點(diǎn)總結(jié) 162
面包屑路徑 163
知識點(diǎn)分析 163
面包屑路徑的作用 163
面包屑路徑的表現(xiàn)形式 164
面包屑路徑設(shè)計(jì)技巧 166
觀點(diǎn)總結(jié) 169
3 瀏覽體驗(yàn)要素
網(wǎng)站層次結(jié)構(gòu) 172
知識點(diǎn)分析 172
網(wǎng)站結(jié)構(gòu)對用戶瀏覽體驗(yàn)的影響 172
物理結(jié)構(gòu)與邏輯結(jié)構(gòu) 173
網(wǎng)站結(jié)構(gòu)不僅僅影響用戶體驗(yàn) 175
觀點(diǎn)總結(jié) 176
網(wǎng)站欄目規(guī)劃 176
知識點(diǎn)分析 176
常規(guī)網(wǎng)站欄目設(shè)置存在的問題 176
導(dǎo)航的“誘惑” 177
信息傳遞的“誘惑” 179
欄目位置帶來的“誘惑” 180
觀點(diǎn)總結(jié) 182
內(nèi)容分類 182
知識點(diǎn)分析 182
內(nèi)容分類名稱簡單明了 182
不同類型網(wǎng)站的內(nèi)容分類 183
在網(wǎng)站中使用二級欄目分類 185
觀點(diǎn)總結(jié) 185
內(nèi)容的豐富性與原創(chuàng)性 186
知識點(diǎn)分析 186
網(wǎng)站原創(chuàng)內(nèi)容的重要性 186
如何做好網(wǎng)站的原創(chuàng)內(nèi)容 187
網(wǎng)站內(nèi)容“偽原創(chuàng)”技巧 188
觀點(diǎn)總結(jié) 189
網(wǎng)站內(nèi)容更新 189
知識點(diǎn)分析 189
網(wǎng)站內(nèi)容更新的7 種策略 190
網(wǎng)站內(nèi)容的更新頻率 192
觀點(diǎn)總結(jié) 193
個(gè)性化促進(jìn)用戶瀏覽 193
知識點(diǎn)分析 194
保持內(nèi)容形式的統(tǒng)一 194
提供多種切換模式 194
改變字體大小 195
多媒體的應(yīng)用 196
觀點(diǎn)總結(jié) 196
網(wǎng)站內(nèi)容的編寫 196
知識點(diǎn)分析 197
突出文章標(biāo)題 197
合理使用導(dǎo)讀 198
使用數(shù)字加深用戶印象 198
內(nèi)容中不同類型文字的區(qū)別表現(xiàn) 199
網(wǎng)站內(nèi)容編寫的其他技巧 199
觀點(diǎn)總結(jié) 201
使網(wǎng)站內(nèi)容圖文并茂 201
知識點(diǎn)分析 201
圖文并茂的優(yōu)勢 201
網(wǎng)站內(nèi)容圖文并茂的表現(xiàn)技巧 202
觀點(diǎn)總結(jié) 203
網(wǎng)站內(nèi)容推薦 204
知識點(diǎn)分析 204
為什么要進(jìn)行網(wǎng)站內(nèi)容推薦 204
簡單有效的內(nèi)容推薦方法 205
給用戶傻瓜式的瀏覽 206
觀點(diǎn)總結(jié) 207
網(wǎng)站內(nèi)部搜索 208
知識點(diǎn)分析 208
站內(nèi)搜索的意義 208
站內(nèi)搜索的重要性 209
優(yōu)化站內(nèi)搜索 210
觀點(diǎn)總結(jié) 211
網(wǎng)頁中的文字 211
知識點(diǎn)分析 211
網(wǎng)頁文字的5 個(gè)重要屬性 211
網(wǎng)頁文字使用規(guī)范 217
觀點(diǎn)總結(jié) 219
網(wǎng)頁文字排版 219
知識點(diǎn)分析 219
最佳易讀性規(guī)范 220
在文字排版中應(yīng)用設(shè)計(jì)4 原則 223
觀點(diǎn)總結(jié) 226
網(wǎng)頁文字圖形化 227
知識點(diǎn)分析 227
網(wǎng)頁文字設(shè)計(jì)要求 227
文字圖形化處理方式 229
觀點(diǎn)總結(jié) 232
主題文字表現(xiàn) 232
知識點(diǎn)分析 232
對比 233
統(tǒng)一與協(xié)調(diào) 236
平衡 236
節(jié)奏與韻律 237
視覺誘導(dǎo) 238
觀點(diǎn)總結(jié) 239
4 情感體驗(yàn)要素
心流體驗(yàn) 242
知識點(diǎn)分析 242
什么是心流體驗(yàn) 242
網(wǎng)站中的心流體驗(yàn) 243
心流體驗(yàn)設(shè)計(jì)原則 244
觀點(diǎn)總結(jié) 248
沉浸感 248
知識點(diǎn)分析 249
什么是沉浸感 249
沉浸感設(shè)計(jì)原則 249
沉浸感在游戲網(wǎng)頁設(shè)計(jì)中的應(yīng)用 252
觀點(diǎn)總結(jié) 253
情感化設(shè)計(jì) 254
知識點(diǎn)分析 254
什么是情感化設(shè)計(jì) 254
網(wǎng)站的情感化設(shè)計(jì) 255
網(wǎng)站情感體驗(yàn)的3 個(gè)層次 256
網(wǎng)站中形式要素的情感化設(shè)計(jì) 259
觀點(diǎn)總結(jié) 261
網(wǎng)站用戶分類 261
知識點(diǎn)分析 261
用戶分類 261
用戶分析的3 大重點(diǎn)指標(biāo) 262
觀點(diǎn)總結(jié) 263
會(huì)員激勵(lì) 263
知識點(diǎn)分析 263
網(wǎng)站的積分與會(huì)員體系 265
網(wǎng)站會(huì)員激勵(lì)的具體方式 267
觀點(diǎn)總結(jié) 271
提升用戶滿意度 271
知識點(diǎn)分析 271
如何提升用戶滿意度 272
用戶滿意度的影響因素 272
提高用戶滿意度的具體方法 273
觀點(diǎn)總結(jié) 275
友好的情感體驗(yàn) 275
知識點(diǎn)分析 275
快速響應(yīng)是友好的基礎(chǔ) 275
讓頁面奔跑起來 277
觀點(diǎn)總結(jié) 278
善用色彩情感 278
知識點(diǎn)分析 278
色彩的情感意義 279
色彩情感在網(wǎng)站設(shè)計(jì)中的運(yùn)用 284
根據(jù)商品銷售階段選擇顏色 288
觀點(diǎn)總結(jié) 290
網(wǎng)站幫助 290
知識點(diǎn)分析 290
為用戶即時(shí)提供幫助 290
電商網(wǎng)站幫助中心設(shè)計(jì)思路 292
觀點(diǎn)總結(jié) 294
網(wǎng)站地圖 294
知識點(diǎn)分析 294
什么是網(wǎng)站地圖 295
網(wǎng)站地圖注意事項(xiàng) 296
網(wǎng)站地圖的作用 296
觀點(diǎn)總結(jié) 298
5 信任體驗(yàn)要素
安全性 302
知識點(diǎn)分析 302
關(guān)于馬斯洛理論 302
營造安全的網(wǎng)站環(huán)境 303
提高用戶認(rèn)知 305
觀點(diǎn)總結(jié) 307
給用戶被保護(hù)感 307
知識點(diǎn)分析 307
預(yù)防風(fēng)險(xiǎn) 308
重視用戶隱私 310
觀點(diǎn)總結(jié) 310
信任度 311
知識點(diǎn)分析 311
如何打造讓用戶信任的網(wǎng)站頁面 311
提升電商網(wǎng)站信任體驗(yàn) 315
觀點(diǎn)總結(jié) 317
網(wǎng)站信任體驗(yàn)的細(xì)節(jié) 317
知識點(diǎn)分析 318
信息傳遞如何讓用戶信任 318
規(guī)范的內(nèi)容呈現(xiàn)讓用戶相信網(wǎng)站的正規(guī) 321
觀點(diǎn)總結(jié) 322