2017-5-1 周周
在做用戶體驗設計的時候，研討會和用戶訪談是用研中最常用的兩種手段，隨后，將用戶研究的結果合成為用戶故事和用戶流程，在這個基礎上，我們可以構建合理的解決方案，然后將線框圖、原型和設計結果傳達給整個設計團隊。換句話來說，所有的研究、設計和方案都是基于真實的用戶，也就是我們定位為“目標用戶”的人群，基于他們的表現、反映和反饋。為了讓產品更優秀，我們必須明白產品的運作機制，了解用戶都是怎么想的，而故事板，則是這一切的關鍵。
今天的文章當中，將著重介紹故事板，以及它是如何解決用戶體驗問題的。
故事板最初是源自于電影行業，早在20世紀20年代的時候，迪士尼工作室內就常常用故事板來勾勒故事草圖，這些草圖讓電影和動畫工作者可以在拍攝之前，初版構建出想要展現的世界。對于UX設計師而言，故事板也非常有用，產品的使用場景，用戶的交互流程，都借由一系列連續的插畫故事化地呈現出來。
這是迪士尼制作《獅子王》的故事板
故事是最強大的信息傳遞工具：
故事板在UX設計中也很重要，它可以幫助你直觀地探索和預測用戶對于產品的體驗。借助故事板來思考你的產品，就像將它置于電影的視角下來觀察和推斷用戶的行為和反饋。這種環境下，你可以更自然地了解用戶隨著時間的推移，在交互和行為上有著怎樣的改變，從而讓你可以更加清晰地對產品進行描述與展現。
為何故事板在UX設計中如此重要
在整個產品開發設計流程中，故事板絕對是一種經濟、實用又低成本的探索工具，縱覽整個UX設計流程，我們能夠看到它有如下特征：
·以人為本的設計方法。UX設計師在數據的基礎上，加入人物角色，將產品流程整合成故事，讓設計人員能夠“面對著用戶”做設計，并且拿出針對用戶的解決方案。故事板能夠幫助設計人員了解場景，潛在的語境，以及有待測試的假設。
·參與與評論。故事板是以團隊為基礎的設計活動，每個人都能參與進來，都應該為之提供有用的信息和素材，進行完善。和電影行業相同，每個場景都應該讓團隊成員參與討論，并提出批評意見和建議。講故事的方式更容易激發團隊對于用戶體驗的理解，讓大家更加緊密地圍繞著用戶構建清晰的體驗設計。
·迭代。故事板通過迭代不斷完善。通過插畫勾勒出來的概念設計和交互，讓設計人員低成本地測試和探索。畢竟，故事板最開始是粗糙而簡陋的，想法和構思需要在不斷探索中完善。
在談及自己繪制故事板的時候，絕大多數人會糾結于手繪這件事情。好消息是，你不需要多會手繪就能繪制故事板。
這是Martin Scorsese 為電影《Goodfellas》所畫的故事板，粗糙的令人發指。
能夠傳達信息，闡述清楚故事，才是故事板的關鍵所在。
如何搭建起故事的結構？
如果你想將一個故事視覺化地呈現在別人面前，那么你還需要做一些準備工作讓你的故事板有邏輯，易于理解，且具有說服力。你需要了解故事的基礎元素，并且將其解構成不同的模塊，才能讓其以鄰人信服的方式呈現。每個故事都應該具有以下的基本要素：
·角色。故事中所涉及到的具體人物角色。他們的行為，外觀和期望，以及在整個經驗和歷程中所做的每一個決定，都非常的重要。展現角色在整個流程中的體驗，內心的想法和決定，都是故事板所需要達成的事情。
·場景。這是角色所處的環境。
·情節。許多設計師在進行設計的時候，會跳過上下文環境、使用場景和基礎的設定與流程，直接進入細節設計，這樣做是很容易出現錯漏的。故事應該擁有基礎架構，設定和劇情的，有起因，經過，結果。所以，在故事板當中，應該給你所設定的角色一個目標，有東西觸發事件開始，并且通過執行，完成任務，或者階段性結束任務，為角色留下新的問題。我們可以使用 Freytag 的金字塔來描述情節：
為了讓你的故事足夠強健，在繪制故事板的時候，你需要注意下面的問題：
使用故事板來呈現用戶體驗
剛開始繪制故事板的時候，你可能上手并沒有那么快，尤其當你對繪畫信心不足的時候。但是不用擔心，想要畫好故事板，其實只需要掌握好如下幾個技巧就行：
·從文本+箭頭開始。將故事分割為不同的瞬間（背景信息，事件觸發，角色作出的決定，以及最終的結果或遺留的問題）。
·為你的故事增加情感和情緒。通過添加表情符的方式為故事板強化情緒表達，幫助其他的觀看者明白這些角色身上發生的事情和經歷的情感情緒。尤其要注意標明痛點和關鍵點的情緒反應（角色期待發生的事情，以及結果對角色的影響）。盡可能簡單直觀地勾勒出情感狀態。
·將每個步驟填寫到故事板框架中。強調特定的時刻，并且思考你的角色在這些時刻的感受。
·清晰的結果。不要讓故事板的觀看者對故事的結果抱有疑慮。如果角色最終結果并不理想，那么你應該清晰地呈現出實際遭遇的關鍵問題；如果結果比較不錯，那么你應該表明角色從中獲得的好處。
故事板對于用戶體驗很重要，想要做好其實也需要經歷一個過程。但是不得不承認，它確實很有效。結合用戶研究的數據與結果，你能通過故事板，越來越了解你的目標用戶，也能讓你的產品設計越來越成熟。
藍藍設計( www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務