一故事板的前世
故事板的出現(xiàn)迁匠,是用于廣告及視頻創(chuàng)作前期剩瓶,用來快速表達作者是創(chuàng)作理念。漫畫還有視頻的很多分鏡頭其實也是大致一樣的概念城丧。
故事板的前世是這樣的延曙,下圖是宮崎駿的魔女宅急便分鏡故事板
要知道,你看到的電影鏡頭是這樣來的亡哄,下面就是故事板和電影鏡頭最終版的對比圖
故事板的今生
故事板的類型
故事板的類型枝缔,偷懶了引用了【PM必看:用戶場景神器—故事板】
文字故事板
我們要描述一個好的用戶場景,需要對用戶使用這個產(chǎn)品的過程有一個基本的了解,還需要對用戶角色和使用情景有所設想愿卸。好的用戶情景灵临,可以貫穿整個產(chǎn)品設計的過程,模擬現(xiàn)實的用戶操作和交互方式趴荸,用于產(chǎn)品的可用性評估儒溉。
使用簡單的語言描述人物角色、情境及用戶使用情景发钝,盡量避免不要給出具體的用戶行為和交互動作顿涣。
合理的文字故事板應該注意以下幾個方面:
確定角色,多個角色做多個故事板酝豪;
確定確實必須完成的目標涛碑;
確定故事的出發(fā)點或事件;
明確角色信息及關注點寓调;
確定故事板的數(shù)量锌唾,取決于人物角色和目標數(shù)量;
書寫故事夺英,從觸發(fā)到結束晌涕;
用戶Tina:性別、年齡痛悯、職業(yè)余黎、收入、學歷载萌、使用習慣惧财、使用網(wǎng)絡、關鍵特征扭仁、目標以及故事描述垮衷,這些作為人物角色模型的故事板信息內容。
圖片故事板
對于交互設計師而言乖坠,圖形故事板是最快讓他人獲取自己的想法的最佳手段搀突。通過圖形故事板,用戶就像在看電影一樣熊泵,融入到情景當中仰迁。
通過反思各個場景的的事件,提醒團隊該注意哪些方面顽分,反思交互效果徐许,能夠讓他人通過看得見的方式面面加以注釋。
在圖形故事板中卒蘸,用戶通過一連串的用戶行為雌隅,連接成一個完整的用戶場景。
(事件/行為是具體的人和系統(tǒng)的交互行為,它將人澄步、物和環(huán)境結合起來冰蘑,構成了整個故事的內容)
(把角色放在某個場景里,講一個故事村缸。故事中應該包括對問題的研究和自己的想法)
如果著重研究線下任務祠肥,則故事板中線下場景居多,如關注屏幕任務則會展現(xiàn)界面居多梯皿。當然如果完全關注屏幕任務就是我們的線框圖和原型了仇箱。
故事板關注的是屏幕任務和線下任務結合的邊緣地帶。
故事板是傳統(tǒng)交互設計方法的重要補充工具东羹,平時我們的原型設計僅僅局限于屏幕環(huán)境的設計剂桥,忽略了屏幕之外的使用情境,通過故事板繪制的關鍵使用場景有利于我們理解屏幕之外的用戶目標和動機属提。其實有經(jīng)驗的設計師會在產(chǎn)品設計初期假想一些應用情境权逗,只不過他們沒有畫在紙上而已。
另外冤议,故事板不僅僅是設計師頭腦中假想情境的具象化斟薇,他還可以使一些模糊的用戶需求更加具象更有說服力,在設計溝通的過程中能發(fā)揮巨大的作用恕酸。
故事板揭示了用戶與產(chǎn)品的各個交互行為堪滨,他可以讓pm像用戶一樣,融入到用戶的使用情景當中蕊温;又可以以一個旁觀者的狀態(tài)袱箱,觀看全局,反思和總結使用場景的問題及真?zhèn)巍?/p>
以上故事板的類型义矛,偷懶了引用了【PM必看:用戶場景神器—故事板】
怎么制作故事板
步驟一:寫故事場景发笔,描繪現(xiàn)實場景
我在一次工作中,需要列一個場景:邀約朋友來家里吃飯休閑一條龍凉翻。
步驟二:分解現(xiàn)實場景(適用于步驟較多筐咧,邏輯復雜的情況)
但是看似簡單的一個任務,仔細想來并沒那么簡單噪矛,我邀請朋友吃飯,那就涉及到邀約铺罢、商量吃什么艇挨、告知朋友位置、幫朋友開門韭赘、采購以及后續(xù)的打掃和休息等一系列活動缩滨。
于是我講這個任務做了進一步分解:邀約——置辦——接待——善后打掃——休閑。
現(xiàn)實場景分析
人物設定:Miss米(業(yè)主)、朋友們(外來訪客)脉漏、小郭(門衛(wèi))
場景(邀約):
場景一:周五Miss米在公司上班苞冯,想周末干嘛好呢,后來想到邀請朋友們去家里吃飯侧巨,舉行姐妹pa舅锄。
場景二:Miss告訴朋友,周六中午來自己家吃飯司忱,來一個歡樂的姐妹pa皇忿。
場景三:朋友們各自決定是否要來參加。
場景四:姐妹們在群里熱聊吃些什么好呢坦仍,商量菜單鳍烁。
場景(置辦):
場景一:確定了菜單后,列下購物清單
場景二:Miss米拿著購物單去到超市購物
場景三:MISS米購買了清單上所需的菜品
場景四:Miss米想到需要買些一次性餐具和飲料
場景(接待):
場景一:朋友A從家里出發(fā)繁扎,向Miss米咨詢具體位置
場景二:朋友A開車根據(jù)導航到了Miss所在小區(qū)的門口
場景三:門衛(wèi)小郭上前詢問朋友A要到訪業(yè)主家具體棟數(shù)
場景四:門衛(wèi)小郭確認完畢后幔荒,幫朋友A打開門禁
場景五:朋友A到達樓下,按房間號梳玫,讓Miss米幫忙打開樓下門禁
場景(善后打掃):
場景一:吃完飯后爹梁,朋友們提議等會去小區(qū)內的會所進行按摩服務。
場景二:Miss米(業(yè)主)打電話給按摩館進行預約汽纠。
場景三:Miss米(業(yè)主)和朋友們(外來訪客)到達按摩館進行按摩卫键。
場景四:消費完畢,進行支付虱朵。
場景(休閑):
場景一:吃完飯后莉炉,朋友們提議等會去小區(qū)內的會所進行按摩服務。
場景二:Miss米(業(yè)主)打電話給按摩館進行預約碴犬。
場景三:Miss米(業(yè)主)和朋友們(外來訪客)到達按摩館進行按摩絮宁。
場景四:消費完畢,進行支付服协。
步驟三:描繪線上場景
因為我的目的在于通過軟件幫助用戶解決整個流程中的各種事項绍昂,所以分析各部分,我線上場景做了以下總結:
解決方案
場景(邀約):
步驟一:Miss米(業(yè)主)在業(yè)主APP上發(fā)布邀請函偿荷,包含日期窘游、地理坐標、聚會主題跳纳、業(yè)主所屬房號信息等忍饰。邀請函發(fā)出后,提供給Miss米(業(yè)主)一定的優(yōu)惠購寺庄、購物券艾蓝、積分券等力崇。
步驟二:Miss米(業(yè)主)分享邀請函至微信群等
步驟三:朋友們(外來訪客)在該邀請函下方報名,邀約確定后赢织,Miss米(業(yè)主)和物業(yè)相關人員可以收到到訪人員時間及人數(shù)相關信息亮靴。
步驟四:Miss米(業(yè)主)和朋友們(外來訪客),可以在邀請函下填報菜單于置,軟件提供“搖一搖菜單”“灶神菜單”“蔬菜大拼盤”等方式提供給菜譜推薦茧吊,輔助確定菜單。
場景(置辦):
步驟一:菜單確定的同時俱两,為Miss米(業(yè)主)提供購物清單
步驟二:根據(jù)購物清單饱狂,提供購物車功能以及網(wǎng)上超市推薦功能,Miss米(業(yè)主)可以用發(fā)布邀請函所得的優(yōu)惠券等在由商家和物業(yè)提供的購物平臺(網(wǎng)上超市宪彩、生鮮配等)進行購買休讳。
場景(接待):
步驟一:朋友可以根據(jù)邀請函所提供的地理位置,進行導航到達小區(qū)
步驟二:到達小區(qū)門口后尿孔,將邀請函打開給小郭(門衛(wèi))查看俊柔,放行,進入小區(qū)活合。
步驟三:Miss米(業(yè)主)可實時查看朋友們的位置雏婶。
步驟四:朋友到達樓下,點開門白指,Miss米(業(yè)主)可以通過手機幫助朋友遠程開門留晚,打開樓下的門禁。
場景(善后打掃):
步驟一:Miss米(業(yè)主)通過軟件進行預約家政服務告嘲。
步驟二:家政服務接單错维,并派阿姨上門打掃。
步驟三:打掃完畢橄唬,進行支付(可以使用營銷策略獲得的券等)赋焕。
場景(休閑):
步驟一:Miss米(業(yè)主)通過軟件進行預約按摩保健服務。
步驟二:商家接單仰楚,提供按摩時間隆判。
步驟三:消費完畢,進行支付(可以使用營銷策略獲得的券等)僧界。
步驟四:根據(jù)每個步驟繪制故事板侨嘀,并添加描述語言
在上一步中,已經(jīng)對每個小場景進行了步驟描述捂襟,接著按照每個步驟進行繪制即可飒炎,如果上面的描述一幅圖表達不出,那說明第三步中的分解不夠詳細笆豁,還可以進一步做分解郎汪。
我的故事板
01_邀約場景
02_置辦場景
03_接待場景
04_善后打掃場景
05_休閑場景
BY Flugel_Yan ? 2015/12/2