顶级设计师使用的10种UX可交付成果

本文概述

• 1.业务目标和技术规格
• 2.竞争分析报告
• 3.角色和用户体验研究报告
• 4.网站地图和信息架构
• 5.体验图, 用户历程和用户流程
• 6. UX线框
• 7.互动原型
• 8.视觉设计
• 9.开发人员样式指南和规格
• 10.可用性测试和使用情况分析报告

听本文的音频版本

UX设计器的工作发生在许多不同的环境中, 从精简的创业公司和敏捷的环境(团队只需要很少的文档工作), 到为第三方或具有严格文档要求的大型企业和政府实体提供咨询服务。无论参与活动或环境的性质如何(以及将一切联系在一起的一件事), UX专业人员都需要有效地将其设计思想, 研究结果和项目背景传达给广泛的受众。

在UX设计过程中, 设计人员将制作各种各样的”工件”和项目可交付成果, 作为其UX设计方法论的一部分。这些可能采取多种形式：可交付成果可帮助UX设计人员与各种涉众和团队进行沟通, 记录工作并为会议和构想会议提供工件。它们还有助于创建”单一事实来源” —指导和规范, 以供实施和参考。

这是用户体验设计师通常在订婚期间制作的10个用户体验交付品。 (此列表绝不是全面的, 可能取决于参与的性质而更长。)

1.业务目标和技术规格

这是一个基本步骤。对于UX专业人员而言, 一切都始于对产品愿景的理解, 即从业务角度出发的产品存在的原因。用简单的措词写的声明应包括要解决的问题, 建议的解决方案以及目标市场的一般描述。它也应该描述交付平台, 并轻触产品交付的技术手段。

它不必超过一页, 但应描述What, Why和How的核心。这是一个示例：” The Fantastic App Co.已发现千禧一代市场(iOS和Android)在移动平台上的送礼应用程序中存在差距。许多千禧一代在记住特殊日期, 确定最佳礼物, 然后找到并购买这些礼物时遇到麻烦。我们的解决方案旨在缓解这种压力。该应用程序采用预期的设计和最新的AI技术, 可提供有用的, 几乎是神奇的用户体验。”

2.竞争分析报告

对于开始设计新产品的任何人, 至关重要的是要确保它与市场契合。至关重要的是, 作为UX策略的一部分, 该产品还必须具有引人注目的竞争优势, 并且其UX必须优于市场上的其他产品。

竞争分析意味着：”确定竞争对手并评估他们的策略, 以确定相对于你自己的产品或服务的优缺点。”

用户体验设计师的首要任务之一是研究目标客户当前正在使用哪些产品或服务来解决该问题。那里有同等的产品或服务吗？人们使用的替代解决方案是否足够好但不够完美？创可贴-维生素而不是止痛药？更好的UX如何发挥作用？

竞争分析报告是用户体验研究的组成部分, 它确定了排名前五位的竞争者, 并检查了他们在做什么方面做对了以及他们做错了什么。此步骤将有助于设定设计方向, 以定义明确的目标并明确说明要关注的元素。

竞争对手名单和竞争对手分析表(Chandan Mishra提供)

3.角色和用户体验研究报告

用户体验设计师需要确保利益相关者了解产品客户的需求。创建角色来封装和传达用户行为模式并进行用户研究是实现这一目标的可靠方法。角色代表产品的典型用户-通过合并他们的目标, 需求和兴趣, 它们可以帮助从事该项目的团队对用户产生同情心。

用户研究也是UX设计过程中不可或缺的组成部分。它涉及一系列用于提取行为模式, 添加上下文并深入了解设计过程的技术。有许多类型的用户研究工具和技术可供使用-都是为了在适当的情况下选择合适的”镜头”。

开始进行用户研究之前, 务必要花时间制定研究计划。这是一份文档, 将有助于交流研究目的和方法以及获得利益相关者的支持。它也是一个很好的工具, 可用于帮助每个人在研究项目中保持正常状态。

在用户研究阶段结束时, 将生成一份报告, 将研究发现转化为可行的项目。然后, UX团队开始围绕这些项目设计产品。

角色(Miklos Philips)

4.网站地图和信息架构

站点地图是数字产品中包含的所有组件和信息的直观组织模型。它代表应用程序或网站内容的组织。与线框一起, 它们是UX可交付成果中最基本的要素之一, 很少在UX设计过程中被忽略。

站点地图有助于规划信息架构, 即组织和标记产品组件的艺术和科学, 以支持导航, 可查找性和可用性。它们还可以帮助你定义分类法和用户界面。

站点地图是方便的参考, 可作为资源, 并根据迭代原型和用户测试随产品的发展进行调整。在设计工作流程中, 经常使用编号系统来使每个人在讨论产品内容时都在同一页上。

代表信息架构的站点地图

5.体验图, 用户历程和用户流程

体验图是一种直观的表示形式, 可以说明用户在产品或服务中的流程-他们的目标, 需求, 花费的时间, 想法, 感觉, 反应, 焦虑, 期望-即他们与产品互动的整体体验。通常在线性时间轴上进行布局, 以显示用户与产品之间的接触点。

用户旅程和用户流程更多地是关于用户采取的一系列步骤, 并说明用户当前的交互方式或可能与产品交互的方式。它们演示了用户可能会执行的行为, 功能和关键任务。通过检查和理解用户可能执行的各种任务的”流程”, 你可以开始考虑要在用户界面中包括哪些种类的内容和功能, 以及用户需要哪种UI来完成这些任务。

UX的大部分内容都是为用户解决问题。在设计用户旅程时, 设计人员需要了解角色, 用户的目标, 动机, 当前的痛点以及他们想要实现的主要任务。

用户旅程和用户流之间有什么区别？将用户流程想象为用户通过你的产品或服务(例如, 在Lyft上预订汽车；用户旅程说明了更大的前景。用户旅程超越了任务, 并着眼于特定的客户互动如何适应更大的环境。

体验图是用户体验设计过程中的一部分(由Miklos Philips制作)

6. UX线框

线框是UX设计方法的主要内容, 是设计框架和界面元素的二维”蓝图”图示, 并显示了去向。它们主要是一种布局工具, 可帮助定义信息体系结构, 内容间距, 功能, 交互设计和预期的用户行为。

线框是UX设计人员的头等大事, 也是项目中最常见的交付物之一。在UX设计师的采访中, “向我展示你的线框”可能比其他任何人都听到的更多。

线框图是UX设计过程中的一个主要阶段, 它是一种经济有效的方法, 可以用来探索想法并生成可满足客户目标的创新概念。它们是快速构思草图之外的好工具, 并且具有许多不同的风格-从低保真度(无样式, 黑白框, 问候文字)到高保真度(样式完整, 颜色非常细腻)。

线框有时被称为工作场所速记中的”电线”, 因为它们非常柔软且生产快捷, 因此可以节省大量的时间和金钱。它们是围绕与利益相关者和团队成员进行对话, 同时确定设计方向的核心。

线框是基础, 因此有助于在结构上定义设计, 以及在不同用例场景下用户流如何通过应用程序或站点工作。线框上有一些有趣的变化, 例如srcmini设计博客上一篇文章中讨论的”线框贴图”和”线流：” NNGroup为工作流和应用提供的UX。

带注释的线框是最常见的UX设计工件之一。

7.互动原型

交互式原型在以用户为中心的设计过程中的另一个主要交付成果, 为产品注入了生命。基本的原型可以节省大量的时间和金钱-它们演示了事情在实际的用例场景中将如何工作, 并允许快速的设计迭代和用户测试。它们还帮助设计师在UX设计过程的不同阶段有效地传达其设计。

原型可以在迭代发现过程中的任何时候发生。从纸制原型到高度修饰的设计, 对产品原型的内部审查使团队中的每个人都可以看到实际用户与之交互时事物将如何工作。

静态草图和线框无法像交互式原型那样使产品栩栩如生。几乎神奇地看到并感觉到了产品将如何运行—一切如何连接。可以探索不同的设计和功能。新的想法可能会出现。可以发现问题点, 并发现尴尬的交互。

交互式原型可帮助用户进行大量测试。潜在的用户无需测试静态页面, 而是可以测试一种100％真实, 可以提供想法并提供有价值的反馈的产品。

如今, 适用于设计人员的原型工具具有各种形状和尺寸。这是21种用于UX设计的交互式原型工具。

用于UX设计探索和可用性测试的交互式原型(由Miklos Philips撰写)

8.视觉设计

视觉设计是产品上的”最终涂料”。但是, 不仅如此：视觉设计会极大地影响产品的用户体验, 因此必须非常谨慎地进行处理。希望在UX设计过程的前几个步骤中设计出许多交互设计和可用性启发法, 以便设计人员可以专注于视觉效果。这是将产品提升到更高水平的最后机会。

视觉设计是移交给开发人员之前的最后一步, 也是制定样式指南和最终规格的阶段。这不仅是”使事情变得漂亮”, 而且是定义或实施品牌色彩方案并通过布局, 对比度和视觉层次影响可用性的机会。

视觉设计是草图, 线框, 交互设计和原型之后的最终UX设计过程步骤(由Miklos Philips撰写)

9.开发人员样式指南和规格

UX设计工作流的最后一步是为开发人员汇总规范和样式指南。如果产品的设计要长期成功, 则必须使用样式指南。

样式指南用于确保在品牌, 视觉样式, 颜色, 字体和版式中一致地实施设计。它还用于设计模式, 语言, 规则(例如键盘快捷键和数据显示规则)以及指定UI行为(例如错误处理)。

某些样式指南和规格是手动组合在一起的, 而另一些则是自动生成的。手动组合样式指南是一个繁琐的过程, 通常需要六个月的时间, 因此任何自动化工具都可以节省时间。

自动化方式取决于所使用的工具。与长期制作的样式指南相比, 它们是一种更灵活, 渐进的移交设计方式。可以将它们更像是书架上的”时尚圣经”, 团队中的每个人都可以参考。

如果你在Sketch中工作, 那么会有Zeplin之类的天赐之物。 Zeplin是面向UI设计人员和前端开发人员的协作工具。它超越了设计工作流程, 可以帮助团队进行设计交接。

此外, 可以通过使用Craft插件的Sketch在几秒钟内生成设计样式指南, 或者通过使用Marketch插件生成HTML文件(如本文所述)从设计中获取度量和CSS。

这里有50个很棒的styleguide示例。另外, BBC的一位和IBM的一位都在线托管了他们的指南, 每个人都可以轻松查看。

开发人员的样式指南和规范UX设计过程的最后一步

10.可用性测试和使用情况分析报告

用户体验设计师的工作从未完成。即使在产品发布之后, 也有机会收集反馈, 收集使用数据, 优化, 发布并重新开始整个周期。

可用性测试将告诉你目标用户是否可以使用你的产品。它有助于识别人们使用特定UI所遇到的问题, 并揭示难以完成的任务和令人困惑的语言。

可用性测试报告通常在原型设计阶段提供, 但是与用户一起测试现有产品以查看有待改进的地方并不稀奇。

了解可用性测试期间收集的数据(收集, 排序和生成报告)已成为UX从业人员越来越常见的任务-实际上, 它已成为UX的一项关键技能。这是一个可用性测试报告模板。

将产品发布后, 另一套数据收集(一种定量方法)将告诉设计团队该产品在大规模用户中的表现。

有无数工具和方法可以捕获用户行为并进行分析。从眼动追踪, 点击追踪和热图(显示点击, 轻击和滚动行为)到UI元素标记, 可跟踪移动和Web设备上每个用户的数字足迹。

Analytics(分析)报告显示客户使用哪些功能, 他们在你的移动应用程序或网站上花费了多少时间, 随着时间推移的趋势-并汇总了地理位置, 客户, 用户和自定义细分的结果。它们提供了有关功能使用方式和用途的全面了解。

分析公司通常会根据需要自动生成定制的报告。这些报告非常有用, 可以为你的产品使用情况提供令人惊讶的见解。你以为会赢得所有客户的惊人功能可能几乎从未使用过。另一方面, UI中的一个很小的微不足道的功能可能会得到广泛使用, 你可能会决定是时候专注于扩展该特定功能了。

可用性测试报告

UX设计师的任务是使公司能够基于对人类行为, 目标和动机的深刻理解来制造产品和服务。上面的10个UX可交付成果是UX设计师最常用的一些产品, 因为它们是”设计思维”和以用户为中心的设计过程的一部分, 可以为用户提供出色的体验。

• • •

在srcmini设计博客上进一步阅读：

• 电子商务UX –最佳做法概述(带有信息图)
• 以人为本的设计在产品设计中的重要性
• 最佳UX设计器产品组合–启发性的案例研究和示例
• 移动接口的启发式原理
• 预期设计：如何创建神奇的用户体验