故事板

 

Story Board

故事板

 

摘要 (Abstract)

故事板可以幫助用戶預測並探索產品的體驗,透過故事板的情境模擬以利設計師在設計過程中,能推測出使用者在使用過程中可能會遇上的問題,有助於了解用戶目前與問題相關的動機和經驗,以利 設計師能更進一步確立設計目標。

定義(Definition)

訴說一個故事,營造一種情境,設計貼心產品,指在產品開發過程中,透過一個想像的故事,包括使用者的特性、事件、產品與環境的關係,來模擬產品的使用情境。我們把所做的研究融合到用戶故事中,還有用戶的操作流程中,用人物畫像、線框圖之類的產出物跟其他人來交流我們的想法和設計方案。且著重在人機互動細節的描述,將情境中使用者與產品的互動過程與執行步驟具體刻畫,幫助設計師了解使用族群在完成使用目標的所有步驟。

為了打造更好的產品,來感受到使用者的喜愛以及甚麼性質的產品為其所需求,我們必須理解在用戶的世界裡發生了什麼,我們的產品能為他們做些什麼。

步驟(Procedure)

Step1. 設定角色/場景/情節

故事內容以描述產品與預想使用者之間互動關係,以人、事、時、地、物的方式串連整個故事劇本, ****將整體故事設定好角色與場景及可能發生的情節。

Step2. 繪製簡單情節

依照設定好的故事環境進行簡單的情節繪製,透過容易理解的草圖,盡量避免一些不必要的情節,清楚明白地告訴別人想講的故事 。

Step3. 給情節新增情感

在故事板中,人物是中心,所以需要反映人物當下的所思所想,將情節給予台詞或動作以新增情節情感,與用戶獲得情感共鳴。

Step4. 基礎線稿

畫出整體故事基本線稿,將每個步驟轉化成畫面,在畫面出體現出每一刻發生了什麼,以及人物當下的想法。

Step5. 發現問題

將得到的故事步驟去發現使用者的會碰到的問題,讓我們更好地了解我們的用戶,並與我們的團隊分享這些知識。

案例(Case)

案例一 以apple watch設計為例

Step1.設定角色/場景/情節

角色設定為忙碌的商務人士,場景為都市,情節為開車前往公司途中來了一通重要電話。

Step2.繪製簡單情節

可將情節拆分為開車途中然後突然來電,卻因開車的原因不方便接聽而錯過了重要的電話。

Step3.給情節新增情感

將情節中的角色可能會說出的台詞或動作與情緒簡單的表示出來。

Step4.基礎線稿

將所有故事內容以方格漫畫方式簡單繪製出來。

Step5.優化細節

可將重點或情節再進行優化修正。

Step6.發現問題

可透過上述方式去了解到若將手錶配件若可接收訊行並進行簡單回覆,可利於在開車中不便於拿出手機查看訊息的不便的問題。

案例二 愛料理APP

Step1.設定角色/場景/情節

角色設定為獨居生活的小資女,場景為套房,情節為下班回到家想為自己煮一份料理。

Step2.繪製簡單情節

可將情節拆分為下班回到家裡,卻看著食材發呆,想不到要吃甚麼。

Step3.給情節新增情感

將情節中的角色可能會說出的台詞或動作與情緒簡單的表示出來。

Step4.基礎線稿

將所有故事內容以方格漫畫方式簡單繪製出來。

Step5.優化細節

可將重點或情節再進行優化修正。

Step6.發現問題

可透過上述方式去了解到若將網路上各種食譜進行統整並教導料理步驟,有便於可以參考不同的食譜解決想不到吃甚麼的問題。

參考資料(Reference)

使用者導向創新設計 USER-ORIENTED INNOVATIVE DESIGN。 情境故事法﹝SCENARIO﹞。

陳子木。怎樣借助故事板做好用戶體驗設計。

區塊之巔。Google Ventures設計衝刺:八步搞定故事板。

我的鞋帶是黃色。UX故事板創作:初學者完整指南

IAMUE。一個產品設計師必須會講的故事——使用者體驗設計中的故事板

資料整理:2018 鄭侑宸、2019 李任婕、2021洪明霏

總編輯:羅歆慈

編輯與排版:李明容

分享 Acadeck 給更多人!