故事板——用户体验设计中的利器

图片作者:wikiHow

在用户体验设计中有一些我们很熟悉的技巧,比如workshop和用户访谈。我们把所做的研究融合到用户故事中,还有用户的操作流程中,用人物画像、线框图之类的产出物跟其他人来交流我们的想法和设计方案。这一切都建立在一个基础上——我们有真实的用户让我们去给他们做设计。为了打造更好的产品,我们必须理解在用户的世界里发生了什么,我们的产品能为他们做些什么,这也就是故事板的用处。
在本文中,我们把故事板当做一个探索UX问题解决方案的媒介,同时也是与其他人交流问题和表达解决方案的媒介。

什么是故事板?

故事板就是一系列插画,每张插画像一张照片一样记录某个瞬间,而所有的插画连起来最终还原了一个故事。大体上讲,它就是像连环画一样的东西,里面的图片有序地排列在一起,用视觉化的方式讲述一个故事。这个方法来自于电影制作行业,Walt Disney工作室从1920年就开始使用这种方法,并且把它推广了开来。故事板让他们能够在电影开始制作之前就把故事情节展现出来。


狮子王的故事板

故事板是传递信息的最强力工具:

  • 可视化:一张图片可以包含上千字的信息量,理解一个想法最好的办法就是把它画出来。
  • 容易记:比起单调记录事实的文字,讲故事要让人好记22倍
  • 同理心:当你讲述一个可能真实发生在别人生活中的故事的时候,听众很容易对故事中和他们有相似问题的角色产生共鸣。
  • 参与度:故事能吸引人们的注意力:我们天生的好奇心驱使我们走进这个故事里,而且当我们从故事中感受到一种快要成功的感觉时,我们也会更加愿意参与到其中。

用户体验设计中的故事板又是什么?

故事板在UX中是一个帮助你以视觉化的方式探索、预测一个用户使用某个产品时所产生体验的工具。它就像一部电影,告诉人们用户怎么使用这个产品。这能帮助你了解人们如何随着时间的推移与产品行交互,从而让你清楚地知道如讲述一个完善的故事。

为什么故事板在UX中至关重要?

故事板在设计流程中是一个有效而且低代价的捕捉、关联、探索体验的方式。在UX设计流程中,它有如下优点:

  • 以人为中心的设计方法:故事让数据像人一样鲜活起来,故事板把我们的设计方案带到生活中,设计师能够站在用户的立场上去审视自己的设计。故事板帮助设计师理解已知的场景,同时也能验证对潜在场景的假设。
  • 一种“批改”的技巧:故事板是由一个团队共同完成的,每个人都能参与到其中(不仅是设计师们)。对于电影制作也是同样的,所有的团队成员都应该对每个场景进行“批改”。故事板能激发出新的概念设计,并且让团队成员紧密的团结在一起、清楚地了解正在设计的东西。
  • 一种迭代的方式:故事板需要不断迭代。用草图大致描绘用户行为的成本非常低,设计师能够用它来测试他设计的概念。无需过分关注从中产生的想法,因为它们来得太快、太粗糙了。

创建你自己的故事板

当提到故事板的时候,大多数人都会担心他们的绘画能力。有一个好消息要告诉你,你完全不用担心你的画技有多烂!


根据Martin Scorsese的电影《Goodfellas》创建的故事板

最重要的是你想要讲述的故事,清晰地传达信息才是关键。

设计师的主要技能不是Photoshop或者Sketch,而是清晰地规划和描述场景的能力。

如何设计一个故事的框架

如果你想要用视觉化的方式呈现一个故事,把用户的问题传达给他人,那么你需要做一些准备让它变得有逻辑、易理解、有说服力。通过理解讲故事的基本原理然后把故事分解,我们可以用一种更强大、更有说服力的方式展现它。每个故事都应该包含以下几个基本要素:

  • 角色:出现在故事中的具体角色,他的行为、外表、期望还有他所做的决定都至关重要。揭示角色内心的想法对于成功描绘他在这个故事中的体验是必不可少的。
  • 场景:角色所处的环境(真实世界中包含人和物的环境)。
  • 情节:有很多设计师总是迫不及待地展开他们故事的细节,而不是首先讲述背景故事。不要成为他们中的一员——在你的脑海中应该要有一个故事的总体结构,包含显而易见的开头、中间发展还有结局。故事中展开的情节应该聚焦于角色最终的目标。剧情应该有一个明确的开端,结局应该是你的设计方案解决了问题或是角色遇到了尚未解决的问题。建议使用Fretag金字塔构建你故事的情节。
    Freytag金字塔的5个部分:开局、上升、高潮、下降(解决方案或问题)、结局(结论)。[Ben Crothers](https://twitter.com/bencrothers)在金字塔中添加了一个关于一个手机坏掉了的小故事

为了让故事更加完善,你需要思考以下几点:

  • 真实性:让角色、他的目标和他经历的事情尽量清晰。如果你讲的故事不能和你的产品产生联系,你的用户很可能会质疑你。因此专注于真实场景中真实的人物,你的观众会与角色产生共鸣。
  • 简洁:删掉任何不必要的东西。无论它看起来有多漂亮,如果它没有为整体的信息增加价值,你都应该删掉它。
  • 情感:在角色的经历中传达出他的情感状态是非常必要的。

用故事板描述体验

第一次用故事板可能会有点难以上手,尤其是当你对自己的画技不自信的时候。别担心,下面的指南会帮助你做出一个更棒的故事板:

  • 以文字和箭头起手:关键是要把一整个故事拆解成一个个小的瞬间(背景、开头、角色所做的决定、结局)。
    一系列的瞬间
  • 加上情绪:为每一个阶段都加上情绪,帮助别人理解角色心中在想什么。记得在这个过程中描述所有对成功/痛点的反应(角色期望发生什么,还有结果对他的影响)。画一个简单的小表情表示每个阶段的情感。
    加上表情后的一系列图片,帮助他人理解角色在各个阶段的的心情
  • 把每个阶段转变成一帧图像:强调每一个瞬间,想想你的角色在那时的感受。
    故事板中的帧
  • 设计一个明确的结局:确保你的观众没有对故事的结局留下疑问。如果你想描述一个痛点,那就应该以完整地描述这个问题来收尾;如果你想展现你的解决方案,那么结局应该表现你的设计给角色带来了什么好处。
    笑脸和哭脸可以为你的故事添加情感,并且让故事在你观众的心中鲜活起来。图片来自Chelsea Hostetter, Austin Center for Design

小结

在UX中使用故事板并不简单,但却很有用。用图像来讲故事是一种很好的方法,尽可能地使用它吧。你为了理解用户而做出的一切努力都是有价值的。
谢谢!


*本文为译文
原文:Storyboarding in UX Design
作者:Nick Babich

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

推荐阅读更多精彩内容