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

譯者序
序言
前言
致謝
第1章　策略 1
1.1　策略規(guī)劃 1
1.1.1　創(chuàng)建一個(gè)策略規(guī)劃 2
1.1.2　制定策略規(guī)劃 3
1.2　便捷的用戶(hù)體驗(yàn) 8
1.3　內(nèi)容策略 11
1.4　社交媒體策略 17
1.4.1　創(chuàng)建一個(gè)社交媒體策略 17
1.4.2　通過(guò)社交媒體渠道獲得用戶(hù) 22
1.4.3　配置你的社交媒體團(tuán)隊(duì) 27
第2章　調(diào)研 29
2.1　頭腦風(fēng)暴 29
2.1.1　用設(shè)計(jì)思維指導(dǎo)頭腦風(fēng)暴 30
2.1.2　用戶(hù)調(diào)研 33
2.1.3　指導(dǎo)設(shè)計(jì)決策 35
2.1.4　設(shè)計(jì)評(píng)估 38
2.1.5　調(diào)研的過(guò)程要考慮到殘障人士 40
2.2　分析 41
第3章　流程 44
3.1　項(xiàng)目資源 44
3.2　項(xiàng)目規(guī)劃 50
3.2.1　創(chuàng)建一個(gè)項(xiàng)目實(shí)現(xiàn)計(jì)劃 50
3.2.2　避免需求擴(kuò)張 57
3.3　項(xiàng)目管理 57
3.4　項(xiàng)目開(kāi)發(fā)的生命周期 66
3.4.1　網(wǎng)站定義和計(jì)劃 68
3.4.2　內(nèi)容開(kāi)發(fā) 68
3.4.3　信息架構(gòu) 70
3.4.4　網(wǎng)站設(shè)計(jì) 70
3.4.5　網(wǎng)站構(gòu)建 71
3.4.6　網(wǎng)站的跟蹤、評(píng)估和維護(hù) 72
3.4.7　常見(jiàn)的項(xiàng)目開(kāi)發(fā)事故 74
第4章　信息架構(gòu) 83
4.1　網(wǎng)站開(kāi)發(fā)中的信息架構(gòu) 84
4.2　信息架構(gòu)方法 85
4.2.1　盤(pán)點(diǎn)和審核內(nèi)容 85
4.2.2　組織內(nèi)容 87
4.2.3　分割信息 92
4.3　信息架構(gòu)設(shè)計(jì) 94
4.3.1　支持瀏覽和搜索 95
4.3.2　選擇網(wǎng)站結(jié)構(gòu) 95
4.3.3　設(shè)計(jì)網(wǎng)頁(yè)架構(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)記語(yǔ)言（HTML） 109
5.1.2　使用層疊樣式表 112
5.1.3　交互式腳本 114
5.1.4　其他文檔格式 114
5.1.5　搭建一個(gè)堅(jiān)固的結(jié)構(gòu) 115
5.2　內(nèi)容管理系統(tǒng) 117
5.2.1　建立編輯工作流程 119
5.2.2　選擇一個(gè)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　提交一個(gè)網(wǎng)站索引 136
第6章　頁(yè)面結(jié)構(gòu) 137
6.1　頁(yè)面結(jié)構(gòu)的基礎(chǔ) 137
6.1.1　標(biāo)記頁(yè)面結(jié)構(gòu) 137
6.1.2　使用CSS設(shè)計(jì)頁(yè)面布局 142
6.1.3　編碼網(wǎng)頁(yè)，使其具有最佳可訪問(wèn)性和可讀性 143
6.2　響應(yīng)式設(shè)計(jì) 144
6.2.1　流式布局和比例度量 145
6.2.2　響應(yīng)式設(shè)計(jì)和移動(dòng)優(yōu)先設(shè)計(jì) 149
6.2.3　從內(nèi)容和功能開(kāi)始 151
6.2.4　最佳實(shí)踐總結(jié) 151
6.3　頁(yè)面結(jié)構(gòu)組件 152
6.3.1　構(gòu)建一個(gè)頁(yè)面 152
6.3.2　優(yōu)化頁(yè)面，提升加載速度 157
6.3.3　圍繞“折疊線”進(jìn)行設(shè)計(jì) 159
6.3.4　信息屏設(shè)計(jì) 161
6.4　頁(yè)面模板 161
6.4.1　創(chuàng)建內(nèi)層頁(yè)面模板 161
6.4.2　設(shè)計(jì)一級(jí)頁(yè)面模板 164
第7章　界面設(shè)計(jì) 166
7.1　媒介設(shè)計(jì) 166
7.1.1　無(wú)止境的頁(yè)面 167
7.1.2　直接訪問(wèn) 167
7.1.3　簡(jiǎn)單性與一致性 167
7.1.4　完整性與穩(wěn)定性 169
7.1.5　反饋和對(duì)話(huà) 169
7.1.6　帶寬與交互 170
7.1.7　顯示 171
7.2　導(dǎo)航和尋路 172
7.2.1　支持搜索和瀏覽導(dǎo)航 173
7.2.2　設(shè)計(jì)導(dǎo)航 175
7.2.3　提供導(dǎo)航系統(tǒng) 184
7.3　交互 186
7.3.1　交互設(shè)計(jì) 187
7.3.2　提供交互組件 190
7.3.3　引導(dǎo)式交互 193
7.4　信息設(shè)計(jì) 197
7.5　移動(dòng)界面設(shè)計(jì) 199
7.6　企業(yè)界面設(shè)計(jì) 202
第8章　平面設(shè)計(jì) 204
8.1　利用設(shè)計(jì)邏輯 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　視覺(jué)設(shè)計(jì) 211
8.4.1　塑造視覺(jué)平面 211
8.4.2　使用知覺(jué)完形原則 213
8.5　視覺(jué)結(jié)構(gòu) 215
8.5.1　理解視覺(jué)結(jié)構(gòu)的起源 216
8.5.2　建立視覺(jué)層次 219
8.5.3　使用頁(yè)面網(wǎng)格系統(tǒng) 223
第9章　排版 229
9.1　網(wǎng)頁(yè)排版的特點(diǎn) 229
9.1.1　語(yǔ)義 230
9.1.2　使用樣式表 231
9.1.3　網(wǎng)頁(yè)排版實(shí)踐 234
9.2　排版設(shè)計(jì)元素 235
9.2.1　顯示樣式 236
9.2.2　對(duì)齊與空白空間 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ù)語(yǔ) 243
9.3.2　字體大小 244
9.3.3　文字間距和字距調(diào)整 244
9.3.4　傳統(tǒng)字體的改進(jìn) 245
9.3.5　專(zhuān)為屏幕設(shè)計(jì) 245
9.3.6　其他媒介中的字體 245
9.4　選擇字體 245
9.4.1　指定操作系統(tǒng)的字體 246
9.4.2　通過(guò)CSS @ font-face元素使用網(wǎng)絡(luò)字體 246
第10章　編輯樣式 249
10.1　樣式 249
10.1.1　寫(xiě)吸引人的作品 249
10.1.2　把內(nèi)容放在第一位 253
10.1.3　讓鏈接有意義 255
10.2　文章結(jié)構(gòu) 256
10.2.1　提供視覺(jué)地標(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　了解圖像類(lèi)型 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　拍攝計(jì)劃 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