在用户体验设计中,我们使用讲习班和访谈等技术来理解用户. 我们把我们的研究变成用户的故事和流程流。 我们用人和线框 和我们的团队分享我们的想法。
但必须记住我们设计的真正对象。 我们要知道他们的生活会怎样 我们必须看看我们的产品如何能够改善他们的生活。 这就是UX故事板能帮助我们的地方。
□ □ □ □ 什么是UX故事板?
UX故事板是一种视觉工具——一种显示用户在产品或服务方面的经验的工具. 设计者在UX设计过程中前进的过程中使用故事板来理解和满足用户的需求. 每个都由绘图或图像的序列组成,这些序列显示了用户与产品的互动. 它们也描绘了用户的情绪和挑战——随着产品的发展,将进行大量的UX研究。
“故事板”一词是指视觉组织者,它显示一个序列的发展,用镜头射击。 故事板包括许多面板——每个面板都有插图或图像。 这些视觉代表个人镜头,每个面板都伴有注释. 他们描述了现场发生的事情和剧本的对话. 华特迪士尼工作室在1930年代开发了故事板技术. 他们用它来构建连贯的故事——故事成为许多人熟知和喜爱的动画电影.
以同样的方式思考UX的故事板. 每个面板代表了用户旅程中的一个步骤,这个工具帮助设计者同情用户. 帮助您创建以用户为中心的设计。 对于任何类型的用户而言,故事板是一种宝贵的资产,可以向数字产品团队、产品所有者和其他向它参考的利益攸关方提供有关用户流动或行动旅程的图片。 以有效的视觉表现方式,每个人都可以保持对所发生事情的大画面和每一部分的高度细节。
例如,一个购物应用程序的故事板可能会显示用户发现了一个产品. 然后它继续显示用户购买并接收产品。 通过这个过程,设计者可能找到可能的疼痛点和改进机会——从而使故事板成为宝贵的设计工具.
任务分析——另一种方法——侧重于观察用户行为。 观察经验动态公司的首席执行官弗兰克·斯皮勒斯(Frank Spillers)更详细地讨论了这一技术.
显示隐藏视频记录
-
转写装入...
-
UX 故事板的元素
互动设计基金会,CC BY-SA 4.0
A UX故事板一般包括三个关键元素:一个特定的情景,视觉和字幕.
-
** 情景**:每个故事板都以明确的情景或用户故事开头。 勾勒出高层的人物 包括对情景的简短、易懂的文字描述。 这一描述设定了场景;此外,它使故事板对团队成员或利益攸关方清晰. 例如,想一想这个情景:"Fitness的爱好者约翰寻找一个方便用户的应用程序来跟踪他日常的锻炼常规".
-
视觉:以视觉和顺序代表情景中的每个步骤。 视觉作品可以是草图,插图,也可以是照片. 根据你的故事板的目的和目标观众选择风格. 这些图像应包括相关的细节——比如用户的环境,语音泡,或者他们互动的用户界面的草图.
-
** 标题**:随附每张带标题的图像。 这些简短的描述涵盖了用户的行动,环境,情感和互动. 自将图像作为主要元素以来,请保持标题简洁。 限制在两个弹点内
这些元素共同组成了UX故事板. 并揭示可能无法轻易看出的东西。
□ □ □ □ 故事板在产品设计中的作用
故事板对产品管理者和设计者有很大帮助. 他们就像漫画书,但是为了不同的目的 一个UX故事板显示用户如何使用一个产品. 这使得人们很容易看到人们如何与应用程序或服务互动. 这个工具还有助于理解用户的动机.
在UX中,故事板映射用户将如何使用某种产品或服务. 显示用户的每个步骤。 他们帮助预测会发生什么。 设计师像迪士尼动画师一样使用它们. 他们帮助讲述用户和产品的故事. 这样,设计师在用户体验中就会发现问题. 他们可以让它变得更好。 更好的用户经验直接提高了用户的满意度和对某一产品的参与度.
故事板也帮助设计者分享他们的想法,它们使得以快速清晰的方式展现思想变得容易. 这有助于团队更好地合作. 产品设计中的故事板将想法转化为真实事物,它们有助于制作专注于用户的设计. 这是一项至关重要的援助,有助于用户获得更好的经验。
□ UX 故事板的好处
UX故事板对设计很有帮助, 让我们看看他们的主要好处。
互动设计基金会,CC BY-SA 4.0
1. 清除通讯
故事板提供了快速清晰的交流想法的方法. 他们使用视觉——我们的大脑比文字处理得更快——而这种品质能确保各小组迅速理解。 也会导致更好的团队合作,
2. 关注用户
故事板以用户为中心——这个点让设计者从用户的角度思考. 故事板也让用户的故事有趣,易于关联. 这帮助每个人更加关心用户在现实中需要什么.
良好的用户故事定义了用户的需求和目标——它们确保开发团队建立真正有利于终端用户的功能.
3⁄4 ̄ ̧漯B 保存时间和金钱
故事板化有助于快速测试想法. 设计师可以绘制一个快速的故事板,看一个想法是否有效. 从这开始,他们可以早发现一个想法是好的还是不好的. 它停止浪费时间和金钱 对于不起作用的想法。
四. 图片大声点
故事板上的图像比文字更能说明问题 它们使得人们更容易理解和记忆更长的时间,特别是如果他们不是设计师的话. 故事板让人觉得与故事更相关联. 它们侧重于真正的问题和情况,在这一过程中增加了同情。
五. 保持创意可见
故事板可以更容易地记住用户的故事和问题. 他们就像一个快速的图片 什么是必要的。 把它们放在所有人都能看到的地方 就能记住这些想法
□ □ □ □ UX 设计中的故事板何时
UX设计中的故事板化在许多阶段都有帮助. 这一部分解释了何时最好地使用故事板.
1. 为思想过程加油
故事板可以帮助设计师提出想法——往往是伟大的想法. 他们让设计者勾画用户如何使用一个特性。 这有助于在设计团队和开发团队开始建设之前了解用户的设置. 创意的故事板开始对话. 它们随着更真实的数据的出现而变化.
2. 指导特性排序和团队对齐
故事板帮助显示用户如何使用应用程序. 这可以揭示很多,并容易看到哪些特征最为重要。 更何况, 例如,一个登录进程的故事板可以显示什么对用户有效,什么让他们失望. 这有助于各小组决定应注重哪些特点。
3⁄4 ̄ ̧漯B 纳入设计生命周期
故事板适合UX和产品设计过程的许多部分. 它们在研究之后和解决问题之前是好的。 故事板将研究数据转化为带有图片的故事. 这有助于找到主要的主题和用户方案。 这样就更容易发现正确的问题和想出解决办法。
获得相关的研究见解是知情决策的基础。 Watch Alan Dix(作者、教授和研究员)讨论了两种研究方法——定性和定性——的区别。
显示隐藏视频记录
- 转写装入...
页:1 如上所述,故事板显示解决办法在思想阶段如何发挥作用。 设计者可以看到不同的想法如何很好地满足用户的需求. 在开始设计和建筑阶段之前,这一点很重要。
在设计阶段,故事板指导决策. 他们把注意力集中在用户需要什么. 当设计团队回顾故事板时,会帮助他们在设计时与用户需求保持一致.
四. 将研究透视转化为视觉故事
故事板可以帮助解释研究和可用性测试的结果, 使用视觉——而不是仅仅用文字——使摘要更加吸引人。 故事板可以包括用户说的话和他们的身体语言,帮助设计者更好地理解用户体验的东西.
五. 增强行程图
故事板在用户或客户行程图中添加细节. 它们显示不同阶段使用产品用户的图像. 用户设备、工作空间和群集设置的图片可以帮助他人感受更多的连通性——这样可以更清楚地了解用户的世界和挑战。
□ 三个 UX 故事板实例
在UX设计中,故事板说明了用户如何与产品互动. 它们突出了用户旅程中的挑战和解决办法。 在这里,我们举出UX故事板的例子.
1. 从 App 下载到满意的用户行程
互动设计基金会,CC BY-SA 4.0
故事板在用户与食品应用程序接触时, 它开始于用户看到一个广告促使他们下载应用程序.
感觉饿了,他们下载了应用程序并下了订单。 当他们等待时,应用程序会显示实时更新. 与此同时,他们带着自己的胃口和期望开车到餐厅。
后订单,应用程序发送调查,用户完成调查. 作为感谢的姿态,该应用程序为他们的收件箱提供电子贴吧. 最终框架也通过微笑的emoji显示用户对食物的满意. 它表明用户经验是成功和有益的。
2. 请用户简单化
互动设计基金会,CC BY-SA 4.0
这个故事板显示了一个明确的路径,可以邀请一个新的用户到一个平台. 它开始在登陆页上。 用户点击共享链接,然后屏幕向左滑动并显示邀请屏幕.
这里的重点是方便和清晰。 邀请屏幕包括一个输入电子邮件地址的字段,没有额外的动画. 这是直截了当的,邀请,完成。
当用户添加并保存电子邮件时,故事板会将它们带入更新的列表. 新用户的名字逐渐淡出,以显示他们已经加入. 这部精细的动画毫无小题大做
然后,用户返回主屏幕. 故事板关闭环路,用户返回登陆页面. 光滑滑回起点.
这个例子显示了一个干净,简单的邀请过程的力量. 创造者用清晰的台阶和最小的分散注意力来保持它变得容易. 它显示一个良好的设计可以帮助用户自信地完成任务而不会被混淆.
3⁄4 ̄ ̧漯B 无力的 App 登机
互动设计基金会,CC BY-SA 4.0
第三个故事板展示了一个用户为移动应用程序登机的旅程. 第一个屏幕欢迎用户使用为在当地寻找免费食物而设计的应用程序. 故事板的简单性能能确保用户知道应用程序的目的.
用户在帐号上签名, 它是一个快速的,两边的形态,没有杂乱无章,没有麻烦。 这种简单化使用户保持接触,不会被这一过程所压倒。
接下来,应用程序要求更多个人细节. 其中包括姓名、地址和电话号码。 这个信息有助于应用包括更个性化的用户旅程.
故事板然后显示正在使用的应用. 用户可以看到他们可用的多种餐厅选项. 他们可以迅速找到合适的餐厅,并安排他们的订单. 这一迅速的成功显示了应用程序注册后的价值. 最后,应用程序用“命令放置”屏幕完成进程。 也显示了订单交付的确切等待时间.
这个例子显示了一个明确、逐步登船过程的有效性。 创造者使每一步都有目的和直截了当。 它们确保用户看到眼前的价值,知道如何深化与应用程序的接触.
□ 您的逐步 UX 指南 故事板设置
有效的UX故事板需要精心规划,正确的数据,以及协作,以直观地描述用户的旅程. 因此,在本节中,我们将走过基本的步骤,创造一个将用户的故事带入生命的故事板。
互动设计基金会,CC BY-SA 4.0
步骤1:界定目标
在你画故事板第一盒之前, 问问你自己吧 你想达到什么目的? 你是在绘制新功能还是探索用户通过你的应用程序的旅程? 你的目标可能从解决特定用户问题到提出新产品构想不等。
设定一个具体且可操作的目标,以最有效地引导您的故事板创建. 这一步骤可以确保你的工作重点和相关性。 需要记录你的目标, 一个精确的目标维持着故事板的方向,并确保你在每个步骤上都采取有目的的行动。
- 步骤2:收集和合成数据
你拥有丰富的数据收集来源——包括用户研究,访谈,可用性测试,以及站点测量. 不过你不需要全部使用 选择最相关的来源, 将有效告知您的故事板 。 进行透彻的用户研究,进行有见地的访谈,进行详细的可用性测试,并分析你的站点测量,以确保你收集的数据是可靠的.
一旦你收集了这些数据, 合成它, 这样你就可以发现核心用户的见解。 这个综合将帮助你理解用户的动机和挣扎,以及他们的成功时刻. 它告诉你用户是做什么的,他们为什么这样做。 你可以用这种方式设计一个与真正的用户体验产生共鸣的故事板.
早点表演这个步骤,为您的故事板奠定了坚实的基础. 它能确保一个扎实的,以用户为中心的地面支持你会讲的故事. 这使整个设计过程都成为可靠的参考。
QQ 步骤3: 选择一个 Fidelity 级别
根据故事板的目的和预期对象确定它的忠诚