故事板是您用戶體驗設計過程中缺失的一環嗎？

故事板……這就是編劇用來創作電影和電視節目的東西，對吧？ 是的，這是真的，但故事板不僅限於虛構的娛樂世界。 它們還可以在您的用戶體驗設計過程中發揮重要作用。

在這篇文章中，我將介紹所有故事板。 我將從一個簡單的定義開始，然後研究如何使用故事板來設計用戶在項目中的旅程，從而設計出更好的用戶體驗。

什麼是故事板？

故事板是一個相當簡單的概念。 基本上，它們是按順序移動故事的簡單插圖。 正如我所提到的，它們最廣為人知的是用作開發電影和戲劇情節線的工具。

為了將故事板應用於電影時的有趣可視化，Flavorwire 將一些著名電影的故事板列表放在一起。 還記得《驚魂記》中著名的浴簾場景嗎？ 這是故事板形式的樣子：

但是故事板不僅可用於佈置虛構的情節。 它們也已成為可視化真實人如何體驗網站或應用程序的流行方法。

當涉及到您的網站或應用程序時，故事板基本上遵循特定用戶角色的完整旅程，從他們努力解決問題開始，到他們與您的創作互動並體驗積極的解決方案結束。

重要的是你的故事板描繪了一個在真實環境中遇到真實問題的真實人物。 故事板應該始終讓人感覺真實並立足於現實。

那麼這在現實中會是什麼樣子呢？ 以下是奧斯汀設計中心的 Chelsea Hostetter 的一個例子：

請注意切爾西的故事板如何從頭到尾描繪一個完整的故事？ 它不僅僅關注 Susan 對 Heartline 應用程序的使用。 它從現實生活中的情況開始，以蘇珊使用應用程序與湯姆聯繫為高峰，並以現實生活中的問題解決結束。

故事板如何幫助改進用戶體驗設計？

如今，人們非常關注大數據。 雖然冷硬數據當然很有價值，但它完全將人從設計過程中移除。 故事板可以幫助將人類元素帶回設計中。

借助故事板，您可以讓真人完成實際操作，而不是抽象的功能描述或分析數據。

除了人為因素之外，故事板還使您可以輕鬆地快速修改和迭代您的想法。 因為您所做的只是勾勒出流程，所以與創建具有相同功能的工作原型相比，您需要投入的時間要少得多。

這意味著您可以比原型更快地推出更改。

幫助創建第一個故事板的提示

您不需要成為專業的插畫家來創建故事板，但是您應該遵循一些策略來創建對您的設計過程有實際幫助的故事板。

請記住，您的目標是創造真實且令人信服的東西。 如果需要，請返回並再次查看 Heartline 示例。 請注意這個故事：

• 充滿了人類的情感
• 專注於整個場景，而不僅僅是角色使用您產品的部分
• 有明確的分辨率

雖然切爾西的最終產品是一個很好的例子，但不要覺得您需要直接從空白頁面進入完全充實的故事板。

相反，它有助於慢慢建立最終產品。

首先，請記住您的目標是：

• 正宗人物
• 一個現實生活的問題
• 通過您的產品解決該問題的合乎邏輯的、真實的方式
• 故事板末尾的實際分辨率

為確保您了解所有這些元素，從勾勒故事基礎的純文本描述開始會更容易。 將它們以敘事弧線連接在一起，但不要擔心太深入。

然後，返回並通過引入更詳細的情感來重寫您的故事。 你的角色在旅程的每個階段都有什麼感受？ 他們高興嗎？ 傷心？ 冷漠？

一旦您以純文本形式勾勒出敘述和情感，您就可以將其轉換為實際的故事板。 要做到這一點，請將故事中的每個動作分解成一個單獨的框架，並使用真實的插圖勾勒出來。

如果您具有藝術技巧，請嘗試在繪製故事板時將情感真正帶入您的插圖中。

幫助您創建故事板的工具

在我深入介紹一些幫助您創建用戶體驗故事板的工具之前，我應該先說明一個事實，即您可能已經在某個壁櫥中放置了足夠的工具。

也就是說——您不一定需要任何花哨的東西來創建故事板。 如果您要成為唯一一個查看故事板的人，那麼用筆和紙進行 lo-fi 完全沒問題。 或者，您始終可以使用 PowerPoint 等數字方法將其組合成一個有凝聚力的故事。

但是，如果您要與其他團隊成員合作，您可能希望創建看起來比筆和紙或 PowerPoint 允許的更精緻和專業的故事板。 在這些情況下，以下工具可以提供幫助……

故事板那個

Storyboard That 可以讓您使用預先製作的拖放元素構建逐幀故事板，而不是手工繪製草圖。 一旦您用純文本勾勒出您的故事，您就可以使用這些元素來構建更精美的最終產品。

該工具使用起來相當簡單。 您真正需要做的就是：

• 為您的場景選擇背景
• 添加字符
• 帶入文本或項目

例如，我能夠在短短幾分鐘內創建這個基本的故事板：

雖然我懷疑我會贏得故事板比賽，但它比手工繪製草圖要快得多（至少對我而言）。 唯一的缺點是你失去了用角色的面部表情表達情感的能力。

基本的 Storyboard That 工具是免費的，但他們也有提供更多功能的高級計劃。

區

Boords 是一種更加靈活和高科技的工具，可幫助您從現有插圖創建故事板。

雖然它不會幫助您實際創建這些插圖，但它確實可以幫助您安排它們、添加註釋以及通過 Internet 或 PDF 共享您的故事板：

因此，如果您打算在故事板上與其他人合作，Boords 可以讓您更輕鬆地進行動態調整。

有一個基本的免費計劃，可讓您免費獲得最多兩個故事板。 但在那之後，您需要為 Pro 付費。

包起來

故事板不僅適用於電影和戲劇。 它們幫助您更快地迭代，更好地了解您的用戶，並在您的整個設計過程中加入人性化的面孔。

請記住——您的故事板需要真實且令人信服。 草擬一個你的產品拯救世界的草率情況可能會讓人感覺很好，但這不是故事板的目標。 保持現實並專注於從頭到尾講述完整的故事。

現在輪到你了——你在設計過程中使用故事板嗎？ 如果是這樣，您認為它們值得花時間來製作嗎？

CharacterFamily/shutterstock.com 的文章縮略圖