交互設(shè)計中的故事板是指什么?

圖片來源:wikiHow


在用戶體驗設(shè)計中,我們熟練使用用戶研究技術(shù),如研討會和訪談,然后會將研究合成用戶故事和流程,最后通過人物角色和線框等產(chǎn)出與我們的團隊交流。但是,所有這一切都必須基于我們了解為之設(shè)計的真正的用戶。為了使我們的產(chǎn)品更好,我們必須了解他們的世界發(fā)生了什么,以及我們的產(chǎn)品如何使他們的生活更美好。這就是故事板方法的由來。

什么是故事板

故事板是故事鏡頭的插圖?;旧希@是一個連續(xù)的藝術(shù),其中圖像被排列在一起以顯現(xiàn)故事。這種方法來自電影制作。華特迪斯尼工作室因其故事板而聞名。故事板讓他們在實際構(gòu)建電影之前制作電影的世界。

迪斯尼中的獅子王故事板。


故事是信息最強大的表達(dá)工具:

-可視化一圖勝千言,圖像更容易讓人理解概念或想法。通過添加額外的意義,圖像比詞語表達(dá)更有說服力。

-印象深刻。故事比普通事實讓人印象深刻22倍。

-同理心。講一個大家都有同感的故事是有可能的。一般我們都會強調(diào)故事中跟我們有相似挑戰(zhàn)的角色。

-參與感。故事容易吸引注意力,當(dāng)人們聽到好故事時也容易反響激烈:我們的好奇心會使我們代入角色,而這會讓我們感覺有意義,從而更多地參與。

交互設(shè)計中的故事板是什么?

交互設(shè)計中的故事板是一種可幫助您直觀地預(yù)測和探索用戶體驗的工具。它非常像一部講述用戶怎么使用你的產(chǎn)品的電影。這將有助于你了解人們?nèi)绾闻c產(chǎn)品交互,從而讓你清楚地了解如何創(chuàng)建強大的用戶體驗。

為什么故事板在交互設(shè)計中很重要?

故事板是在設(shè)計過程中捕捉,關(guān)聯(lián)和探索經(jīng)驗的有效而廉價的方式。關(guān)于交互設(shè)計過程,此技術(shù)具有以下優(yōu)點:

-以人為中心的設(shè)計方法。故事能給數(shù)據(jù)分析戴上面具。故事板可以使解決方案貼近生活,從而設(shè)計師可以與用戶感同身受,并看到他們看到的解決方案。故事板還可以幫助設(shè)計師了解現(xiàn)有情景,以及測試假設(shè)的潛在情景。

-“基調(diào)與批評”技術(shù)。故事板是一個以團隊為基礎(chǔ)的活動,每個人都可以貢獻(xiàn)(不只是設(shè)計師)。與電影業(yè)相同,每個場景都應(yīng)由所有團隊成員呈現(xiàn)和批評。以講故事的方式進行交互設(shè)計可以激發(fā)設(shè)計理念,并使團隊專注于清晰的設(shè)計內(nèi)容。

-迭代法。故事板依賴于迭代方法。首先為設(shè)計概念繪制角色扮演的腳本,讓設(shè)計師以少量成本或無成本進行實驗。然后快速迭代,盡可能接近真正的想法。

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

當(dāng)提到故事板時,大多數(shù)人都會想自己能不能畫畫。好消息是,在開始繪制場景故事板之前,你不需要善于畫畫。

Martin Scorsese電影“Goodfellas”的故事板框架


更重要的是你想講的故事,并能明確傳達(dá)信息。

“設(shè)計師的主要技能不是Photoshop或Sketch,而是建造和描述場景的能力?!?/b>


如何制作故事結(jié)構(gòu)?

如果你要創(chuàng)建能傳達(dá)用戶思想的故事,還需要做一些準(zhǔn)備使他們更具邏輯,容易理解和令人信服。通過了解故事的基本原理并將其解構(gòu),我們可以以更強大和令人信服的方式呈現(xiàn)。每個故事應(yīng)具備以下基本要素:

-角色。涉及你的故事的具體角色。他們的行為,外表和期望,以及他們在路上做出的任何決定都是非常重要的。挖掘你角色腦里想的事情對于描述他們的體驗至關(guān)重要。

-場景。這是一個角色發(fā)現(xiàn)自己的環(huán)境(涉及地方和人們的真實世界環(huán)境)。

-情節(jié)。很多設(shè)計師經(jīng)常直接陳述設(shè)計的細(xì)節(jié),而不先講述背后的故事。你不要成為他們其中的一個-你要先在腦海里創(chuàng)造一個故事結(jié)構(gòu),應(yīng)該有一個明顯的起承轉(zhuǎn)合。在你的故事板中展開的敘述應(yīng)該集中在角色的目標(biāo)上。繪圖應(yīng)該以特定的觸發(fā)開始,并以有益的解決方案結(jié)束,或是角色留下的問題。嘗試使用Freytag的金字塔構(gòu)造你的情節(jié)。


故事往往跟隨一個看起來很像金字塔的敘事結(jié)構(gòu)。Freytag的金字塔,顯示五個部分或行為:博覽會,上升行動,Climax,F(xiàn)alling Action(或最終的懸念和解決)和Denouement(結(jié)論)。本·克羅斯特斯(Ben Crothers)在一個關(guān)于一個男人和他的電話的金字塔上寫下了一個不起作用的快速故事。


為了使你的故事強大,這里有一些要考慮的問題:

-真實性。主要是讓角色,他們的目標(biāo),以及他們的體驗盡可能清晰地呈現(xiàn)。如果你寫了一些不會與產(chǎn)品產(chǎn)生共鳴的內(nèi)容,用戶會反饋給你的。因此,將重點放在真實的人類和真實環(huán)境中,用戶會感同身受。

-簡單。刪除任何不必要的情節(jié)。無論句子,圖片或頁面有多好,如果沒有增加整體的價值,就應(yīng)該刪除它。

-情感。通過角色的經(jīng)歷傳達(dá)情感至關(guān)重要。

使用故事板來描述體驗

一開始使用故事板時可能有點難,特別是你不懂畫畫的情況。但不用擔(dān)心,下面提到的指導(dǎo)方針將幫助你創(chuàng)造出更好的情景故事板:

-從純文本和箭頭開始。主要的是將故事分解為“時刻”(上下文,觸發(fā),角色所作出的決定,最終得益于或者問題)。

一連串的時刻


-給你的故事添加情感。在每個步驟中添加表情符號,幫助別人了解角色臉部情況。記住要描述成功/疼痛點的反應(yīng)(角色期待發(fā)生什么?結(jié)果如何影響他/她?)嘗試在每個情感狀態(tài)中繪制一個簡單的表達(dá)。

與上述例子相同的時刻順序,但加上表情符號,以幫助了解角色情緒狀態(tài)的發(fā)生。


-將每一步翻譯成故事板框架。想清楚每一刻,然后思考你的角色是怎么想的。

故事板框架

-設(shè)計明確的結(jié)果。確保你的故事板能給出讓觀眾相信故事的結(jié)果:如果你在描述一個不利的情況,那么以問題的重要性結(jié)束,如果你提出一個解決方案,那么以利于角色的解決方案結(jié)束。

人的臉上的微笑和悲傷可以為你的故事增添情感,并且在觀眾的心靈中活著。圖片來源:奧斯汀設(shè)計中心Chelsea Hostetter


結(jié)論

使用故事板不簡單。但它確實有效。畫畫是把生活融入故事的好方法,所以盡量利用它們。記住,為了理解用戶所做的每一點都非常有用。


——————————————

原文地址:

Storyboarding in UX Design

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,117評論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,860評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 177,128評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,291評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 72,025評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,421評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,477評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,642評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,177評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,970評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,157評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,717評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,410評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,821評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,053評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,896評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,157評論 2 375

推薦閱讀更多精彩內(nèi)容