序言 vii
緻謝 ix
第1 章　進入角色 1
現在讓我們開始草圖設計之旅。什麼是用戶體驗？為什麼草圖設計是思考與創建用戶體驗的好方法？為什麼有那麼多設計師隨身攜帶繪畫本，你又為什麼要加入他們的隊伍？你如何開始通過草圖來激發並改進自己的設計想法？
1.1　介紹 3
設計用戶體驗草圖
1.2　為什麼要設計草圖 7
Buxton《用戶體驗草圖設計——正確地設計，設計得正確》一書的概要
1.3　繪畫本 13
用來記錄、演進、展示、收藏想法的基本材料
1.4　10 加10：收斂設計漏鬥 17
拓展10 種不同的想法，並對選齣的想法進行改良
第2 章　對現實世界進行取材 29
盡管大部分人認為草圖是一種創建新想法的方法，然而草圖的很大一部分其實是關於快速收集現有想法。從我們周圍世界中進行取材是有巨大價值的。當你從他人處獲得想法時，你可以使用那些想法作為起始點，來激發你産生不同的方嚮，進行頭腦風暴，將現有想法發展為新想法，或對大量想法進行融閤。你不必一個人做這件事情，有一些方法來記錄這些獲取的想法，使你可以與同事們進行分享和討論。
2.1　塗鴉式草圖 31
快速畫齣想法——任何地點，任何時候——抓取想法的精髓
2.2　用相機取材 35
抓取啓發性的瞬間
2.3　收集圖片和剪報 43
成為半組織性的搜尋者/ 收集者
2.4　玩具箱和物理收集 51
收集實體物品
2.5　分享發現的物品 63
通過看彼此的收藏物來鼓勵交流
第3 章　單一圖像 67
典型的草圖將能及時捕捉一個單一瞬間，通常是你設想的用戶體驗中的單一場景。然而我們不會教你如何成為藝術傢，我們會嚮你展示可以用來創造草圖的不同方法。
3.1　草圖前的熱身 69
始終有所收獲的草圖練習
3.2　畫齣你所見 75
繪畫精確性的練習
3.3　草圖詞匯錶 85
畫物體、人和他們的行動
3.4　普通草圖 91
草圖的基本元素：繪畫、注釋、箭頭和備注
3.5　閤作式草圖 95
用草圖來進行頭腦風暴，錶達想法，促進交互
3.6　繪圖軟件 99
用常見的數碼呈現工具來畫草圖
3.7　用辦公用品進行草圖繪製 105
使用常見辦公用品來創建可編輯草圖
3.8　模闆 109
預先畫好草圖中固定、不變的部分，作為使用及重用的模闆
3.9　照片描圖 117
創建草圖輪廓集，以建立草圖構成基礎
3.10　混閤草圖 127
閤並草圖與照片
3.11　用塑料泡沫設計草圖 133
在物理介質上設計草圖
第4 章　及時抓拍：視覺化敘述 145
想象一個人與係統一段時間內的交互行為是交互設計的特彆之處。故事闆用一係列獨立的圖像來捕捉這些時間元素，這些圖像一屏接一屏地描述發生瞭什麼。
4.1　順序故事闆 147
視覺化說明一段時間內的交互順序
4.2　狀態轉變圖 153
一種視覺化描述一段時間內狀態、轉變及決策路徑的方法
4.3　分支故事闆 159
視覺化說明一段時間內的交互決策
4.4　敘述性故事闆 167
講述一段時間內關於使用情境的故事
第5 章　讓用戶體驗活靈活現 179
如果故事闆中的每幅草圖間都已經有瞭良好的起承轉閤，那麼你就可以將這個故事闆升級成為一個可互動的視頻。這些視頻可以通過迴放這些故事，展示故事的分支劇情來進行可視化的敘述。
5.1　動態的任務流 181
將交互流程製作成一個圖像配準的動畫
5.2　動作路徑 187
流暢的動畫效果可以突齣人機交互時的體驗
5.3　動畫分支 193
利用不同的路徑實現動畫中的支綫劇情
5.4　關鍵幀和漸變動畫 199
創造更為復雜的動畫原型
5.5　綫性視頻 209
使用視頻去展示一段紙麵的交互流程
第6 章　邀請他人參與草圖設計 215
動畫原型可以通過迴放故事或是呈現故事不同的分支劇情對交互流程提供可視化的敘述。其另外一種用途是引領目標用戶進入這種可視化敘述，讓用戶進行真實的行為操作並獲得自己真實的感受，産生真正的用戶體驗。然後你可以探尋用戶對於這個動畫原型的真實感受。或者你還可以嚮他人展示你的工作，然後請他們為你提齣建議。
6.1　探尋原始的心智模型 217
瞭解人們是如何通過草圖上的可視化元素對界麵進行解釋
6.2　綠野仙蹤 227
草圖在人類“魔法師”的操縱下對人們的操作進行反饋
6.3　發聲思考 235
獲知用戶在使用界麵草圖時的真實想法
6.4　草圖闆 241
將草圖張貼到布告欄與同事進行分享
6.5　審查 247
把你的草圖創意呈現齣來，請大傢提建議
· · · · · · (收起)