網站以其獨特的信息傳播特點和美學特征,為交互帶來了新的視野。網站徹底改變了傳統(tǒng)媒體的藝術創(chuàng)作及傳播模式,將用戶作為參與主體引入到網絡藝術的創(chuàng)作和傳播過程中,從而使網站設計在考慮傳統(tǒng)美學特征和傳播特點的同時,還應該符合用戶的心理感受,即用戶體驗。
隨著數字技術的發(fā)展和交互設計研究的日趨成熟,網站設計早期對技術至上和功能至上的追求逐漸被關注用戶體驗的設計理念所替代。用戶體驗成為網站設計的基礎和核心。
本書通過5個方面對網站的用戶體驗進行全面的分析講解,分別是:感官體驗要素、交互體驗要素、瀏覽體驗要素、情感體驗要素和信任體驗要素。通過這5個方面系統(tǒng)地闡述了用戶體驗設計中的各種要素,只要從這5個方面著手,一定能夠有效提升所設計網站的用戶體驗。
本書結構清晰、內容翔實、文字闡述通俗易懂,與案例分析結合進行講解說明,具有很強的實用性,是一本用戶體驗設計的寶典。
感官體驗要素、交互體驗要素、瀏覽體驗要素、情感體驗要素和信任體驗要素這5個方面系統(tǒng)地闡述了用戶體驗設計中的要素,跟著本書學習從這5個方面著手,有效提升所設計網站的用戶體驗。
什么是用戶體驗?用戶究竟在乎什么樣的使用體驗?用戶體驗是心理需求還是功能需求?我想這些問題一定困擾著很多網站設計人員。用戶體驗從某種意義上來講,解決的是產品的黏性問題。
對于網站設計來說,不僅僅表現在精美的視覺效果上,還包括出色的交互設計、便捷流暢的使用方式,以及給用戶一種安全和信任感,使用戶感覺到親切。一個好的網站除了內容精彩、定位準確以外,還要方便用戶瀏覽,使用戶可以方便快速地在網站中找到自己感興趣的內容。本書針對網站設計中的用戶體驗細節(jié)要素進行了全面的詳細分析和介紹,并通過案例的分析使讀者更容易理解。本書內容本書在借鑒國內外用戶體驗設計的前沿理念和實踐成果的基礎上,對網站用戶體驗進行了全面而詳細的講解,力圖以清晰、有條理的語言和生動翔實的案例向讀者系統(tǒng)地介紹用戶體驗設計中的各方面重要因素。
第1 章 感官體驗要素。感官體驗是呈現給用戶視聽上的體驗,強調的是用戶使用網站的舒適性。本章將向讀者詳細介紹影響用戶感官體驗的相關要素,包括網站的風格、尺寸、布局、色彩、導航等多個方面,使讀者能夠從不同的方面體會到感官體驗設計的方法和技巧。
第2 章 交互體驗要素。交互體驗是呈現給用戶操作上的體驗,強調網站的可用性和易用性。本章將向讀者詳細介紹影響用戶交互體驗的相關要素,以及如何對這些交互要素進行設計處理,包括網站會員注冊機制、填寫表單、錯誤提示、在線咨詢、意見反饋、在線搜索等多個方面,通過這些方面的交互體驗設計,提升網站的易用性。
第3 章 瀏覽體驗要素。瀏覽體驗從某種意義上來說與感官體驗有點相似,但是并不完全相同,在瀏覽體驗中強調的是如何使網站內容的層次更加清晰、明確,用戶在瀏覽網站的過程中更加流暢,強調的是如何使網站中的內容更加具有吸引力。
第4 章 情感體驗要素。情感體驗是偏向于呈現給用戶心理上的體驗,強調網站的友好度問題。本章將向讀者詳細介紹影響用戶情感體驗的相關要素,包括心流體驗、沉浸感、情感化設計、用戶分類、會員激勵、色彩情感等多個方面的內容,通過情感化體驗要素的設計使網站能夠真正打動用戶的心,使網站與用戶成為朋友。
第5 章 信任體驗要素。任何產品,信任才是基礎,網站也不例外。對于互聯網來說,要建立真正的信任,是需要突破很多心理障礙的,在網站體驗中,信任體驗應該是最好的目標之一。本章向讀者介紹了有關安全性、給用戶被保護感、信任度和網站信任體驗細節(jié)等相關的內容,從而幫助大家提高網站的信任體驗。
本書特點要真正做好用戶體驗設計,除了掌握本書中介紹的基礎要點和技巧外,如何拿捏用戶不同時段的需求,也是我們必須要思考的過程,當然這也是一個熟能生巧的過程。
◎ 緊扣主題本書通過5 個方面全面細致地講解了用戶體驗設計的相關要素和重點,將每一個用戶體驗要素都拆分為多個細節(jié)進行講解,使讀者能夠更加容易理解和接受。
◎ 易學易用在對用戶體驗的每個細節(jié)要素進行分析講解的過程中,基礎知識與案例分析相結合,圖文并茂的講解方式,使讀者能夠更好地理解,使學習的成果達到最大化。
胡衛(wèi)軍,藝術學博士,中國語言文學博士后,吉林大學藝術學院設計系副教授,主要從事視覺傳達設計與產品設計研究。主持國家社科基金藝術學項目1項東北少數民族薩滿教造物藝術研究(項目編號:12CG095),發(fā)表論文30余篇,其中6篇發(fā)表在CSSSCI核心期刊,出版圖書多部
1 感官體驗要素
設計風格 4
知識點分析 4
網站常見設計風格 4
觀點總結 11
尺寸 12
知識點分析 12
影響網頁尺寸的主要因素 12
安全的網頁寬度與首屏高度 13
觀點總結 15
關于Logo 16
知識點分析 16
網站常見Logo 表現形式 17
設計網站Logo 的一般流程 18
觀點總結 21
網站打開速度 22
知識點分析 22
對用戶的心理影響 22
提高網站頁面打開速度,改善用戶體驗 23
觀點總結 25
合理布局 25
知識點分析 25
符合用戶的瀏覽習慣 26
網頁布局的操作流程 27
常見的網頁布局形式 27
網頁布局的原則 33
觀點總結 34
色彩 34
知識點分析 35
色彩常識 35
網頁的基本配色方法 36
網頁元素的色彩搭配 38
網頁配色的常見問題 43
觀點總結 47
動畫 47
知識點分析 47
網頁動畫的發(fā)展 48
網頁動畫的應用類型 50
網頁動畫的用戶體驗原則 53
觀點總結 54
導航 55
知識點分析 55
網站導航的作用 55
導航在網頁中的布局形式 57
交互導航的優(yōu)勢與劣勢 62
觀點總結 63
圖片展示 63
知識點分析 63
圖片展示的形式 63
圖片展示技巧 68
觀點總結 70
圖標 70
知識點分析 71
圖標的應用 71
圖標的設計原則 73
觀點總結 74
廣告位 75
知識點分析 75
網站常見廣告形式 75
廣告應該放置在頁面中哪些位置 77
需要什么樣式的廣告 78
網頁廣告需要注意的問題 80
觀點總結 81
聲音與視頻 81
知識點分析 82
音頻元素的應用 82
視頻元素的應用 83
觀點總結 85
2 交互體驗要素
關于會員 88
知識點分析 88
如何吸引用戶成為網站會員 88
提升用戶體驗的會員登錄細節(jié) 90
觀點總結 93
注冊 93
知識點分析 93
如何提升注冊表單的用戶體驗 93
登錄/ 注冊頁面需要注意的常見問題 95
觀點總結 99
填寫表單 99
知識點分析 99
提高表單可用性 100
表單設計元素 100
觀點總結 106
提交表單 106
知識點分析 107
提交表單按鈕的視覺層次 107
區(qū)分一級動作和二級動作 108
觀點總結 109
提示錯誤 109
知識點分析 110
如何預防錯誤的發(fā)生 110
表單的錯誤提示 111
其他錯誤提示信息 114
觀點總結 115
按鈕 115
知識點分析 116
網頁按鈕的功能與表現 116
關于幽靈按鈕 118
如何設計出色的交互按鈕 121
觀點總結 126
文字點擊提示 126
知識點分析 126
關于文字交互 127
常見的文字交互方式 127
超鏈接文字交互 130
觀點總結 131
在線咨詢 132
知識點分析 132
在線咨詢的形式 132
在線咨詢對提高網站交互性的作用 134
觀點總結 135
意見反饋 135
知識點分析 135
如何設計合理的意見反饋功能 136
意見反饋的作用 136
觀點總結 140
在線調查 140
知識點分析 140
如何設計在線調查 140
提高用戶參與的積極性 142
觀點總結 144
在線搜索 144
知識點分析 144
創(chuàng)建完美的搜索功能 144
用戶需求的起點搜索入口 145
滿足用戶潛在需求搜索提示 147
用戶操作便捷化與簡潔化搜索過程 152
用戶的終極目標搜索結果 153
觀點總結 154
頁面刷新 155
知識點分析 155
頁面刷新的常見方式 155
使用Ajax 帶來不一樣的用戶體驗 156
觀點總結 158
是否打開新窗口 158
知識點分析 158
常用的3 種打開方式 159
如何選擇打開新頁面的方式 160
觀點總結 162
面包屑路徑 163
知識點分析 163
面包屑路徑的作用 163
面包屑路徑的表現形式 164
面包屑路徑設計技巧 166
觀點總結 169
3 瀏覽體驗要素
網站層次結構 172
知識點分析 172
網站結構對用戶瀏覽體驗的影響 172
物理結構與邏輯結構 173
網站結構不僅僅影響用戶體驗 175
觀點總結 176
網站欄目規(guī)劃 176
知識點分析 176
常規(guī)網站欄目設置存在的問題 176
導航的誘惑 177
信息傳遞的誘惑 179
欄目位置帶來的誘惑 180
觀點總結 182
內容分類 182
知識點分析 182
內容分類名稱簡單明了 182
不同類型網站的內容分類 183
在網站中使用二級欄目分類 185
觀點總結 185
內容的豐富性與原創(chuàng)性 186
知識點分析 186
網站原創(chuàng)內容的重要性 186
如何做好網站的原創(chuàng)內容 187
網站內容偽原創(chuàng)技巧 188
觀點總結 189
網站內容更新 189
知識點分析 189
網站內容更新的7 種策略 190
網站內容的更新頻率 192
觀點總結 193
個性化促進用戶瀏覽 193
知識點分析 194
保持內容形式的統(tǒng)一 194
提供多種切換模式 194
改變字體大小 195
多媒體的應用 196
觀點總結 196
網站內容的編寫 196
知識點分析 197
突出文章標題 197
合理使用導讀 198
使用數字加深用戶印象 198
內容中不同類型文字的區(qū)別表現 199
網站內容編寫的其他技巧 199
觀點總結 201
使網站內容圖文并茂 201
知識點分析 201
圖文并茂的優(yōu)勢 201
網站內容圖文并茂的表現技巧 202
觀點總結 203
網站內容推薦 204
知識點分析 204
為什么要進行網站內容推薦 204
簡單有效的內容推薦方法 205
給用戶傻瓜式的瀏覽 206
觀點總結 207
網站內部搜索 208
知識點分析 208
站內搜索的意義 208
站內搜索的重要性 209
優(yōu)化站內搜索 210
觀點總結 211
網頁中的文字 211
知識點分析 211
網頁文字的5 個重要屬性 211
網頁文字使用規(guī)范 217
觀點總結 219
網頁文字排版 219
知識點分析 219
最佳易讀性規(guī)范 220
在文字排版中應用設計4 原則 223
觀點總結 226
網頁文字圖形化 227
知識點分析 227
網頁文字設計要求 227
文字圖形化處理方式 229
觀點總結 232
主題文字表現 232
知識點分析 232
對比 233
統(tǒng)一與協(xié)調 236
平衡 236
節(jié)奏與韻律 237
視覺誘導 238
觀點總結 239
4 情感體驗要素
心流體驗 242
知識點分析 242
什么是心流體驗 242
網站中的心流體驗 243
心流體驗設計原則 244
觀點總結 248
沉浸感 248
知識點分析 249
什么是沉浸感 249
沉浸感設計原則 249
沉浸感在游戲網頁設計中的應用 252
觀點總結 253
情感化設計 254
知識點分析 254
什么是情感化設計 254
網站的情感化設計 255
網站情感體驗的3 個層次 256
網站中形式要素的情感化設計 259
觀點總結 261
網站用戶分類 261
知識點分析 261
用戶分類 261
用戶分析的3 大重點指標 262
觀點總結 263
會員激勵 263
知識點分析 263
網站的積分與會員體系 265
網站會員激勵的具體方式 267
觀點總結 271
提升用戶滿意度 271
知識點分析 271
如何提升用戶滿意度 272
用戶滿意度的影響因素 272
提高用戶滿意度的具體方法 273
觀點總結 275
友好的情感體驗 275
知識點分析 275
快速響應是友好的基礎 275
讓頁面奔跑起來 277
觀點總結 278
善用色彩情感 278
知識點分析 278
色彩的情感意義 279
色彩情感在網站設計中的運用 284
根據商品銷售階段選擇顏色 288
觀點總結 290
網站幫助 290
知識點分析 290
為用戶即時提供幫助 290
電商網站幫助中心設計思路 292
觀點總結 294
網站地圖 294
知識點分析 294
什么是網站地圖 295
網站地圖注意事項 296
網站地圖的作用 296
觀點總結 298
5 信任體驗要素
安全性 302
知識點分析 302
關于馬斯洛理論 302
營造安全的網站環(huán)境 303
提高用戶認知 305
觀點總結 307
給用戶被保護感 307
知識點分析 307
預防風險 308
重視用戶隱私 310
觀點總結 310
信任度 311
知識點分析 311
如何打造讓用戶信任的網站頁面 311
提升電商網站信任體驗 315
觀點總結 317
網站信任體驗的細節(jié) 317
知識點分析 318
信息傳遞如何讓用戶信任 318
規(guī)范的內容呈現讓用戶相信網站的正規(guī) 321
觀點總結 322