Web 風格：用戶體驗設計基本原則及實踐 (原書第4版)

譯者序

序言

前言

致謝

第1章策略1 
1.1策略規劃1 
1.1.1創建一個策略規劃2 
1.1.2制定策略規劃3 
1.2便捷的用戶體驗8 
1.3內容策略11 
1.4社交媒體策略17 
1.4.1創建一個社交媒體策略17 
1.4.2通過社交媒體渠道獲得用戶22 
1.4.3配置你的社交媒體團隊27 

第2章調研29 
2.1頭腦風暴29 
2.1.1用設計思維指導頭腦風暴30 
2.1.2用戶調研33 
2.1 .3指導設計決策35 
2.1.4設計評估38 
2.1.5調研的過程要考慮到殘障人士40 
2.2分析41 

第3章流程44 
3.1項目資源44 
3.2項目規劃50 
3.2.1創建一個項目實現計劃50 
3.2 .2避免需求擴張57 
3.3項目管理57 
3.4項目開發的生命週期66 
3.4.1網站定義和計劃68 
3.4.2內容開發68
3.4.3信息架構70 
3.4.4網站設計70 
3.4.5網站構建71 
3.4.6網站的跟踪、評估和維護72 
3.4.7常見的項目開發事故74 

第4章信息架構83 
4.1網站開發中的信息架構84 
4.2信息架構方法85 
4.2.1盤點和審核內容85 
4.2.2組織內容87 
4.2.3分割信息92 
4.3信息架構設計94 
4.3.1支持瀏覽和搜索95 
4.3.2選擇網站結構95 
4.3.3設計網頁架構100 
4.3.4展示信息架構102 

第5章網站結構108 
5.1網站組件108 
5.1.1使用超文本標記語言（HTML） 109 
5.1.2使用層疊樣式表112 
5.1.3交互式腳本114 
5.1. 4其他文檔格式114 
5.1.5搭建一個堅固的結構115 
5.2內容管理系統117 
5.2.1建立編輯工作流程119 
5.2.2選擇一個CMS 121 
5.2.3組織內容和功能122 
5.2.4創建主題和模板125 
5.3 SEO 128
5.3.1了解搜索129 
5.3.2使用關鍵字和關鍵詞組131 
5.3.3提交一個網站索引136 

第6章頁面結構137 
6.1頁面結構的基礎137 
6.1.1標記頁面結構137 
6.1.2使用CSS設計頁面佈局142 
…… 
6.2響應式設計144 
6.2.1流式佈局和比例度量145 
6.2.2響應式設計和移動優先設計149 
6.2.3從內容和功能開始151 
…… 
6.3頁面結構組件152 
6.3.1構建一個頁面152 
6.3.2優化頁面，提升加載速度157 
6.3.3圍繞“折疊線”進行設計159 
6.3.4信息屏設計161 
6.4頁面模板161 
6.4.1創建內層頁面模板161 
6.4.2設計一級頁面模板164 

第7章界面設計166 
7.1媒介設計166 
7.1.1無止境的頁面167 
7.1.2直接訪問167 
7.1.3簡單性與一致性167 
7.1.4完整性與穩定性169 
7.1.5反饋和對話169 
7.1.6帶寬與交互170
7.1.7顯示171 
7.2導航和尋路172 
7.2.1支持搜索和瀏覽導航173 
7.2.2設計導航175 
7.2.3提供導航系統184 
7.3交互186 
7.3.1交互設計187 
7.3.2提供交互組件190 
7.3 .3引導式交互193 
7.4信息設計197 
7.5移動界面設計199 
7.6企業界面設計202 

第8章平面設計204 
8.1利用設計邏輯204 
8.1.1流體邏輯204 
8.1.2商業邏輯205 
8.2不斷變化的樣式206 
8.3注重吸引力的影響206 
8.3.1眼球追踪與美感反應207 
8.3.2本能反應207 
8.3.3情感反應與決策208 
8.4視覺設計211 
8.4.1塑造視覺平面211 
8.4.2使用知覺完形原則213 
8.5視覺結構215 
8.5.1理解視覺結構的起源216 
8.5.2建立視覺層次219 
8.5.3使用頁面網格系統223 

第9章排版229 
9.1網頁排版的特點229
9.1.1語義230 
9.1.2使用樣式表231 
9.1.3網頁排版實踐234 
9.2排版設計元素235 
9.2.1顯示樣式236 
9.2.2對齊與空白空間236 
9.2.3行寬度238 
9.2.4行間距238 
9.2.5縮進238 
9.2.6文本大小238 
9.2.7強調240 
9.3字體243 
9.3.1字體術語243 
9.3.2字體大小244 
9.3.3文字間距和字距調整244 
9.3.4傳統字體的改進245 
9.3.5專為屏幕設計245 
9.3.6其他媒介中的字體245 
9.4選擇字體245 
9.4.1指定操作系統的字體246 
9.4.2通過CSS @ font-face元素使用網絡字體246 

第10章編輯樣式249 
10.1樣式249 
10.1.1寫吸引人的作品249 
10.1.2把內容放在第一位253 
10.1.3讓鏈接有意義255 
10.2文章結構256 
10.2.1提供視覺地標257 
10.2.2結構標記258
10.2.3提供清楚的鏈接260 

第11章圖像261 
11.1網絡圖像策略261 
11.1.1界面和品牌261 
11.1.2內容圖像261 
11.2關於網絡圖像263 
11.2.1了解圖像類型263 
11.2.2了解圖像文件格式265 
11.3使用網絡圖像268 
11.3.1選擇正確的文件格式268 
11.3.2為圖像提供alt標籤271 
11.3.3優化屏幕圖像271 
第12章多媒體277 
12.1網站視頻策略277 
12.1.1提供良好的體驗278 
12.1 .2為音頻和視頻提供其他選擇279 
12.1.3選擇發布渠道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構建故事292 
12.3.2剪輯視頻293