菜单 关闭

故事板有助于可视化用户体验想法万博官网manbetx下载

通过 瑞秋·克劳斯7月15日,二千零一十八

总结:用户体验故事的视觉表现吸引了人们的注意力,万博官网manbetx下载提供清晰的信息,激励我们采取行动。


作为用户体验专业人员,讲故事在我们的工作中扮演着重要角色。万博官网manbetx下载故事引人注意,提供清晰,激励团队和利益相关者采取行动。有很多方法可以直观地将故事传达给我们的团队和利益相关者-万博官网manbetx下载用户体验故事,故事板,,旅行地图,和移情映射举几个例子。在本文中,我们主要关注故事板。

什么是故事板??

你可能已经熟悉电影故事板的概念,动画,或者漫画书。虽然不同行业的忠诚度不同,故事板总是通过图像传达故事。

定义:A故事板通过按时间顺序映射故事主要事件的面板序列中显示的图像来传达故事。

基本故事板
故事板不必复杂或高保真。简单的视觉效果和基本的,但是,对于您的团队和利益相关者来说,特定的场景将是令人难忘的。

在UX的世界里,万博官网manbetx下载我们使用故事板为我们的团队和利益相关者提供额外的上下文。使用图像可以使故事一眼就能很快理解,并且易于记忆。

故事板的组成部分

总有3个常见的故事板元素,无论形式如何:一个特定的场景,视觉效果,以及相应的标题。

情节提要模板
不确定从哪里开始?这是一个故事板模板(PDF版本)。

1.脚本

故事板基于场景或用户故事。这个个人或者在故事板的顶部清楚地指定了与该场景对应的角色。还包括场景的简短文本描述。场景或故事的描述足够清楚,团队成员或利益相关者可以在查看视觉效果之前了解所描述的内容。例如:公司买家,詹姆斯,需要补充办公用品。

2。视觉效果

场景中的每个步骤都是按顺序直观地表示的。步骤可以是草图,插图,或者照片。根据故事板的目的和观众,这些图像可以很快,低保真图纸或精心制作,高保真文物。图片包括与故事相关的细节,比如用户环境的样子,用户引用的语音气泡,或者用户正在与之交互的屏幕的草图。

三。标题

每个视频都有相应的标题。标题描述了用户的操作,环境,情绪状态,装置,等等。因为图像是故事板的主要内容,标题简洁,通常不超过两个要点。

故事板VS旅行地图

旅行地图是客户为实现目标而经历的过程的可视化。它相当复杂,并且通常包含关于旅程不同步骤的大量文本信息-不仅包括用户的操作,思想,和情感,但也可以从过程的不同阶段中获得见解。它通常提供经验的概述,并用作确定特定痛点或促进组织中不同部门之间的协作和责任的工具。

相反,,故事板通常(但并非总是)非正式的,并以图形方式说明一系列步骤,以易于理解的方式。他们的主要焦点是图像,对所附文本的强调较少。虽然标题对工件很重要,它们给读者的上下文不如旅行地图多。

故事板通常用来描述用户旅程的一个片段(可能需要其中的几个来捕获旅程中的不同分支)。它们是为所有处理特定问题的团队成员建立上下文和共同基础的有效方法。与旅行地图相比,这往往是一个大局,广泛使用跨部门的组织工具,故事板通常(但不总是)以细节为导向,主要针对同一团队成员的窄用途工具。

为什么要使用故事板??

故事板可以在整个UX过程中以许多不同的方式使用:万博官网manbetx下载

研究与可用性测试

如果您的团队或利益相关者不参与可用性测试,故事板可以传达参与者如何与应用程序或站点交互。用文本总结可用性测试仍然有用,但是视觉效果可以让你的故事更容易被浏览和记忆。

从可用性测试创建的故事板可以包含来自用户的实际报价,以及展示的任何肢体语言的图像或笔记。

增加行程图

故事板可以通过在与产品交互的各个阶段添加用户上下文的图像来丰富行程图。可视化用户的设备,办公空间,组设置可以帮助您的团队和利益相关者对您的用户情况产生共鸣。

旅行地图故事板
将旅行地图(顶部)与故事板(底部)结合起来可以提供对您的故事的洞察。

优先次序和共同点

可视化用户将如何与您的应用程序交互可以使您更容易理解和记住哪些功能是您的用户完成场景所必需的,以及因此,重点是。这些知识将由整个团队共享,并最终导致有关优先你的努力。

例如,改进登录流程的团队(按钮,自动填充,和/或进度条)可以使用故事板作为过程中现有障碍的摘要和提醒。如果故事板中的图像显示用户在单击登录按钮时感到沮丧,但是手动输入信息没有问题,团队应该优先考虑进度条而不是自动填充功能。(当然,故事板有助于做出这些类型的决定,前提是它真正反映了用户的行为,并且创建者没有选择和选择这些行为中的哪一个包含在图形表示中。)

作为一个团队讨论故事板图像将有助于决定关注哪些改进,基于对用户及其上下文的共享理解。这种知识的共享表示可以在整个项目中一致地引用。使用登录流示例,团队现在知道,当用户使用按钮进行交互时,他们更喜欢清晰的系统反馈,并且可以参考这个例子来设计未来的特性。manbetx官方网站手机版

设想

故事板可以是思维能力.如果某个功能有助于可视化潜在体验,或者您希望在开始开发之前更好地了解用户的环境,那么您可以勾画出一个用户如何使用该功能的想法。构思故事板应该作为一种交谈的方式,而不是一个持久的人工制品或优先化工具,因为一旦您使用真实数据,您的场景很可能会发生变化。

过程:如何创建故事板

创建一个故事板感觉像是一项艰巨的任务。然而,记住,它们是最有价值的低保真人工制品,不需要花很长时间来创建。

有效的故事板遵循6个关键的高级步骤:

1.收集你的数据

第一,确定哪些数据将用于故事板-用户访谈,可用性测试,或站点度量。

如果你还没有收集数据,或者你想把故事板作为一种构思的形式,那么你可以在没有真实数据的情况下制作故事板。

2。选择你的忠诚等级

记住你的作品的目标和观众。

在头脑风暴会议期间,使用草图快速绘制序列或将场景传达给团队。在这种设想会议上,你甚至可以创建故事板与便签协作,了解每个团队成员的观点。首先讨论时间线和用户将要采取的步骤。正如你所讨论的,把每一步都画在一张便签上,然后放在白板或墙上。你可以指定一个人manbetx官方网站手机版画画,也可以指定多个人画画,只要讨论是集体进行的。一次只关注一个步骤,以保持讨论的全局性,并避免将小组分成多个小组,其中包含必须合并的不同对话。在这个过程中,有多个团队成员在场将产生一个单一角色不必考虑的想法。例如,市场营销或以业务为中心的团队成员可能会贡献一个步骤(例如,触发市场营销电子邮件或优惠券,比如说,其他的团队并没有出现在雷达上。这种方法还使您能够灵活地通过重新排列便笺(尤其是如果您仍在调整故事时间表)来更改事件顺序,而无需重新绘制整个故事板。目标是形成一个共同的理解,不是抛光的,精致的艺术品。

发布故事板
在便签上创建故事板允许您进行协作,并在发现新信息时重新排列序列。

如果你已经记录了可用性测试,并且正在创建一个故事板来提取信息,使用照片或视频静像。这些类型的视觉效果最大限度地延长了您的时间(不需要草图)。为故事板添加真实性时。

使用由Adobe等程序创建的详细插图,草图,或PowerPoint将故事板呈现给客户或作为manbetx官方网站手机版设计交付成果.

记住:故事板是用来讲故事的。不要花太多的时间来修饰视觉效果,除非你必须这样做。

三。定义基础知识

定义角色和表示的场景或用户故事。场景应该是特定的,并且应该对应于单个用户路径,这样你的故事板就不会分成多个方向。对于复杂的,多路径方案,保持一个1对1的规则-每个用户走的路径一个故事板。你最终会得到几个故事板,每个概述不同的用户路径。(这不是流程图,这是一个故事情节。)

第四章。计划步骤

在直接进入故事板模板之前,先写出步骤并用箭头连接它们。下一步,将情感状态作为图标添加到每个步骤中,如下图所示。这项技术将帮助您开始可视化每个视觉框架将包括什么。

手写步骤
如果创造视觉效果令人望而生畏,首先写出步骤,并确定每个步骤的用户情绪状态。

5。创建视觉效果并添加标题

而你可以利用先进的插图技巧,创造出一个漂亮的漫画书质量的故事板,它们不是有效故事板的先决条件。你可以用你想要表达的图形或素描。

在图像下方添加标题作为要点,以描述第一眼看不懂的附加上下文。

你的故事板应该是一个易于修改的格式,以便在必要时在进一步的迭代中进行更改。(这是低保真草图或便签的另一个优点。)

虽然你的目标不是出版质量高的漫画书艺术,故事板和漫画之间有如此多的相似之处,你可以从中获得许多关于视觉故事讲述和情感可视化的想法,情况,和斯科特·麦克劳德经典著作中的动作理解漫画.

6。分发和迭代

将故事板分发给观众,无论是你的内部团队还是项目的利益相关者,都需要反馈。如有必要,重复这些步骤以改进工件。

结论

顾名思义,故事板帮助我们讲述用户的故事。当基于真实数据并结合其他用户体验活动时,万博官网manbetx下载他们可以:

  • 把注意力从我们内心的偏见上移开,帮助我们移情与我们的用户
  • 帮助客户和利益相关者记住特定的用户场景
  • 帮助我们了解用户行为的驱动因素

在我们的全天课程中学习和练习故事板用设计思维产生大创意manbetx官方网站手机版.

附件