這一期的碳酸飲料會，阿福給我們介紹了一個設計利器：故事板。

故事板，起源于廣告行業。在電影電視中，故事板的作用是來安排劇情中的重要鏡頭。他們相當于一個可視化的劇本。故事板展示了各個鏡頭之間的關系，以及他們是如何串聯起來，給觀眾一個完整的體驗。

故事板在交互設計領域的定義：
用圖文結合的形式來描述一個完整任務或是交互動作的可視化劇本。

故事版的幾個側重點：
故事板是用特定的腳本連貫的分鏡頭，來展示一系列的交互動作。
故事板用于突出顯示某個關鍵交互動作，從而使整個用戶體驗過程中相對應的某個關鍵任務得以凸顯。
故事板用于尋找產品的用戶群。

故事板可以根據不同的目標側重選擇不同的表現形式。
采用何種形式基本取決于你構建的故事情節和屏幕任務或線下任務的相關度。
如果著重研究線下任務，則故事板中線下場景居多，如關注屏幕任務則會展現界面居多。當然如果完全關注屏幕任務就是我們的線框圖和原型了。

側重屏幕任務的故事板

側重線下任務的故事版

故事板關注的是屏幕任務和線下任務結合的邊緣地帶。

故事版是傳統交互設計方法的重要補充工具，平時我們的原型設計僅僅局限于屏幕環境的設計，忽略了屏幕之外的使用情境，通過故事板繪制的關鍵使用場景有利于我們理解屏幕之外的用戶目標和動機。其實有經驗的設計師會在產品設計初期假想一些應用情境，只不過他們沒有畫在紙上而已。

另外，故事板不僅僅是設計師頭腦中假想情境的具象化，他還可以使一些模糊的用戶需求更加具象更有說服力，在設計溝通的過程中能發揮巨大的作用。

以iphone為例，iphone的界面非常簡潔，按鈕都“傻大傻大”的，這種設計遇到的挑戰是產品的許多功能不得不在簡潔的界面風格中被隱藏或者被直接忽略，這時候設計師如果簡單的對產品方說“這是視覺風格的要求你不能加這么多任務進來，”顯然是很蒼白沒有說服力的，如果設計師通過故事板說明任務情境，如：用戶在使用iphone時有可能正在吃早餐，正在擠公交，他需要快速準確的知道某個功能如何操作，他們不能理解太復雜的界面任務。在這種背景下，簡潔的設計就不僅僅是視覺風格的問題，而是用戶需求和使用情境的客觀限制。因此，產品方很容易就被你說服了。

故事板的具體應用過程中可能會受一些手繪能力的限制。大家可以嘗試做一下，畫的丑一點沒關系，只要能表達清楚關鍵任務場景就可以了。

沉魚mm畫的故事板

原文：http://ued.taobao.com/blog/2009/05/13/storyboards/