Web風(fēng)格：用戶體驗(yàn)設(shè)計基本原則及實(shí)踐（原書第4版）

譯者序
序言
前言
致謝
第1章　策略 1
1.1　策略規(guī)劃 1
1.1.1　創(chuàng)建一個策略規(guī)劃 2
1.1.2　制定策略規(guī)劃 3
1.2　便捷的用戶體驗(yàn) 8
1.3　內(nèi)容策略 11
1.4　社交媒體策略 17
1.4.1　創(chuàng)建一個社交媒體策略 17
1.4.2　通過社交媒體渠道獲得用戶 22
1.4.3　配置你的社交媒體團(tuán)隊(duì) 27
第2章　調(diào)研 29
2.1　頭腦風(fēng)暴 29
2.1.1　用設(shè)計思維指導(dǎo)頭腦風(fēng)暴 30
2.1.2　用戶調(diào)研 33
2.1.3　指導(dǎo)設(shè)計決策 35
2.1.4　設(shè)計評估 38
2.1.5　調(diào)研的過程要考慮到殘障人士 40
2.2　分析 41
第3章　流程 44
3.1　項(xiàng)目資源 44
3.2　項(xiàng)目規(guī)劃 50
3.2.1　創(chuàng)建一個項(xiàng)目實(shí)現(xiàn)計劃 50
3.2.2　避免需求擴(kuò)張 57
3.3　項(xiàng)目管理 57
3.4　項(xiàng)目開發(fā)的生命周期 66
3.4.1　網(wǎng)站定義和計劃 68
3.4.2　內(nèi)容開發(fā) 68
3.4.3　信息架構(gòu) 70
3.4.4　網(wǎng)站設(shè)計 70
3.4.5　網(wǎng)站構(gòu)建 71
3.4.6　網(wǎng)站的跟蹤、評估和維護(hù) 72
3.4.7　常見的項(xiàng)目開發(fā)事故 74
第4章　信息架構(gòu) 83
4.1　網(wǎng)站開發(fā)中的信息架構(gòu) 84
4.2　信息架構(gòu)方法 85
4.2.1　盤點(diǎn)和審核內(nèi)容 85
4.2.2　組織內(nèi)容 87
4.2.3　分割信息 92
4.3　信息架構(gòu)設(shè)計 94
4.3.1　支持瀏覽和搜索 95
4.3.2　選擇網(wǎng)站結(jié)構(gòu) 95
4.3.3　設(shè)計網(wǎng)頁架構(gòu) 100
4.3.4　展示信息架構(gòu) 102
第5章　網(wǎng)站結(jié)構(gòu) 108
5.1　網(wǎng)站組件 108
5.1.1　使用超文本標(biāo)記語言（HTML） 109
5.1.2　使用層疊樣式表 112
5.1.3　交互式腳本 114
5.1.4　其他文檔格式 114
5.1.5　搭建一個堅(jiān)固的結(jié)構(gòu) 115
5.2　內(nèi)容管理系統(tǒng) 117
5.2.1　建立編輯工作流程 119
5.2.2　選擇一個CMS 121
5.2.3　組織內(nèi)容和功能 122
5.2.4　創(chuàng)建主題和模板 125
5.3　SEO 128
5.3.1　了解搜索 129
5.3.2　使用關(guān)鍵字和關(guān)鍵詞組 131
5.3.3　提交一個網(wǎng)站索引 136
第6章　頁面結(jié)構(gòu) 137
6.1　頁面結(jié)構(gòu)的基礎(chǔ) 137
6.1.1　標(biāo)記頁面結(jié)構(gòu) 137
6.1.2　使用CSS設(shè)計頁面布局 142
6.1.3　編碼網(wǎng)頁，使其具有最佳可訪問性和可讀性 143
6.2　響應(yīng)式設(shè)計 144
6.2.1　流式布局和比例度量 145
6.2.2　響應(yīng)式設(shè)計和移動優(yōu)先設(shè)計 149
6.2.3　從內(nèi)容和功能開始 151
6.2.4　最佳實(shí)踐總結(jié) 151
6.3　頁面結(jié)構(gòu)組件 152
6.3.1　構(gòu)建一個頁面 152
6.3.2　優(yōu)化頁面，提升加載速度 157
6.3.3　圍繞“折疊線”進(jìn)行設(shè)計 159
6.3.4　信息屏設(shè)計 161
6.4　頁面模板 161
6.4.1　創(chuàng)建內(nèi)層頁面模板 161
6.4.2　設(shè)計一級頁面模板 164
第7章　界面設(shè)計 166
7.1　媒介設(shè)計 166
7.1.1　無止境的頁面 167
7.1.2　直接訪問 167
7.1.3　簡單性與一致性 167
7.1.4　完整性與穩(wěn)定性 169
7.1.5　反饋和對話 169
7.1.6　帶寬與交互 170
7.1.7　顯示 171
7.2　導(dǎo)航和尋路 172
7.2.1　支持搜索和瀏覽導(dǎo)航 173
7.2.2　設(shè)計導(dǎo)航 175
7.2.3　提供導(dǎo)航系統(tǒng) 184
7.3　交互 186
7.3.1　交互設(shè)計 187
7.3.2　提供交互組件 190
7.3.3　引導(dǎo)式交互 193
7.4　信息設(shè)計 197
7.5　移動界面設(shè)計 199
7.6　企業(yè)界面設(shè)計 202
第8章　平面設(shè)計 204
8.1　利用設(shè)計邏輯 204
8.1.1　流體邏輯 204
8.1.2　商業(yè)邏輯 205
8.2　不斷變化的樣式 206
8.3　注重吸引力的影響 206
8.3.1　眼球追蹤與美感反應(yīng) 207
8.3.2　本能反應(yīng) 207
8.3.3　情感反應(yīng)與決策 208
8.4　視覺設(shè)計 211
8.4.1　塑造視覺平面 211
8.4.2　使用知覺完形原則 213
8.5　視覺結(jié)構(gòu) 215
8.5.1　理解視覺結(jié)構(gòu)的起源 216
8.5.2　建立視覺層次 219
8.5.3　使用頁面網(wǎng)格系統(tǒng) 223
第9章　排版 229
9.1　網(wǎng)頁排版的特點(diǎn) 229
9.1.1　語義 230
9.1.2　使用樣式表 231
9.1.3　網(wǎng)頁排版實(shí)踐 234
9.2　排版設(shè)計元素 235
9.2.1　顯示樣式 236
9.2.2　對齊與空白空間 236
9.2.3　行寬度 238
9.2.4　行間距 238
9.2.5　縮進(jìn) 238
9.2.6　文本大小 238
9.2.7　強(qiáng)調(diào) 240
9.3　字體 243
9.3.1　字體術(shù)語 243
9.3.2　字體大小 244
9.3.3　文字間距和字距調(diào)整 244
9.3.4　傳統(tǒng)字體的改進(jìn) 245
9.3.5　專為屏幕設(shè)計 245
9.3.6　其他媒介中的字體 245
9.4　選擇字體 245
9.4.1　指定操作系統(tǒng)的字體 246
9.4.2　通過CSS @ font-face元素使用網(wǎng)絡(luò)字體 246
第10章　編輯樣式 249
10.1　樣式 249
10.1.1　寫吸引人的作品 249
10.1.2　把內(nèi)容放在第一位 253
10.1.3　讓鏈接有意義 255
10.2　文章結(jié)構(gòu) 256
10.2.1　提供視覺地標(biāo) 257
10.2.2　結(jié)構(gòu)標(biāo)記 258
10.2.3　提供清楚的鏈接 260
第11章　圖像 261
11.1　網(wǎng)絡(luò)圖像策略 261
11.1.1　界面和品牌 261
11.1.2　內(nèi)容圖像 261
11.2　關(guān)于網(wǎng)絡(luò)圖像 263
11.2.1　了解圖像類型 263
11.2.2　了解圖像文件格式 265
11.3　使用網(wǎng)絡(luò)圖像 268
11.3.1　選擇正確的文件格式 268
11.3.2　為圖像提供alt標(biāo)簽 271
11.3.3　優(yōu)化屏幕圖像 271
第12章　多媒體 277
12.1　網(wǎng)站視頻策略 277
12.1.1　提供良好的體驗(yàn) 278
12.1.2　為音頻和視頻提供其他選擇 279
12.1.3　選擇發(fā)布渠道 279
12.2　視頻制作 282
12.2.1　制作視頻短片的裝備 282
12.2.2　拍攝計劃 285
12.2.3　拍攝采訪 286
12.2.4　拍攝b-roll和其他鏡頭 289
12.2.5　組合視頻鏡頭 291
12.3　視頻剪輯 292
12.3.1　構(gòu)建故事 292
12.3.2　剪輯視頻 293