怎样借助故事板做好用户体验设计?

2017-5-8    资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

在做用户体验设计的时候,研讨会和用户访谈是用研中最常用的两种手段,随后,将用户研究的结果合成为用户故事和用户流程,在这个基础上,我们可以构建合理的解决方案,然后将线框图、原型和设计结果传达给整个设计团队。换句话来说,所有的研究、设计和方案都是基于真实的用户,也就是我们定位为“目标用户”的人群,基于他们的表现、反映和反馈。为了让产品更优秀,我们必须明白产品的运作机制,了解用户都是怎么想的,而故事板,则是这一切的关键。

今天的文章当中,将着重介绍故事板,以及它是如何解决用户体验问题的。

故事板是什么

故事板最初是源自于电影行业,早在20世纪20年代的时候,迪士尼工作室内就常常用故事板来勾勒故事草图,这些草图让电影和动画工作者可以在拍摄之前,初版构建出想要展现的世界。对于UX设计师而言,故事板也非常有用,产品的使用场景,用户的交互流程,都借由一系列连续的插画故事化地呈现出来。

这是迪士尼制作《狮子王》的故事板

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

·可视化。图片比文字更容易理解,更适合传达概念和想法。通过视觉化的方式,故事板将信息更为系统的呈现出来。

·记忆性。有研究表明,相比于文字描述,图片信息的可记忆性比文字强22倍。

·同理心。每个人都能从故事中找到近似的经历,关联的事情,我们能够理解和我们自己类似的人与经历。

·参与性。故事能够引人注意,能够吸引我们的好奇心,能够让我们看清楚其中的意义,并参与进去。

故事板与UX设计的关系

故事板在UX设计中也很重要,它可以帮助你直观地探索和预测用户对于产品的体验。借助故事板来思考你的产品,就像将它置于电影的视角下来观察和推断用户的行为和反馈。这种环境下,你可以更自然地了解用户随着时间的推移,在交互和行为上有着怎样的改变,从而让你可以更加清晰地对产品进行描述与展现。

为何故事板在UX设计中如此重要

在整个产品开发设计流程中,故事板绝对是一种经济、实用又低成本的探索工具,纵览整个UX设计流程,我们能够看到它有如下特征:

·以人为本的设计方法。UX设计师在数据的基础上,加入人物角色,将产品流程整合成故事,让设计人员能够“面对着用户”做设计,并且拿出针对用户的解决方案。故事板能够帮助设计人员了解场景,潜在的语境,以及有待测试的假设。

·参与与评论。故事板是以团队为基础的设计活动,每个人都能参与进来,都应该为之提供有用的信息和素材,进行完善。和电影行业相同,每个场景都应该让团队成员参与讨论,并提出批评意见和建议。讲故事的方式更容易激发团队对于用户体验的理解,让大家更加紧密地围绕着用户构建清晰的体验设计。

·迭代。故事板通过迭代不断完善。通过插画勾勒出来的概念设计和交互,让设计人员低成本地测试和探索。毕竟,故事板最开始是粗糙而简陋的,想法和构思需要在不断探索中完善。

创建你自己的故事板

在谈及自己绘制故事板的时候,绝大多数人会纠结于手绘这件事情。好消息是,你不需要多会手绘就能绘制故事板。

这是Martin Scorsese 为电影《Goodfellas》所画的故事板,粗糙的令人发指。

能够传达信息,阐述清楚故事,才是故事板的关键所在。

设计师的关键技能并不是Photoshop和Sketch,而是构建和描述场景的能力。

如何搭建起故事的结构?

如果你想将一个故事视觉化地呈现在别人面前,那么你还需要做一些准备工作让你的故事板有逻辑,易于理解,且具有说服力。你需要了解故事的基础元素,并且将其解构成不同的模块,才能让其以邻人信服的方式呈现。每个故事都应该具有以下的基本要素:

·角色。故事中所涉及到的具体人物角色。他们的行为,外观和期望,以及在整个经验和历程中所做的每一个决定,都非常的重要。展现角色在整个流程中的体验,内心的想法和决定,都是故事板所需要达成的事情。

·场景。这是角色所处的环境。

·情节。许多设计师在进行设计的时候,会跳过上下文环境、使用场景和基础的设定与流程,直接进入细节设计,这样做是很容易出现错漏的。故事应该拥有基础架构,设定和剧情的,有起因,经过,结果。所以,在故事板当中,应该给你所设定的角色一个目标,有东西触发事件开始,并且通过执行,完成任务,或者阶段性结束任务,为角色留下新的问题。我们可以使用 Freytag 的金字塔来描述情节:

为了让你的故事足够强健,在绘制故事板的时候,你需要注意下面的问题:

·真实。你的故事板主要得清晰地呈现你所设计的主要角色,目标,以及所要发生的事情。如果你在故事板中呈现一些和主线无关的内容,故事板的观看者甚至最后的用户会发现它们的存在。因此,尽量将重点放在真实的人类和真实的环境中,你的用户会感同身受。

·简单。不要出现不必要的角色、场景和事件。无论你所设计的句子有多精妙,图片有多漂亮,如果与核心无关,就没有价值,删除它们。

·情感。在故事板中呈现你的角色的情感和情绪,这一点非常重要。

使用故事板来呈现用户体验

刚开始绘制故事板的时候,你可能上手并没有那么快,尤其当你对绘画信心不足的时候。但是不用担心,想要画好故事板,其实只需要掌握好如下几个技巧就行:

·从文本+箭头开始。将故事分割为不同的瞬间(背景信息,事件触发,角色作出的决定,以及最终的结果或遗留的问题)。

·为你的故事增加情感和情绪。通过添加表情符的方式为故事板强化情绪表达,帮助其他的观看者明白这些角色身上发生的事情和经历的情感情绪。尤其要注意标明痛点和关键点的情绪反应(角色期待发生的事情,以及结果对角色的影响)。尽可能简单直观地勾勒出情感状态。

·将每个步骤填写到故事板框架中。强调特定的时刻,并且思考你的角色在这些时刻的感受。

·清晰的结果。不要让故事板的观看者对故事的结果抱有疑虑。如果角色最终结果并不理想,那么你应该清晰地呈现出实际遭遇的关键问题;如果结果比较不错,那么你应该表明角色从中获得的好处。

结语

故事板对于用户体验很重要,想要做好其实也需要经历一个过程。但是不得不承认,它确实很有效。结合用户研究的数据与结果,你能通过故事板,越来越了解你的目标用户,也能让你的产品设计越来越成熟。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档