故事闆對產品設計的價值
已發表: 2022-03-10當您想到“故事板”這個詞時,您可能會想到電影、媒體和視頻創作。 從歷史上看,這就是故事板的用途,但誰說我們也不能將它們用於產品開發?
故事板是數字營銷人員、內容創建者、用戶體驗專家和產品經理的有效溝通和產品開發工具。 在本文中,我將教您為什麼故事闆對產品開發過程很有價值,以及為什麼它可以減少部門間的錯誤溝通以及間接成本。
以下是大多數公司所經歷的清晰而常見的情況的漫畫。 言語只能達到有效的解釋,而誤解在產品開發領域很常見。 閱讀文章時,請記住這張圖片,並註意故事板或視覺交流可能能夠防止誤解的示例。

我將設置一個幾乎所有科技公司都會定期體驗的場景:
營銷人員瑪麗有一個新產品的想法。 Mary 認為這個產品將是一個巨大的贏家,並去技術部門讓他們建造它。
開發人員 Diane 聽到了 Mary 的想法,並告訴她她將開始研究它。 隨著 Diane 繼續構建功能,她意識到如果她將一些部分組合起來並去掉其他部分,產品實際上會更加高效。 Diane 完成了產品的構建並將其發送給 Creative Chris。
克里斯與瑪麗會面,討論產品的用戶界面,瑪麗解釋了她的想法。 克里斯開始工作。 他開始融入 Mary 的想法,但很快意識到他有一個更好、更有趣的 UI 概念,並最終以這種方式完成了產品。
項目完成後,瑪麗很不高興。 該產品既沒有她要求的功能,也沒有 UI 允許用戶正確導航產品。
所有三個部門都回到繪圖板上重做產品,並且浪費了大量的時間和金錢。
這種常見的情況不是一個人的錯。 Mary 應該向 Diane 和 Chris 解釋她對產品的明確最終目標,並讓他們帶著這個目標來創造它。 Diane 應該明白 Mary 要求特定功能是有原因的,即使她的產品可能更高效,但如果它不能實現預期的最終目標,那它也是無用的。 Chris 應該明白,儘管 Mary 的 UI 概念可能不是最美觀的,但她擁有這個 UI 是有原因的。 他們應該共同努力創造一個適用於每個人的概念。
關於如何解決常見的產品開發誤傳問題有一些想法,但是,許多人發現最成功的解決方案是在整個產品開發過程中創建故事板。
故事板是單元格的集合,可以是線性發展的,也可以是從講述故事的中心思想中映射出來的。 每個單元格可以包含一個圖像、一個標題和一個描述,為讀者提供有關故事某些方面的特定信息。 故事板是一個更大概念的簡單表示,並迫使其創建者和讀者將大型複雜主題分解為簡單的分步小節。
企業家艾琳的旅程
虛構但基於真實事件的企業家使用故事板幫助她和她的團隊設計、構建和迭代她的產品的旅程。
艾琳辭去了她工作的大公司的工作,決定追求自己的夢想,創辦自己的公司。 她已經有了一個想法——SoLoMoFoo。 SoLoMoFoo 是一款應用程序,可在公共區域(如會議室、共用辦公室廚房或私人辦公室)提供免費食物時提醒員工。 在她以前的工作中,她經常注意到免費食物由於缺乏意識而被浪費,員工在聽到他們剛剛錯過的免費食物後變得不滿。 她決定這個問題需要一個解決方案,並且她要構建它! 首先,她需要弄清楚她的目標用戶到底是誰。
發現潛在目標用戶的一個有用方法是創建角色。 Erin 決定她要繪製出她的一些目標用戶和買家,並記錄他們的一些獨特特徵。
創建角色
創建角色可以幫助您擺脫自我。 它可以幫助您識別不同的人有不同的需求和期望,還可以幫助您識別您正在設計的用戶。
— Rikke Dam,交互設計基金會聯合創始人

Erin 知道 SoLoMoFoo 將解決一個存在的問題(對免費食物缺乏認識)——但是這個問題是為誰而存在的呢? 誰將使用她的產品? 在 Erin 開始創建故事板之前,她首先必須建立她的角色。 一般來說,公司將不得不關注兩種不同類型的角色——用戶角色和買家角色。
1. 用戶角色
這些是對符合特定標準的典型用戶的虛構描述。 大多數產品會嘗試限制兩個或最多三個關鍵用戶角色的數量,然後將大部分營銷工作集中在吸引這些用戶上。 在 SoLoMoFoo 的案例中,Erin 確定了兩個關鍵用戶角色:
- 烤本
Ben 經常將免費食物帶到工作場所與同事分享。 每次他帶來紙杯蛋糕時,他都會給整個辦公室發電子郵件,這讓他覺得有點奇怪,所以他會喜歡一個可以提醒同事提醒他的應用程序。 - 漢克
漢克總是想念免費的食物,並因此而心煩意亂。 當他餓了時,他會感覺效率低下,並且會對一個可以在有食物時提醒他的應用程序非常感興趣。
2. 買方角色
通常,您產品的預期用戶與預期購買者不同。 在 SoLoMoFoo 的商業模式中,整個公司都將購買 SoLoMoFoo 應用程序並讓他們的員工下載它。 這樣,辦公室中的每個人都可以在有免費食物時發送警報,並在他們尋找食物時接收警報。 Erin 已決定最有可能購買 SoLoMoFoo 的是人力資源部門。
- 人力資源海莉
Hailey 是人力資源經理,具有購買力。 她一直在尋找提高員工士氣和敬業度的方法。 她的上司鼓勵她激發員工的活力和團隊合作精神,並有預算花在可以幫助她做到這一點的應用程序或工具上。
創建這些角色將幫助您深入了解用戶和買家(如果他們不同的話)。 它可以幫助您從您的產品中退後一步,並通過您為之設計的人的眼睛來看待它。
要開始創建您需要的角色,您可以使用多種在線資源。 例如,您可以使用如下之一的角色工作表模板:


或者使用 HubSpot 提供的這樣的角色創建工具。

創建角色後,下一步是發現這些角色將如何與您正在解決的問題、您的產品作為解決方案以及該產品將如何最終造福於他們的生活聯繫起來。 進入角色角色的一個好方法是創建旅程地圖。
旅程地圖
客戶旅程地圖可幫助您從客戶的角度可視化客戶的體驗,在他們尋求實現特定目標時跨越他們與您的品牌的所有不同接觸點。
— 串聯七位專家
現在 Erin 已經確定了 SoLoMoFoo 的主要用戶和購買者角色,是時候讓她了解這些角色如何接觸她的產品、他們將如何使用它以及他們在整個過程中可能面臨的潛在障礙。 一個很好的方法是以故事板的形式創建旅程地圖。 創建這些旅程地圖故事板迫使產品設計師走進用戶或買家的鞋子,並以逐步的方式體驗他們的產品。

旅程地圖故事板通常可以分為六個關鍵部分:
- 遇到的問題
你決定創建你的產品是有原因的。 您認為您的目標用戶遇到了他們想要解決的問題。 你的產品解決了什麼問題? - 解決方案搜索
在你的角色經歷過問題之後,你相信他們會去尋找解決方案。 他們將使用什麼方法進行搜索? 這些可能是您的上市策略需要考慮的潛在營銷渠道。 - 產品發現
在他們的搜索過程中,您的角色將遇到您的產品並決定開始使用它。 他們怎麼知道這是適合他們的產品? 他們將如何開始? 他們可能面臨哪些進入壁壘? - 產品經驗豐富
角色現在將使用產品並體驗預期目標。 他們如何使用它? 他們可以立即使用它還是需要採取其他步驟? - 問題得到緩解
在達到預期的產品目標後,用戶問題得到緩解。 這與您在故事板開始時嘗試解決的問題相同嗎? 您的解決方案可能會產生哪些其他潛在問題? - 有益的結果
現在角色的問題得到緩解,為什麼他們的生活會更好? 解決他們的問題給他們帶來了什麼好處,這將如何改善他們的處境?
需要一個例子嗎? 看看下面的插圖:

以企業家 Erin 為例,她必須考慮無法獲得免費食物將如何影響 HR Hailey,她將如何研究可能的解決方案,她將如何遇到 SoLoMoFoo,SoLoMoFoo 平台將如何在她的工作地點實施,以及 SoLoMoFoo 計劃將帶來的這些好處的潛在好處和時間表。

以故事板的形式創建旅程地圖是使您的買家人性化的有用方法。 請務必記住,您的用戶不僅僅是數字,而是真實的人。 擁有與每個角色相關的人物角色和他們的個人旅程地圖故事可以不斷提醒您,您的用戶是人,他們的需求在不斷變化。
這些旅程圖不僅是一種出色的外部產品開發工具,而且還是一種減少內部錯誤溝通的好方法。
通過開髮用戶角色和客戶旅程地圖故事板,每個人都可以可視化角色在與您的產品互動時將採取的步驟。 創建旅程地圖並將其呈現給同事可以讓團隊成員以現實和切實的方式查看您的願景。 一旦每個部門都了解了您的旅程圖,您就可以就最終產品的內容達成共識,並且每個人都可以在同一頁面上繼續開發過程。
用戶體驗設計的故事板
UX 中的故事板是一種工具,可以幫助您直觀地預測和探索用戶對產品的體驗。
— Nick Babich,UX Planet 主編

企業家 Erin 已經成功地確定了她認為的目標用戶和買家是誰,以及他們將如何接觸和使用她的產品。 現在是她設計 SoLoMoFoo 用戶體驗的時候了。
從用戶的角度退一步查看產品的一種有用方法是通過故事板創建 UX 概念。 逐個單元地創建故事板會迫使您以用戶身份完成 UX 流程的每一步。 您可以輕鬆創建多個故事板並嘗試不同的 UX 方法來找到最有效的概念。
Erin 想將 SoLoMoFoo 設計為一個簡單的應用程序,因此她與她的開發和營銷團隊一起審查角色和旅程地圖,以便他們清楚產品願景,並一起開始設計用戶體驗。
創建這些可視化、有形的故事板指出了你的用戶體驗中的潛在缺陷——也許你是在強迫你的用戶一步邁出一大步,而且不直觀。 或者,也許您的 UX 中有幾個步驟可以組合成一個步驟,從而消除多餘的操作。
根據 UX 專家 Luca Morovian 的說法:
“用戶體驗故事板可以幫助直觀地預測和探索產品的用戶體驗。 它可視化人們如何與服務或應用程序交互。 用戶體驗故事板還可以幫助了解用戶當前與特定問題相關的動機和體驗。”
用戶體驗故事板的力量和價值體現在創建過程中,讓您以用戶的身份體驗您的產品,這使您能夠最佳地優化有效設計並提高轉化率。

最後,Erin 確定了她的目標用戶和買家,繪製了他們的流程,並構建了一個簡化的用戶體驗——但產品開發過程從未結束。
產品迭代和改進的故事板
您的員工比其他任何人都更了解您的產品,因此只要您提出正確的問題並使用吸引人的故事板,您就可以徵求他們的反應並就您需要了解的任何內容展開討論。
——安德烈·布爾克,企業家
Erin 現在已經確定了她認為誰會使用和購買她的 SoLoMoFoo,他們將如何接觸該產品並與之互動,以及如何設計平台用戶流程。
正如產品開發人員所知,產品永遠不會完全完整。 隨著技術的變化,用戶會適應,您的產品也必須適應。 重要的是不斷參考您的客戶旅程地圖和用戶角色,以確保它們仍然對您的產品準確。 隨著您對用戶和用戶案例場景的更多了解,您的產品應該相應地進行調整。
在研究產品迭代時,大多數產品開發團隊都很難隔離範圍並決定他們想要更改當前產品的哪個方面。 故事板可以幫助產品設計師將他們的產品分解成單獨的部分,這樣他們就可以在不涉及其他方面的情況下專門處理產品的一個方面。
以下是您可能希望用作指導的幾個問題:
- 您是否有主頁轉換率問題並想要現代化 UI?
- 用戶是否沒有響應您的號召性用語? 也許你的用戶體驗太複雜了? 或者也許人們只是沒有購買你的產品,那麼你真的解決了你感知到的問題嗎?
擁有產品的故事板可以讓您清楚地看到產品的哪些部分對哪些用戶的行為負責。 因此,您可以將迭代過程集中在產品的一個方面而不是整個產品上,從而實現更快的改進和更清潔的過程。
如何開始
現在您已經了解瞭如何在產品開發過程中開始使用故事板,是時候開始了。
以下是一些幫助您邁出第一步的快速步驟:
- 確定您的產品正在解決的問題;
- 確定 1-3 個用戶角色和 1-3 個買方角色(如果不同);
- 為您的角色創建旅程地圖;
- 圍繞目標受眾的需求設計用戶體驗;
- 迭代、重複和改進!
總之,您現在擁有開始將故事板整合到產品開發過程中的工具。 從一開始就確定您的目標用戶,一直到構建用戶體驗和迭代您的產品以進行改進。
在產品設計過程中使用故事板將有助於防止簡單的誤解,並讓您和您的團隊對您的產品將完成什麼和外觀有一個清晰的概念。 今天就開始用故事板寫出你的新產品創意吧!