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

收听本文的音频版本

用户体验设计师的工作发生在许多不同的环境中——从团队使用少量文档的精益创业和敏捷环境，到为第三方提供咨询服务，或对文档有严格要求的大型企业和政府实体。 无论参与或环境的性质如何（以及将这一切联系在一起的一件事），用户体验专业人士都需要将他们的设计理念、研究结果和项目背景有效地传达给一系列受众。

在 UX 设计过程中，设计师将制作各种各样的“工件”和项目可交付成果，作为其 UX 设计方法的一部分。 这些可能有多种形式：可交付成果帮助 UX 设计师与各种利益相关者和团队进行沟通，记录工作，并为会议和构思会议提供工件。 它们还有助于创建“单一事实来源”——用于实施和参考的指南和规范。

以下是 UX 设计师通常在参与期间产生的 10 个 UX 可交付成果。 （此列表绝不是全面的，可能会更长，具体取决于参与的性质。）

1. 业务目标和技术规范

这是一个基本步骤。 对于 UX 专业人士来说，这一切都始于对产品愿景的理解，即从业务角度来看产品存在的原因。 简而言之，该声明应包括正在解决的问题、建议的解决方案以及对目标市场的一般描述。 它还应描述交付平台，并轻描淡写地提及交付产品的技术手段。

它不需要超过一页，但应该描述什么、为什么和如何的核心。 举个例子：“The Fantastic App Co. 发现千禧一代市场（iOS 和 Android）移动平台上的送礼应用存在差距。 大量千禧一代难以记住特殊日期、识别最佳礼物以及寻找和购买这些礼物。 我们的解决方案旨在减轻这种压力。 该应用程序采用预期设计和最新的人工智能技术，提供有用且几乎神奇的用户体验。”

2. 竞争分析报告

对于任何开始设计新产品的人来说，确保它适合市场是至关重要的。 至关重要的是，作为用户体验战略的一部分，产品还必须具有引人注目的竞争优势和优于市场上其他产品的用户体验。

竞争分析意味着：“识别您的竞争对手并评估他们的策略，以确定他们相对于您自己的产品或服务的优势和劣势。”

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

作为用户体验研究的一个组成部分，竞争分析报告确定了前五名竞争对手，并检查了他们在哪些方面做得对，以及他们做错了什么。 此步骤将有助于设定设计方向，其中定义了明确的目标并阐明了要关注的元素。

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

用户体验设计师需要确保利益相关者了解产品客户的需求。 创建角色以封装和传达用户行为模式并进行用户研究是经过验证的方法。 人物角色代表了产品的典型用户——通过结合他们的目标、需求和兴趣，他们帮助从事项目的团队对用户产生同理心。

用户研究也是用户体验设计过程中不可或缺的组成部分。 它涉及一系列用于提取行为模式、添加上下文和深入了解设计过程的技术。 有许多类型的用户研究工具和技术可供使用——关键在于为正确的情况选择正确的“镜头”。

在开始用户研究之前，花时间制定研究计划很重要。 这是一份有助于交流研究目标和方法以及获得利益相关者支持的文件。 它也是一个很好的工具，可用于帮助每个人在研究项目期间保持进度。

在用户研究阶段结束时，会生成一份报告，将研究结果转化为可操作的项目。 然后，UX 团队将围绕这些项目设计产品。

4. 站点地图和信息架构

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

站点地图有助于布置信息架构——组织和标记产品组件的艺术和科学——以支持导航、可查找性和可用性； 它们还可以帮助您定义分类和用户界面。

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

5. 体验地图、用户旅程和用户流程

体验图是一种可视化表示，它说明了用户在产品或服务中的流程——他们的目标、需求、花费的时间、想法、感受、反应、焦虑、期望——即他们与产品交互过程中的整体体验。 它通常布置在线性时间线上，显示用户和产品之间的接触点。

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

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

用户旅程和用户流有什么区别？ 将用户流程视为用户通过您的产品或服务完成一项任务或目标，例如在 Lyft 上预订汽车； 用户旅程说明了更大的图景。 用户旅程超越了任务，并着眼于特定的客户交互如何适应更大的环境。

6. UX线框

作为 UX 设计方法的主要内容，线框是设计框架和界面元素的二维“蓝图”插图，并显示了哪里去哪里。 它们主要是一种布局工具，有助于定义信息架构、内容间距、功能、交互设计和预期的用户行为。

线框是 UX 设计师的生计，也是项目中最常见的可交付成果之一。 在 UX 设计师的面试中，“给我看看你的线框图”可能比其他任何事情都更常见。

作为 UX 设计过程的一个主要阶段，线框图是探索想法和产生满足客户目标的创新概念的一种经济高效的方式。 它们是超越草图快速构思的好工具，并且它们有许多不同的风格——从低保真（无样式、黑白框、希腊文本）到高保真（完全样式、颜色、非常详细）。

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

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

7. 交互式原型

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

原型设计可以在通过迭代发现的过程中的任何时候发生。 从纸质原型到高度精美的设计，对产品原型的内部审查让团队中的每个人都可以看到当实际用户与之交互时事情会如何工作。

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

交互式原型极大地帮助用户测试。 潜在用户无需引导人们浏览静态页面，而是可以测试感觉 100% 真实的产品，提供想法并提供有价值的反馈。

如今，设计师的原型制作工具有各种形状和大小。 这里有 21 个用于 UX 设计的交互式原型工具。

8. 视觉设计

视觉设计是产品的“最后一层油漆”。 然而，不仅如此：视觉设计会极大地影响产品的用户体验，因此必须非常小心地处理。 希望在 UX 设计过程的先前步骤中制定了许多交互设计和可用性启发式方法，以便设计师可以专注于视觉效果。 这是将产品提升到新水平的最后机会。

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

9. 开发人员的风格指南和规范

UX 设计工作流程的最后一步是为开发人员整理规范和样式指南。 如果产品的设计要长期成功，风格指南是必须的。

风格指南是为了确保设计在品牌、视觉风格、颜色、字体和排版方面得到一致实施。 它还用于设计模式、语言、规则（例如键盘快捷键和数据显示规则）以及指定 UI 行为（例如错误处理）。

一些样式指南和规范是手动组合的，而另一些则是自动生成的。 手动编写样式指南是一个乏味的过程，通常需要六个月的时间，因此任何自动化工具都可以节省时间。

自动化方式因使用的工具而异。 与长期制作的样式指南相比，它们是一种更敏捷、更渐进的方式来传递设计。 它们可以被认为更像是书架上的“风格圣经”，团队中的每个人都可以参考。

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

此外，可以在几秒钟内使用 Craft 插件从 Sketch 生成设计风格指南，或者通过使用 Marketch 插件生成 HTML 文件从设计中获取测量值和 CSS，如本文所述。

这里有 50 个很棒的风格指南示例。 还有一个来自 BBC 和一个来自 IBM，两者都在网上托管他们的指南，这样每个人都可以轻松查看它。

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

用户体验设计师的工作永远不会完成。 即使在产品发布之后，也有机会收集反馈、收集使用数据、改进、发布并重新开始循环。

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

可用性测试报告通常在原型设计阶段交付，但与用户一起测试现有产品以查看可能改进的地方并不罕见。

了解可用性测试期间收集的数据——收集、分类和生成报告，正在成为 UX 从业者中越来越普遍的任务——事实上，它正在成为一项关键的 UX 技能。 这是一个可用性测试报告模板。

产品发布后，另一组数据收集（一种定量方法）将告诉设计团队产品在大规模用户中的表现。

有无数的工具和方法可以捕获用户行为并对其进行分析。 从眼球追踪到点击追踪和热图（显示点击、点击和滚动行为），再到 UI 元素标记，追踪每个用户在移动设备和 Web 设备上的数字足迹。

分析报告显示客户使用了哪些功能、他们在您的移动应用程序或网站上花费了多少时间、随时间变化的趋势，并且它们汇总了跨地域、帐户、用户和自定义细分的结果。 它们提供了对功能如何使用以及由谁使用的完整可见性。

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

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

• • •

进一步阅读 Toptal 设计博客：

• 电子商务用户体验——最佳实践概述（附信息图）
• 以人为本的设计在产品设计中的重要性
• 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
• 移动界面的启发式原则
• 预期设计：如何创造神奇的用户体验