怎樣借助故事板做好用戶體驗設(shè)計?

2017-5-1    周周

 

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

在做用戶體驗設(shè)計的時候,研討會和用戶訪談是用研中最常用的兩種手段,隨后,將用戶研究的結(jié)果合成為用戶故事和用戶流程,在這個基礎(chǔ)上,我們可以構(gòu)建合理的解決方案,然后將線框圖、原型和設(shè)計結(jié)果傳達給整個設(shè)計團隊。換句話來說,所有的研究、設(shè)計和方案都是基于真實的用戶,也就是我們定位為“目標(biāo)用戶”的人群,基于他們的表現(xiàn)、反映和反饋。為了讓產(chǎn)品更優(yōu)秀,我們必須明白產(chǎn)品的運作機制,了解用戶都是怎么想的,而故事板,則是這一切的關(guān)鍵。

今天的文章當(dāng)中,將著重介紹故事板,以及它是如何解決用戶體驗問題的。

故事板是什么

故事板最初是源自于電影行業(yè),早在20世紀(jì)20年代的時候,迪士尼工作室內(nèi)就常常用故事板來勾勒故事草圖,這些草圖讓電影和動畫工作者可以在拍攝之前,初版構(gòu)建出想要展現(xiàn)的世界。對于UX設(shè)計師而言,故事板也非常有用,產(chǎn)品的使用場景,用戶的交互流程,都借由一系列連續(xù)的插畫故事化地呈現(xiàn)出來。

這是迪士尼制作《獅子王》的故事板

故事是最強大的信息傳遞工具:

·可視化。圖片比文字更容易理解,更適合傳達概念和想法。通過視覺化的方式,故事板將信息更為系統(tǒng)的呈現(xiàn)出來。

·記憶性。有研究表明,相比于文字描述,圖片信息的可記憶性比文字強22倍。

·同理心。每個人都能從故事中找到近似的經(jīng)歷,關(guān)聯(lián)的事情,我們能夠理解和我們自己類似的人與經(jīng)歷。

·參與性。故事能夠引人注意,能夠吸引我們的好奇心,能夠讓我們看清楚其中的意義,并參與進去。

故事板與UX設(shè)計的關(guān)系

故事板在UX設(shè)計中也很重要,它可以幫助你直觀地探索和預(yù)測用戶對于產(chǎn)品的體驗。借助故事板來思考你的產(chǎn)品,就像將它置于電影的視角下來觀察和推斷用戶的行為和反饋。這種環(huán)境下,你可以更自然地了解用戶隨著時間的推移,在交互和行為上有著怎樣的改變,從而讓你可以更加清晰地對產(chǎn)品進行描述與展現(xiàn)。

為何故事板在UX設(shè)計中如此重要

在整個產(chǎn)品開發(fā)設(shè)計流程中,故事板絕對是一種經(jīng)濟、實用又低成本的探索工具,縱覽整個UX設(shè)計流程,我們能夠看到它有如下特征:

·以人為本的設(shè)計方法。UX設(shè)計師在數(shù)據(jù)的基礎(chǔ)上,加入人物角色,將產(chǎn)品流程整合成故事,讓設(shè)計人員能夠“面對著用戶”做設(shè)計,并且拿出針對用戶的解決方案。故事板能夠幫助設(shè)計人員了解場景,潛在的語境,以及有待測試的假設(shè)。

·參與與評論。故事板是以團隊為基礎(chǔ)的設(shè)計活動,每個人都能參與進來,都應(yīng)該為之提供有用的信息和素材,進行完善。和電影行業(yè)相同,每個場景都應(yīng)該讓團隊成員參與討論,并提出批評意見和建議。講故事的方式更容易激發(fā)團隊對于用戶體驗的理解,讓大家更加緊密地圍繞著用戶構(gòu)建清晰的體驗設(shè)計。

·迭代。故事板通過迭代不斷完善。通過插畫勾勒出來的概念設(shè)計和交互,讓設(shè)計人員低成本地測試和探索。畢竟,故事板最開始是粗糙而簡陋的,想法和構(gòu)思需要在不斷探索中完善。

創(chuàng)建你自己的故事板

在談及自己繪制故事板的時候,絕大多數(shù)人會糾結(jié)于手繪這件事情。好消息是,你不需要多會手繪就能繪制故事板。

這是Martin Scorsese 為電影《Goodfellas》所畫的故事板,粗糙的令人發(fā)指。

能夠傳達信息,闡述清楚故事,才是故事板的關(guān)鍵所在。

設(shè)計師的關(guān)鍵技能并不是Photoshop和Sketch,而是構(gòu)建和描述場景的能力。

如何搭建起故事的結(jié)構(gòu)?

如果你想將一個故事視覺化地呈現(xiàn)在別人面前,那么你還需要做一些準(zhǔn)備工作讓你的故事板有邏輯,易于理解,且具有說服力。你需要了解故事的基礎(chǔ)元素,并且將其解構(gòu)成不同的模塊,才能讓其以鄰人信服的方式呈現(xiàn)。每個故事都應(yīng)該具有以下的基本要素:

·角色。故事中所涉及到的具體人物角色。他們的行為,外觀和期望,以及在整個經(jīng)驗和歷程中所做的每一個決定,都非常的重要。展現(xiàn)角色在整個流程中的體驗,內(nèi)心的想法和決定,都是故事板所需要達成的事情。

·場景。這是角色所處的環(huán)境。

·情節(jié)。許多設(shè)計師在進行設(shè)計的時候,會跳過上下文環(huán)境、使用場景和基礎(chǔ)的設(shè)定與流程,直接進入細節(jié)設(shè)計,這樣做是很容易出現(xiàn)錯漏的。故事應(yīng)該擁有基礎(chǔ)架構(gòu),設(shè)定和劇情的,有起因,經(jīng)過,結(jié)果。所以,在故事板當(dāng)中,應(yīng)該給你所設(shè)定的角色一個目標(biāo),有東西觸發(fā)事件開始,并且通過執(zhí)行,完成任務(wù),或者階段性結(jié)束任務(wù),為角色留下新的問題。我們可以使用 Freytag 的金字塔來描述情節(jié):

為了讓你的故事足夠強健,在繪制故事板的時候,你需要注意下面的問題:

·真實。你的故事板主要得清晰地呈現(xiàn)你所設(shè)計的主要角色,目標(biāo),以及所要發(fā)生的事情。如果你在故事板中呈現(xiàn)一些和主線無關(guān)的內(nèi)容,故事板的觀看者甚至最后的用戶會發(fā)現(xiàn)它們的存在。因此,盡量將重點放在真實的人類和真實的環(huán)境中,你的用戶會感同身受。

·簡單。不要出現(xiàn)不必要的角色、場景和事件。無論你所設(shè)計的句子有多精妙,圖片有多漂亮,如果與核心無關(guān),就沒有價值,刪除它們。

·情感。在故事板中呈現(xiàn)你的角色的情感和情緒,這一點非常重要。

使用故事板來呈現(xiàn)用戶體驗

剛開始繪制故事板的時候,你可能上手并沒有那么快,尤其當(dāng)你對繪畫信心不足的時候。但是不用擔(dān)心,想要畫好故事板,其實只需要掌握好如下幾個技巧就行:

·從文本+箭頭開始。將故事分割為不同的瞬間(背景信息,事件觸發(fā),角色作出的決定,以及最終的結(jié)果或遺留的問題)。

·為你的故事增加情感和情緒。通過添加表情符的方式為故事板強化情緒表達,幫助其他的觀看者明白這些角色身上發(fā)生的事情和經(jīng)歷的情感情緒。尤其要注意標(biāo)明痛點和關(guān)鍵點的情緒反應(yīng)(角色期待發(fā)生的事情,以及結(jié)果對角色的影響)。盡可能簡單直觀地勾勒出情感狀態(tài)。

·將每個步驟填寫到故事板框架中。強調(diào)特定的時刻,并且思考你的角色在這些時刻的感受。

·清晰的結(jié)果。不要讓故事板的觀看者對故事的結(jié)果抱有疑慮。如果角色最終結(jié)果并不理想,那么你應(yīng)該清晰地呈現(xiàn)出實際遭遇的關(guān)鍵問題;如果結(jié)果比較不錯,那么你應(yīng)該表明角色從中獲得的好處。

結(jié)語

故事板對于用戶體驗很重要,想要做好其實也需要經(jīng)歷一個過程。但是不得不承認,它確實很有效。結(jié)合用戶研究的數(shù)據(jù)與結(jié)果,你能通過故事板,越來越了解你的目標(biāo)用戶,也能讓你的產(chǎn)品設(shè)計越來越成熟。

藍藍設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

 

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔