2017-5-1 周周
在做用戶體驗(yàn)設(shè)計(jì)的時(shí)候，研討會(huì)和用戶訪談是用研中最常用的兩種手段，隨后，將用戶研究的結(jié)果合成為用戶故事和用戶流程，在這個(gè)基礎(chǔ)上，我們可以構(gòu)建合理的解決方案，然后將線框圖、原型和設(shè)計(jì)結(jié)果傳達(dá)給整個(gè)設(shè)計(jì)團(tuán)隊(duì)。換句話來(lái)說(shuō)，所有的研究、設(shè)計(jì)和方案都是基于真實(shí)的用戶，也就是我們定位為“目標(biāo)用戶”的人群，基于他們的表現(xiàn)、反映和反饋。為了讓產(chǎn)品更優(yōu)秀，我們必須明白產(chǎn)品的運(yùn)作機(jī)制，了解用戶都是怎么想的，而故事板，則是這一切的關(guān)鍵。
今天的文章當(dāng)中，將著重介紹故事板，以及它是如何解決用戶體驗(yàn)問(wèn)題的。
故事板最初是源自于電影行業(yè)，早在20世紀(jì)20年代的時(shí)候，迪士尼工作室內(nèi)就常常用故事板來(lái)勾勒故事草圖，這些草圖讓電影和動(dòng)畫工作者可以在拍攝之前，初版構(gòu)建出想要展現(xiàn)的世界。對(duì)于UX設(shè)計(jì)師而言，故事板也非常有用，產(chǎn)品的使用場(chǎng)景，用戶的交互流程，都借由一系列連續(xù)的插畫故事化地呈現(xiàn)出來(lái)。
這是迪士尼制作《獅子王》的故事板
故事是最強(qiáng)大的信息傳遞工具：
故事板在UX設(shè)計(jì)中也很重要，它可以幫助你直觀地探索和預(yù)測(cè)用戶對(duì)于產(chǎn)品的體驗(yàn)。借助故事板來(lái)思考你的產(chǎn)品，就像將它置于電影的視角下來(lái)觀察和推斷用戶的行為和反饋。這種環(huán)境下，你可以更自然地了解用戶隨著時(shí)間的推移，在交互和行為上有著怎樣的改變，從而讓你可以更加清晰地對(duì)產(chǎn)品進(jìn)行描述與展現(xiàn)。
為何故事板在UX設(shè)計(jì)中如此重要
在整個(gè)產(chǎn)品開發(fā)設(shè)計(jì)流程中，故事板絕對(duì)是一種經(jīng)濟(jì)、實(shí)用又低成本的探索工具，縱覽整個(gè)UX設(shè)計(jì)流程，我們能夠看到它有如下特征：
·以人為本的設(shè)計(jì)方法。UX設(shè)計(jì)師在數(shù)據(jù)的基礎(chǔ)上，加入人物角色，將產(chǎn)品流程整合成故事，讓設(shè)計(jì)人員能夠“面對(duì)著用戶”做設(shè)計(jì)，并且拿出針對(duì)用戶的解決方案。故事板能夠幫助設(shè)計(jì)人員了解場(chǎng)景，潛在的語(yǔ)境，以及有待測(cè)試的假設(shè)。
·參與與評(píng)論。故事板是以團(tuán)隊(duì)為基礎(chǔ)的設(shè)計(jì)活動(dòng)，每個(gè)人都能參與進(jìn)來(lái)，都應(yīng)該為之提供有用的信息和素材，進(jìn)行完善。和電影行業(yè)相同，每個(gè)場(chǎng)景都應(yīng)該讓團(tuán)隊(duì)成員參與討論，并提出批評(píng)意見(jiàn)和建議。講故事的方式更容易激發(fā)團(tuán)隊(duì)對(duì)于用戶體驗(yàn)的理解，讓大家更加緊密地圍繞著用戶構(gòu)建清晰的體驗(yàn)設(shè)計(jì)。
·迭代。故事板通過(guò)迭代不斷完善。通過(guò)插畫勾勒出來(lái)的概念設(shè)計(jì)和交互，讓設(shè)計(jì)人員低成本地測(cè)試和探索。畢竟，故事板最開始是粗糙而簡(jiǎn)陋的，想法和構(gòu)思需要在不斷探索中完善。
在談及自己繪制故事板的時(shí)候，絕大多數(shù)人會(huì)糾結(jié)于手繪這件事情。好消息是，你不需要多會(huì)手繪就能繪制故事板。
這是Martin Scorsese 為電影《Goodfellas》所畫的故事板，粗糙的令人發(fā)指。
能夠傳達(dá)信息，闡述清楚故事，才是故事板的關(guān)鍵所在。
如何搭建起故事的結(jié)構(gòu)？
如果你想將一個(gè)故事視覺(jué)化地呈現(xiàn)在別人面前，那么你還需要做一些準(zhǔn)備工作讓你的故事板有邏輯，易于理解，且具有說(shuō)服力。你需要了解故事的基礎(chǔ)元素，并且將其解構(gòu)成不同的模塊，才能讓其以鄰人信服的方式呈現(xiàn)。每個(gè)故事都應(yīng)該具有以下的基本要素：
·角色。故事中所涉及到的具體人物角色。他們的行為，外觀和期望，以及在整個(gè)經(jīng)驗(yàn)和歷程中所做的每一個(gè)決定，都非常的重要。展現(xiàn)角色在整個(gè)流程中的體驗(yàn)，內(nèi)心的想法和決定，都是故事板所需要達(dá)成的事情。
·場(chǎng)景。這是角色所處的環(huán)境。
·情節(jié)。許多設(shè)計(jì)師在進(jìn)行設(shè)計(jì)的時(shí)候，會(huì)跳過(guò)上下文環(huán)境、使用場(chǎng)景和基礎(chǔ)的設(shè)定與流程，直接進(jìn)入細(xì)節(jié)設(shè)計(jì)，這樣做是很容易出現(xiàn)錯(cuò)漏的。故事應(yīng)該擁有基礎(chǔ)架構(gòu)，設(shè)定和劇情的，有起因，經(jīng)過(guò)，結(jié)果。所以，在故事板當(dāng)中，應(yīng)該給你所設(shè)定的角色一個(gè)目標(biāo)，有東西觸發(fā)事件開始，并且通過(guò)執(zhí)行，完成任務(wù)，或者階段性結(jié)束任務(wù)，為角色留下新的問(wèn)題。我們可以使用 Freytag 的金字塔來(lái)描述情節(jié)：
為了讓你的故事足夠強(qiáng)健，在繪制故事板的時(shí)候，你需要注意下面的問(wèn)題：
使用故事板來(lái)呈現(xiàn)用戶體驗(yàn)
剛開始繪制故事板的時(shí)候，你可能上手并沒(méi)有那么快，尤其當(dāng)你對(duì)繪畫信心不足的時(shí)候。但是不用擔(dān)心，想要畫好故事板，其實(shí)只需要掌握好如下幾個(gè)技巧就行：
·從文本+箭頭開始。將故事分割為不同的瞬間（背景信息，事件觸發(fā)，角色作出的決定，以及最終的結(jié)果或遺留的問(wèn)題）。
·為你的故事增加情感和情緒。通過(guò)添加表情符的方式為故事板強(qiáng)化情緒表達(dá)，幫助其他的觀看者明白這些角色身上發(fā)生的事情和經(jīng)歷的情感情緒。尤其要注意標(biāo)明痛點(diǎn)和關(guān)鍵點(diǎn)的情緒反應(yīng)（角色期待發(fā)生的事情，以及結(jié)果對(duì)角色的影響）。盡可能簡(jiǎn)單直觀地勾勒出情感狀態(tài)。
·將每個(gè)步驟填寫到故事板框架中。強(qiáng)調(diào)特定的時(shí)刻，并且思考你的角色在這些時(shí)刻的感受。
·清晰的結(jié)果。不要讓故事板的觀看者對(duì)故事的結(jié)果抱有疑慮。如果角色最終結(jié)果并不理想，那么你應(yīng)該清晰地呈現(xiàn)出實(shí)際遭遇的關(guān)鍵問(wèn)題；如果結(jié)果比較不錯(cuò)，那么你應(yīng)該表明角色從中獲得的好處。
故事板對(duì)于用戶體驗(yàn)很重要，想要做好其實(shí)也需要經(jīng)歷一個(gè)過(guò)程。但是不得不承認(rèn)，它確實(shí)很有效。結(jié)合用戶研究的數(shù)據(jù)與結(jié)果，你能通過(guò)故事板，越來(lái)越了解你的目標(biāo)用戶，也能讓你的產(chǎn)品設(shè)計(jì)越來(lái)越成熟。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com