交互设计中的故事板是指什么?

图片来源:wikiHow


在用户体验设计中,我们熟练使用用户研究技术,如研讨会和访谈,然后会将研究合成用户故事和流程,最后通过人物角色和线框等产出与我们的团队交流。但是,所有这一切都必须基于我们了解为之设计的真正的用户。为了使我们的产品更好,我们必须了解他们的世界发生了什么,以及我们的产品如何使他们的生活更美好。这就是故事板方法的由来。

什么是故事板

故事板是故事镜头的插图。基本上,这是一个连续的艺术,其中图像被排列在一起以显现故事。这种方法来自电影制作。华特迪斯尼工作室因其故事板而闻名。故事板让他们在实际构建电影之前制作电影的世界。

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


故事是信息最强大的表达工具:

-可视化一图胜千言,图像更容易让人理解概念或想法。通过添加额外的意义,图像比词语表达更有说服力。

-印象深刻。故事比普通事实让人印象深刻22倍。

-同理心。讲一个大家都有同感的故事是有可能的。一般我们都会强调故事中跟我们有相似挑战的角色。

-参与感。故事容易吸引注意力,当人们听到好故事时也容易反响激烈:我们的好奇心会使我们代入角色,而这会让我们感觉有意义,从而更多地参与。

交互设计中的故事板是什么?

交互设计中的故事板是一种可帮助您直观地预测和探索用户体验的工具。它非常像一部讲述用户怎么使用你的产品的电影。这将有助于你了解人们如何与产品交互,从而让你清楚地了解如何创建强大的用户体验。

为什么故事板在交互设计中很重要?

故事板是在设计过程中捕捉,关联和探索经验的有效而廉价的方式。关于交互设计过程,此技术具有以下优点:

-以人为中心的设计方法。故事能给数据分析戴上面具。故事板可以使解决方案贴近生活,从而设计师可以与用户感同身受,并看到他们看到的解决方案。故事板还可以帮助设计师了解现有情景,以及测试假设的潜在情景。

-“基调与批评”技术。故事板是一个以团队为基础的活动,每个人都可以贡献(不只是设计师)。与电影业相同,每个场景都应由所有团队成员呈现和批评。以讲故事的方式进行交互设计可以激发设计理念,并使团队专注于清晰的设计内容。

-迭代法。故事板依赖于迭代方法。首先为设计概念绘制角色扮演的脚本,让设计师以少量成本或无成本进行实验。然后快速迭代,尽可能接近真正的想法。

创建自己的故事板

当提到故事板时,大多数人都会想自己能不能画画。好消息是,在开始绘制场景故事板之前,你不需要善于画画。

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


更重要的是你想讲的故事,并能明确传达信息。

“设计师的主要技能不是Photoshop或Sketch,而是建造和描述场景的能力。”


如何制作故事结构?

如果你要创建能传达用户思想的故事,还需要做一些准备使他们更具逻辑,容易理解和令人信服。通过了解故事的基本原理并将其解构,我们可以以更强大和令人信服的方式呈现。每个故事应具备以下基本要素:

-角色。涉及你的故事的具体角色。他们的行为,外表和期望,以及他们在路上做出的任何决定都是非常重要的。挖掘你角色脑里想的事情对于描述他们的体验至关重要。

-场景。这是一个角色发现自己的环境(涉及地方和人们的真实世界环境)。

-情节。很多设计师经常直接陈述设计的细节,而不先讲述背后的故事。你不要成为他们其中的一个-你要先在脑海里创造一个故事结构,应该有一个明显的起承转合。在你的故事板中展开的叙述应该集中在角色的目标上。绘图应该以特定的触发开始,并以有益的解决方案结束,或是角色留下的问题。尝试使用Freytag的金字塔构造你的情节。


故事往往跟随一个看起来很像金字塔的叙事结构。Freytag的金字塔,显示五个部分或行为:博览会,上升行动,Climax,Falling Action(或最终的悬念和解决)和Denouement(结论)。本·克罗斯特斯(Ben Crothers)在一个关于一个男人和他的电话的金字塔上写下了一个不起作用的快速故事。


为了使你的故事强大,这里有一些要考虑的问题:

-真实性。主要是让角色,他们的目标,以及他们的体验尽可能清晰地呈现。如果你写了一些不会与产品产生共鸣的内容,用户会反馈给你的。因此,将重点放在真实的人类和真实环境中,用户会感同身受。

-简单。删除任何不必要的情节。无论句子,图片或页面有多好,如果没有增加整体的价值,就应该删除它。

-情感。通过角色的经历传达情感至关重要。

使用故事板来描述体验

一开始使用故事板时可能有点难,特别是你不懂画画的情况。但不用担心,下面提到的指导方针将帮助你创造出更好的情景故事板:

-从纯文本和箭头开始。主要的是将故事分解为“时刻”(上下文,触发,角色所作出的决定,最终得益于或者问题)。

一连串的时刻


-给你的故事添加情感。在每个步骤中添加表情符号,帮助别人了解角色脸部情况。记住要描述成功/疼痛点的反应(角色期待发生什么?结果如何影响他/她?)尝试在每个情感状态中绘制一个简单的表达。

与上述例子相同的时刻顺序,但加上表情符号,以帮助了解角色情绪状态的发生。


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

故事板框架

-设计明确的结果。确保你的故事板能给出让观众相信故事的结果:如果你在描述一个不利的情况,那么以问题的重要性结束,如果你提出一个解决方案,那么以利于角色的解决方案结束。

人的脸上的微笑和悲伤可以为你的故事增添情感,并且在观众的心灵中活着。图片来源:奥斯汀设计中心Chelsea Hostetter


结论

使用故事板不简单。但它确实有效。画画是把生活融入故事的好方法,所以尽量利用它们。记住,为了理解用户所做的每一点都非常有用。


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

原文地址:

Storyboarding in UX Design

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容