故事板的前世今生

一故事板的前世

故事板的出現(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_邀約場景

01-邀約場景


02_置辦場景


02_置辦場景

03_接待場景


03_接待場景

04_善后打掃場景

04_善后打掃場景

05_休閑場景

05_休閑場景



BY Flugel_Yan ? 2015/12/2

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市闯狱,隨后出現(xiàn)的幾起案子煞赢,更是在濱河造成了極大的恐慌,老刑警劉巖哄孤,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件照筑,死亡現(xiàn)場離奇詭異,居然都是意外死亡瘦陈,警方通過查閱死者的電腦和手機凝危,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來晨逝,“玉大人蛾默,你說我怎么就攤上這事∽矫玻” “怎么了支鸡?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長趁窃。 經(jīng)常有香客問我牧挣,道長,這世上最難降的妖魔是什么醒陆? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任瀑构,我火速辦了婚禮,結果婚禮上刨摩,老公的妹妹穿的比我還像新娘寺晌。我一直安慰自己,他們只是感情好码邻,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布折剃。 她就那樣靜靜地躺著,像睡著了一般像屋。 火紅的嫁衣襯著肌膚如雪怕犁。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天己莺,我揣著相機與錄音奏甫,去河邊找鬼。 笑死凌受,一個胖子當著我的面吹牛阵子,可吹牛的內容都是我干的。 我是一名探鬼主播胜蛉,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼挠进,長吁一口氣:“原來是場噩夢啊……” “哼色乾!你這毒婦竟也來了?” 一聲冷哼從身側響起领突,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤暖璧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后君旦,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體澎办,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年金砍,在試婚紗的時候發(fā)現(xiàn)自己被綠了局蚀。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡恕稠,死狀恐怖琅绅,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情谱俭,我是刑警寧澤奉件,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站昆著,受9級特大地震影響县貌,放射性物質發(fā)生泄漏。R本人自食惡果不足惜凑懂,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一煤痕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧接谨,春花似錦摆碉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至扫夜,卻和暖如春楞泼,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背笤闯。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工堕阔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人颗味。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓超陆,卻偏偏與公主長得像,于是被迫代替她去往敵國和親浦马。 傳聞我的和親對象是個殘疾皇子时呀,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內容

  • 我之前沒有接觸過親子閱讀张漂,偶然看到一個朋友的朋友圈,她的寶寶才一歲半?yún)s養(yǎng)成了閱讀的習慣谨娜,我感覺這得向她學習鹃锈,畢竟...
    妍雅閱讀 225評論 0 0
  • 荒唐事 我應該一直明白 這是一件荒唐事 于你還是于我 我懷念著過去與未來 不顧你始終的一言不發(fā) 自私鬼擾亂我...
    不顧身閱讀 393評論 3 3