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