第一部分　規劃 1
第1章 研究 3
什麼是用戶研究 4
用戶研究不等於可用性 5
設計術語：人種誌 5
從用戶的角度開始 6
案例研究：快速結賬 10
讓發現更有意義 15
總結 18
第2章 靈感 19
像藝術傢一樣偷師學藝 20
如果以上方法都行不通…… 33
總結 36
第二部分　設計思維 37
第3章 繪製草圖 39
設計思維——開發者式的設計 40
繪製草圖——一切設計由此開始 40
草圖的優點 41
何時繪圖 42
繪製草圖的工具 42
應用流的基礎 48
創建一個應用流 50
故事闆的作用 58
何時使用故事闆 60
創建故事闆 60
不知道從何處入手？從模闆開始吧 61
總結 63
第4章 信息架構 65
究竟什麼是信息架構 67
可用性的成本 68
信息架構設計的交付物 69
角色、用戶場景和故事闆 69
內容模型 70
應用流 70
綫框圖 71
手勢庫 72
信息架構的一切都與內容相關 73
讓一切更有意義 73
信息架構設計的五個步驟 75
步驟1 ：定義主題、目標和需求 76
步驟2 ：選擇一種版式 77
步驟3 ：為相似項目分組 89
步驟4 ：保持一緻 90
步驟5 ：精簡 91
總結 93
第5章 綫框圖 95
瞭解綫框圖 96
綫框圖101 97
應該在什麼時候創建綫框圖 98
解析綫框圖 98
你是在說綫框圖嗎 100
注意事項 103
好用的綫框圖工具 107
綫框圖技巧 113
綫框圖技巧#1 ：創建基本的綫框圖 114
綫框圖技巧#2 ：采用灰度圖和一種顔色 115
綫框圖技巧#3 ：采用逐幀錶達法 118
綫框圖技巧#4 ：使用氣泡 118
綫框圖技巧#5 ：放大細節 119
總結 120
第6章 原型設計 121
什麼時候需要原型 122
交流新想法 123
驗證概念 123
進行基本可用性測試 123
決定創意是否值得投資 123
什麼是有效的原型 124
用聰明的方法進行僞造 127
“小賭”一把 127
好用的原型設計工具 128
微軟的SketchFlow 128
Adobe Edge 130
Adobe After Effects 131
Keynote 與PowerPoint 132
HTML /JavaScript/ CSS3 133
Axure RP 134
Arduino、Openframeworks 與Processing 135
原型設計方法 136
方法#1 ：紙麵原型 136
方法#2 ：交互式綫框圖 137
方法#3 ：視頻設計原型 142
總結 147
第三部分　視覺設計 149
第7章 顔色 151
顔色的基本理論 152
顔色的相關術語 152
顔色模型 154
冷暖色 159
顔色心理學 160
對比度 164
應用顔色：一些經驗法則 166
隻使用兩到三種顔色 166
以純色開始，然後轉為漸變色 167
使用暗色的色調 167
綠色意味著可行 168
如何創作一個好調色闆 168
灰度圖 169
五種調色闆，你不能用錯 171
顔色的技巧 174
顔色技巧#1 ：用照片生成一個調色闆 174
顔色技巧 #2 ：利用代碼生成顔色 177
顔色技巧 #3 ：使用Photoshop 179
我私藏的顔色技巧：使用算法來找到平均顔色 182
總結 184
第8章 數字化排版設計 185
重中之重 186
字體排版基礎知識 187
理解樣式術語 187
字體和字型有什麼不同 192
字體的分類 193
襯綫字體 193
無襯綫字體 195
8種方法改善你的字體 198
1. 選擇瞭一種字體比例後就堅持用下去 198
2. 使用一緻的間距 199
3. 一緻的行寬 200
4. 稍做變換就能分齣視覺層次 201
5. 選擇閤適的正文字體 202
6. 使用一個字體族群 205
7. 組閤使用兩到三種字體 205
8. 使用好看的“&”符號 210
總結 211
第9章 視覺傳達 213
沒那麼簡單 214
1. 就像在為自己而設計 215
2. 保持一緻 215
五種方式闡明你的設計 216
1. 使用一個適閤的網格 216
2. 建立層次 224
3. 刪除無用的東西 228
4. 檢查並行性 234
5. 建立清晰的功能可見性 236
總結 241
第10章 動作 243
動畫看起來很酷，但是它們真的能讓應用更好嗎 244
過渡、動畫和時機原則 245
動畫和過渡之間有什麼區彆 245
不要太快，不要太慢，也不要太多 246
什麼時候需要使用動作 247
什麼時候應該避免動作 247
漸隱、滑動和縮放——動畫的超級工具 248
漸隱 249
滑動 249
縮放 250
動作的原則 251
慢進和慢齣 251
擠壓和伸展 252
預期 253
跟隨和重疊 254
弧綫 255
緩動函數 256
高級運動技術 259
跟隨 260
認知錯覺 260
總結 261
第四部分　交互設計 263
第11章 交互設計的原則 265
交互設計的介紹 266
沉入心流 267
促進心流的方法 268
易學性 vs. 易用性 275
可用性設計 275
易學性設計 277
人體工程學 278
肌肉疲勞 279
視野和周邊視覺 281
環境和光照條件 282
最優的觸摸目標 283
遮擋 285
總結 287
第12章 設計模式 289
為什麼使用設計模式 290
其他設計模式資源 291
模式 294
自動對焦 294
拖放 295
自動保存 296
空白狀態 297
進度指示器 298
選用閤適的目標尺寸 299
按鈕就是按鈕 300
如非必要，避免使用模態聲明 301
直接操作 302
為相似項目分組 303
連續滾動 304
根據重要性調整元素的尺寸 305
全景儀錶盤 306
防錯控件 307
退齣方式 308
居左/ 右對齊 309
超級搜索 310
簡單任務用簡單UI，復雜任務用復雜UI 311
同步位置 312
利用字體反差 313
總結 314
· · · · · · (收起)