菜单

故事板帮助可视化用户体验的想法

通过 雷切尔克劳斯2018年7月15日

摘要:用户体验故事的视觉表现引起了人们的注意,提供了清晰度,并激励我们采取行动。


讲故事在我们作为UX专业人员的工作中发挥着重要作用故事吸引注意力,提供清晰度,并激励团队和利益相关者采取行动有许多方法可以向我们的团队和利益相关者直观地传达故事 -UX故事,故事板,旅程地图,和移情地图举几个例子在本文中,我们将重点放在故事板上。

什么是故事板?

您可能已经熟悉电影,动画或漫画书中的故事板概念虽然不同行业的保真度水平不同,故事板总是通过图像传达故事。

定义:A故事板传达一个故事通过图像显示在一系列面板,按时间顺序地图故事的主要事件。

基本故事板
故事板不必复杂或高保真简单的视觉效果和基本但具体的场景将让您的团队和利益相关者难以忘怀。

在UX领域,我们使用故事板为我们的团队和利益相关者提供额外的背景使用图像使故事乍看之下易于理解,易于记忆。

故事板的组成部分

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

故事板模板
Not sure where to start? Here's a storyboard template (PDF version)。

1脚本

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

2视觉效果

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

3标题

每个视觉都有相应的标题标题描述了用户的动作,环境,情绪状态,设备等由于图像是故事板中的主要内容,因此标题简洁,通常不超过两个要点。

故事板与旅程地图

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

相反,故事板通常(但不总是)是非正式的,并以易于理解的方式以图形方式说明一系列步骤他们主要关注的是图像,而不太重视随附的文本虽然字幕对于工件很重要,但它们并没有给读者提供与旅程地图一样多的上下文。

故事板通常用于描述用户旅程的一个片段(可能需要其中几个来捕获旅程中的不同分支)它们是为处理特定问题的所有团队成员建立背景和共同基础的有效方式与旅程地图相比,旅程地图通常是跨部门使用的大图片,广泛使用的组织工具,故事板通常(但不总是)是一个面向细节的,狭隘的工具,主要面向同一团队的成员。

为何使用故事板?

在整个UX过程中,故事板可以以多种不同的方式使用:

研究和可用性测试

如果您的团队或利益相关者不参与可用性测试,则故事板可以传达您的参与者与应用程序或站点的交互方式在文本中总结可用性测试仍然有用,但视觉效果可以使您的故事易于浏览和记忆。

故事板创建的实际可用性测试可以包含引用您的用户,随着图像或笔记告诉展出的肢体语言。

增加旅行地图

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

旅程地图故事板
与故事板耦合旅行地图(上)(下)可以提供洞察你的故事。

优先排序和共同点

可视化用户与您的应用程序交互的方式可以使您更容易理解和记住用户完成场景所需的功能,因此,重点关注这些知识将由整个团队共享,并最终将引发有关该团队的富有成效的对话优先级你的努力。

例如,改进登录流程的团队(按钮,自动填充和/或进度条)可以使用故事板作为过程中现有障碍的摘要和提醒If the images in the storyboard show that the user was frustrated when clicking the login button, but had no issues entering information manually, the team should prioritize the progression bar over the autofill feature(当然,故事板只有在假设它真实地反映了用户的行为并且创建者没有选择将哪些行为包含在图形表示中时才有助于做出这些决策。)

作为一个团队讨论故事板图像将有助于根据对用户及其背景的共同理解来决定关注哪些改进这种共享的知识表示可以在整个项目中一致地引用使用login-flow示例,团队现在知道用户在与按钮交互时更喜欢清晰的系统反馈,并且可以参考此示例以获取未来功能的manbetx官方网站手机版。

思维

故事板可以是一种形式意念您可以概述用户如何使用功能,如果它有助于可视化潜在体验,或者您希望在开始开发之前更好地了解用户的环境构思故事板应该用作对话手段而不是持久的工件或优先级工具,因为一旦使用真实数据,您的场景很可能会发生变化。

过程:如何创建故事板

创建故事板可能感觉像是一项艰巨的任务但是,请记住它们作为低保真神器最有价值,并且不需要花费很长时间来创建。

有效的故事板跟随6个关键的高级步骤:

1收集您的数据

首先,确定将在故事板中使用哪些数据 - 用户访谈,可用性测试或站点指标。

故事板可以做一个不真实的数据,如果你还没有收集的数据或者你想使用故事板作为一种意念。

2选择你的保真度

请记住您的工件的目标和受众。

在头脑风暴会议期间,使用草图快速绘制序列或将场景传达给您的团队在这样的构思会议中,您甚至可以创建故事板与便利贴合作,以获得每个团队成员的观点首先讨论用户将采用的时间表和步骤你们讨论,得出每一步在便条上,把写在白板上或者墙上你可以manbetx官方网站手机版吃一个人画或多个人们可以画,只要讨论作为一个群体正在发生Focus on a single step at a time to keep the discussion global and avoid splitting the group into multiple subgroups with different conversations that must be then consolidated在此过程中让多个团队成员在场,将提出一个角色不一定会想到的想法例如,营销或以业务为重点的团队成员可以贡献一个步骤(例如,营销电子邮件或优惠券的触发器),团队的其他成员没有在雷达上此方法还使您可以通过重新排列便签来灵活地更改事件序列(特别是如果您仍在调整故事时间轴),而无需重绘整个故事板目标是形成共同的理解,而不是精致,精致的工件。

Post-It故事板
Creating a storyboard on sticky notes allows you to be collaborative and rearrange the sequence as you discover new information.

如果您已录制可用性测试并正在创建故事板以提取信息,请使用照片或视频静止图像这些类型的视觉效果可以最大化您的时间(无需草图),同时为您的故事板添加真实性。

使用Adobe,Sketch或Powerpoint等程序创建的详细插图,向客户提供故事板或作为manbetx官方网站手机版可交付

请记住:故事板旨在讲述一个故事不要花太多的时间隐藏了视觉效果,除非你不得不。

3定义基础知识

定义角色以及所代表的场景或用户故事该方案应该是特定的,并且应该对应于单个用户路径,以便您的故事板不会分成多个方向对于复杂的多路径方案,维护一对一规则 - 用户每路径一个故事板您最终会得到几个故事板,每个故事板都概述了不同的用户路径(这不是一个流程图,它是一个故事情节。)

4计划出步骤

首先写出步骤并用箭头连接它们,然后再直接进入故事板模板接下来,情绪状态作为一个图标添加到每个步骤,如所示此技术将帮助您开始可视化每个可视框架将包含的内容。

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

五创建视觉效果并添加标题

当你可以使用先进的插图技巧来创建一个美丽的漫画书质量的故事板,它们不是有效的故事板的先决条件It’s okay to use stick figures or basic sketches of what you’re trying to convey.

在视觉效果下方添加标题作为项目符号点,以描述乍看之下无法理解的其他上下文。

您的故事板应采用易于修改的格式,以便您可以根据需要在进一步的迭代中进行更改(这是低保真草图或便签的另一个优点。)

While you’re not aiming at publication-quality comic-book art, there are so many similarities between storyboards and comic strips that you can get many ideas for visual storytelling and the visualization of emotions, situations, and actions from Scott McCloud’s classic book理解漫画

6分发和迭代

将您的故事板分发给您的受众,无论是您的内部团队还是项目的利益相关者,并要求您提供反馈如果有必要,遍历这些措施改善工件。

结论

顾名思义,故事板可以帮助我们讲述有关用户的故事基于实际数据并结合其他UX活动,他们可以:

  • 把重点放在我们的内部偏见上并帮助我们同情与我们的用户
  • 帮助客户和利益相关者记住特定用户场景
  • 帮助我们了解驱动用户行为的因素

在我们的全日课程中学习和练习故事板用设计思维生成大创意

附件