作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
米克罗斯飞利浦的头像

米克罗斯飞利浦

Miklos是一位设计领导者, 作者, 在设计领域拥有超过18年经验的演讲者.

以前在

金融时报》
分享

听听这篇文章的音频版本

用户体验设计师的工作发生在许多不同的环境中——从精益创业到敏捷环境,在敏捷环境中,团队工作几乎没有文档, 为第三方提供咨询服务, 或有严格文件要求的大型企业和政府实体. 不管粘性或环境的性质(以及将它们联系在一起的东西), 是否需要UX专业人员有效地传达他们的设计理念, 将研究成果和项目背景介绍给一系列受众.

用户体验设计流程 设计师会产生各种各样的“工件”和项目可交付成果,作为他们UX设计方法的一部分. 这些可能有多种形式:产品设计交付帮助用户体验设计师与各种利益相关者和团队进行沟通, 文档工作, 并为会议和构思会议提供工件. 它们还有助于创建“事实的单一来源”——用于实施和参考的指南和规范.

以下是10个UX交付成果 a 用户体验设计师 通常在订婚期间产生. (这个UX设计交付清单绝不是全面的,可能会更长,这取决于参与的性质.)

1. 业务目标和技术规范

这是一个基本的步骤. 对于UX专业人员来说,这一切都始于对产品愿景的理解.e. 从商业的角度来看产品存在的原因. 用简单的术语写出来, 声明应该包括要解决的问题, 建议的解决方案, 以及对目标市场的总体描述. 它还应该描述交付平台,并轻微涉及产品交付的技术手段.

它不需要超过一页,但应该描述的核心是什么,为什么和如何. 这里有一个例子:“The Fantastic App Co .. 发现了千禧一代市场(iOS和Android)移动平台上送礼应用的缺口。. 很多千禧一代都记不住特别的日子, 确定最好的礼物, 然后寻找并购买这些礼物. 我们的解决方案旨在减轻这种压力. 用人 预期设计 和最新的人工智能技术的应用程序提供了一个有用的,几乎神奇的用户体验.”

业务目标定义和技术规范是用户体验设计过程的一部分

2. 竞争分析报告

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

竞争分析 意思是:“确定你的 竞争对手 评估他们的策略来决定他们的 的优势弱点 相对于你的 自己的产品 or 服务.”

用户体验设计师的首要任务之一是研究目标客户目前正在使用什么产品或服务来解决问题. 有没有类似的产品或服务? 人们正在使用的替代解决方案是否足够好,但并不完美? 创可贴——一种维生素,但不是止痛药? 更好的用户体验如何产生影响?

竞争分析报告是一份用户体验研究报告,它确定了五大竞争对手,并检查了他们做得对的地方, 以及他们做错了什么. 这一步骤将有助于确定设计方向,明确目标,并阐明需要关注的元素.

站点地图和信息架构是用户体验设计过程的一部分

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

用户体验设计师需要确保利益相关者理解产品客户的需求. 创建角色 封装和交流用户行为模式以及进行用户研究是行之有效的方法. 人物角色通过结合他们的目标来代表产品的典型用户, 需要和兴趣, 它们帮助项目团队培养对用户的同理心.

用户研究也是用户体验设计过程中不可或缺的组成部分. 它涉及一系列用于提取行为模式的技术, 添加背景并深入了解设计过程. 有许多类型的用户研究工具和技术可用——这都是关于为正确的情况选择正确的“镜头”.

在开始用户研究之前,花点时间开发一个 研究计划. 这份文件将有助于传达研究目标和方法,并获得利益相关者的支持. 它也是一个很好的工具,可以用来帮助每个人在研究项目中保持正轨.

在用户研究阶段结束时,将生成一份报告,将研究结果转化为可操作的项目. 然后,用户体验团队将围绕这些内容设计产品.

人物角色是用户体验设计过程的一部分

4. 站点地图和信息架构

站点地图是数字产品中包含的所有组件和信息的可视化组织模型. 它代表了应用程序或网站内容的组织. 还有线框图, 它们是最基本的UX交付物之一,在UX设计过程中很少被忽略.

站点地图有助于布局信息架构——组织和标记产品组件的艺术和科学——以支持导航, 可寻性 和 usability; 的y also help you define 的 taxonomy 和 user interface.

站点地图是一种方便的参考资源,可以根据迭代原型和用户测试来调整产品的发展. 在设计流程中, 在讨论产品内容时,通常采用编号系统来保持每个人都在同一页面上.

站点地图和信息架构,组件的UX设计过程

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

体验图是一种可视化的表示,它说明了用户在产品或服务(他们的目标)中的流程, 需要, 时间, 的想法, 感情。, 反应, 焦虑, expectations-i.e. 他们与产品互动的整体体验. 它通常以线性时间轴的形式展示用户和产品之间的接触点.

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

用户体验在很大程度上是为用户解决问题. 在制作用户旅程时, 设计师需要理解角色, 用户的目标, 动机, 当前的痛点和他们想要完成的主要任务.

a 用户的旅程用户流量? 想一个 用户流量 当用户通过您的产品或服务完成一个任务或目标时,e.g. booking a car on Lyft; a 用户的旅程 说明了更大的图景. 用户旅程超越了任务, 并着眼于一个特定的客户互动如何适应更大的背景.

体验地图是用户体验交付物,也是用户体验设计过程的一部分

6. 用户体验线框图

UX设计方法论的主要内容, 线框图是设计框架和界面元素的二维“蓝图”插图, 并显示出它们的位置. 主要是一个布局工具, 它们帮助定义信息体系结构, 内容间距, 功能, 的 交互设计 以及预期的用户行为.

线框图是设计师的面包和黄油,也是项目中最常见的UX设计成果之一. “给我看看你的线框图”可能是会议中最常听到的一句话 用户体验设计师的面试.

UX设计过程中的一个主要阶段, 线框图是一种具有成本效益的方法,可以探索想法并产生满足客户目标的创新概念. 它们是快速构思草图之外的伟大工具, 它们有很多不同的口味——从低保真度(没有款式), 黑白盒子, 希腊文本)到高保真度(完全样式, color, 非常详细的).

招聘美国全职自由用户体验设计师

有时在工作场所速记中被称为“电线”, 线框图可以节省大量的时间和金钱,因为它们是如此柔韧和快速生产. 在确定设计方向时,它们是与涉众和团队成员进行对话的核心.

线框图是基础, 因此,在帮助定义设计结构方面是很有帮助的, 以及用户流在不同用例场景下如何通过应用程序或网站工作. 线框图有一些有趣的变化,比如“线框图”。 在Toptal 设计 博客的前一篇文章中讨论过 和“wireflows工作流和应用程序的用户体验交付 NNGroup.

线框图是用户体验设计的产物,也是最常见的用户体验交付物

7. 交互原型

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

原型可以发生在通过迭代的发现过程中的任何时刻. 从纸上原型到高度抛光 设计, 对产品原型的内部审查可以让团队中的每个人都看到实际用户与产品交互时的工作原理.

交互原型是精益UX和敏捷设计过程的一部分

静态草图和线框图不能像交互式原型那样给产品带来生机. 几乎神奇的是,我们可以看到和感受到产品将如何表现——所有东西是如何连接的. Different 设计 和 features can be explored; new ideas may emerge. 可以发现问题点,发现尴尬的互动.

交互原型极大地帮助了用户测试. 而不是让人们浏览静态页面, 潜在用户可以测试感觉100%真实的产品, 提供想法并给出有价值的反馈.

如今,设计师的原型设计工具有各种各样的形状和大小. 以下是21种交互原型工具 用户体验设计.

交互原型是用户体验交付的一部分,也是用户体验设计过程的一部分

8. 视觉设计

视觉设计 产品上是否有“最后一层油漆”. 然而, 不仅如此:视觉设计可以极大地影响产品的用户体验, 因此必须非常小心地处理. 希望是很多 交互设计可用性启发式 是在用户体验设计过程的前几个步骤中制定出来的,以便设计师可以专注于视觉效果. 这是让产品更上一层楼的最后机会.

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

视觉设计是用户体验交付的一部分,也是用户体验设计过程的一部分

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

UX设计工作流程的最后一步是为开发人员提供规范和样式指南. 如果一个产品的设计想要长期成功,风格指南是必不可少的.

风格指南是为了确保设计在整个品牌中得到一致的实施, 视觉风格, 颜色, 字体和排版. 它也用于设计模式, 语言, 规则(如键盘快捷键和数据显示规则), 并指定UI行为(如错误处理).

一些样式指南和规范是手工放在一起的, 其他的是自动生成的. 手工制作样式指南是一个繁琐的过程,通常需要六个月的时间, 因此,任何自动化工具都是受欢迎的省时工具.

自动化的方法取决于所使用的工具. 它们是一种更敏捷、更渐进的设计交接方式. 风格指南经过很长时间的精心制作. 它们更像是搁在架子上的“风格圣经”,团队中的每个人都可以参考.

如果你在Sketch中工作,会有诸如 赞贝林. 赞贝林是一个面向UI设计人员和前端开发人员的协作工具. 它超越了设计工作流程,并帮助团队完成设计交接.

此外,设计风格指南可以在几秒钟内从Sketch中生成 手工插件, 通过使用Marketch插件生成HTML文件,从设计中获取测量值和CSS 这篇文章.

这里有 50个很棒的风格指南例子. 还有一个来自 英国广播公司,还有一个来自 IBM这两家公司都在网上提供旅游指南,方便大家浏览.

风格指南和用户体验规范是用户体验交付的一部分,也是用户体验设计过程的一部分

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

用户体验设计师的工作永远不会结束. 即使在产品发布之后,也有机会收集反馈, 收集使用数据, 完善, 释放并重新开始这个循环.

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

可用性测试报告通常在原型阶段交付, 但与用户一起测试现有产品,看看哪里可能有改进的空间,这并不罕见.

理解可用性测试收集过程中收集的数据, 整理和生成报告, 正在成为用户体验实践者中越来越普遍的任务——事实上, 它正在成为一项关键的用户体验技能. 这是一个 可用性测试报告模板.

产品投放市场后,另一组数据收集——a 定量 方法——将告诉设计团队产品在大规模用户中表现如何.

有无数的工具和方法可以捕捉和分析用户行为. 从眼球追踪到点击追踪和热图(显示点击), 水龙头, 和滚动行为)到UI元素标签,跟踪每个用户在移动和网络设备上的数字足迹.

分析报告显示客户使用哪些功能, 他们在你的手机应用或网站上花了多少时间, 随时间变化的趋势,以及跨地域的综合结果, 账户, 用户, 和自定义分段. 它们提供了如何使用特性以及由谁使用特性的完整可见性.

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

作为用户体验设计过程的一部分,可用性测试报告也是用户体验交付成果

用户体验设计师的使命是授权公司基于对人类行为的深刻理解来制作产品和服务, 目标, 和动机. 上面的UX交付清单包含了UX设计师在“设计思维”和以用户为中心的设计过程中制作出色体验时产生的一些最常见的输出.

就这一主题咨询作者或专家.
预约电话
米克罗斯飞利浦的头像
米克罗斯飞利浦

位于 英国伦敦

成员自 2016年5月20日

作者简介

Miklos是一位设计领导者, 作者, 在设计领域拥有超过18年经验的演讲者.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

以前在

金融时报》

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.