体验设计的要素(XD)

体验设计(XD)是一门创造解决方案的学科，根据个人的角色、情况和需求，清楚而简洁地向他们展示信息和功能。当体验设计的各种元素以有组织的、结构化的和创造性的方式组合在一起时，结果对用户来说是有意义的、可操作的。

XD的目标

体验设计的目标是通过合理的解决方案定义和设计技术来推动采用、生产力、协作、盈利能力和用户满意度。

体验设计定义的解决方案侧重于理解并围绕以下方面获得一致性:

• 解决方案设想
• 工具功能
• 目标受众
• 用户需求和目标

XD设计的解决方案为用户提供可操作的信息和有意义的功能。常见的工件包括:

• 交互式线框
• 模型
• 风格的瓷砖
• 视觉设计指南

XD思考

体验设计技术为用户的设计提供了深刻的见解。XD学科借鉴了许多其他学科的方法，包括心理学、社会学、工程学、生物力学、工业设计、生理学、交互设计、视觉设计、用户体验(UX)和用户界面(UI)设计。这里有几个例子来说明XD思维。

• 尽早并经常对界面设计进行迭代，以验证和细化需求。
• 通过用户研究和同理心设计了解用户的任务和目标。
• 让工具去工作——让解决方案适合用户，而不是相反。
• 人擅长某些事情，而机器擅长其他事情——两者都要优化。
  • 人类的识别能力比回忆能力强，所以不要让他们记住太多细节。
• 人孰能无过，所以要预见错误并为顺利恢复而设计。
• 没有人的目标是使用电脑。
  • 了解用户目标与他们现实世界的需求之间的关系。
• 实现鼓励用户采用的模型。
• 信息是决策者的货币。
  • 为用户提供正确的工具和信息，使他们能够做出正确的决策。

XD方法的好处

以下是体验设计方法的一些好处:

• 分析
  • 更准确和完整的需求和用户描述
    • 确定相关的、高价值的功能并确定优先级
    • 降低经营成本
• 利益相关者
  • 更快达成共识
  • 让涉众在设计和开发过程的早期采用

• 发展
  • 提高流程效率
  • 减少返工
  • 与发展更定期的双向沟通
• 用户
  • 提高用户粘性和满意度
  • 减少终端用户的培训时间
  • 少打电话给客户支持

XD不是什么

体验设计以不同的方式涉及许多领域，所以对于它是什么和不是什么有常见的误解。

• 不是:只是制作线框和设计
  • 线框图和设计是XD过程的输出
  • 发现、研究和分析是良好XD的基础
• 不是:只是捕获需求
  • 需求收集仍然主要是在产品负责人和业务分析师(BA)的领域内。
• 不是:一刀切
  • 用户有自己的动机、需求和目标，形态各异
  • 解决方案必须在不牺牲效率的情况下满足这种多样性
• 不是:只有一个学科或部门
  • XD思维为考虑最终用户的业务的许多方面提供了信息

XD元素

体验设计方法由三个领域或元素组成。

• 战略基金会用户研究和产品发现
• 结构室内信息架构和交互设计专业
• 结构外视觉设计

用户研究和产品发现的战略基础

通过用户研究和产品发现，XD研究人们如何使用技术。用户研究提供了对用户能力、限制、动机和愿望的洞察。通过关注人们如何与产品、工具和流程交互，XD可以创建与使用它们的人相关的以用户为中心的解决方案。研究方法还确定和衡量人的表现、技术表现和人机交互。

下面是典型的活动和输出研究与发现XD元素。

交付物或活动	描述
旅行地图	一个基于时间轴的可视化过程，用户遵循以达到目标。地图还可以包括用户动机、期望、想法和情绪。
调查	一组用于收集目标受众数据的标准化问题。从调查中收集的信息通常用于获得基于定量的见解。
焦点小组	由主持人促成的对一小群人的访谈，这些人围绕某一特定话题或活动有共同的主要兴趣或目标。
面试	研究人员向有代表性的用户提问的结构化对话。
角色	根据实际用户的反馈和评论对有代表性的用户进行汇总。草图描述了用户想要解决的问题以及人口统计数据。
背景调查	一项深入的观察性研究，以用户工作或生活的环境为背景。面试问题是准备好的和即兴的问题的混合;后者是基于研究人员在访问期间的发现。
可用性测试	通过让有代表性的用户使用解决方案执行典型任务来评估解决方案。解决方案可以是功能性的，也可以是原型。
启发式评估	用公认的可用性和设计原则作为评价标准的解决方案的专家评审。
心理建模	解释或可视化用户的内部思想，态度和经验的事情是如何运作的。

结构室内信息建筑与交互设计“，

信息架构(Information Architecture, IA)侧重于如何组织网站的结构，使网站的信息易于定位、理解和执行。IA规程通过关注网站的组织、结构、特征、层次结构、命名法和标签来创建映射交互模式和路径的蓝图来实现这一点。交互设计考虑用户如何与网站上的信息和内容进行交互以实现他们的目标。如果说IA关注的是网站信息的“内容”，那么交互设计关注的是用户“如何”使用这些信息。

下面是典型的活动和输出信息架构而且交互设计XD元素。

交付物或活动	描述
数据可视化	信息和数据的图形表示，如信息图、图表或其他图像。可视化帮助涉众解释数据并识别模式。
故事板	一个有组织的可视化，说明了用户将通过工作流的预期路径。
用户故事	从用户的角度对特性的一般描述。用户故事总结了一个特性如何向用户传递价值。
流程设计	一种将大型解决方案组织并分解为不同的、可管理的组件的技术。
用户设计模式	接口的可重用组件或组件，用于解决用户界面设计中的常见或反复出现的问题。
卡片分类	一种评估解决方案信息体系结构的方法，方法是让有代表性的用户依靠卡片对主题进行分类、组织，并将其标记为对他们有意义的类别。
内容审核与分析	对网站内容和表现进行系统编目和分析的过程。内容包括拷贝、数字资产、链接策略和URL结构。
分类	对网站上的内容进行分类的系统。结构良好的分类系统提高了用户通过浏览和搜索来浏览站点和定位特定信息的能力。
用户场景	用户使用您的解决方案的动机和目标的摘要。

视觉设计的结构外观

视觉设计的目标是用统一的形象打造一个视觉上引人注目的解决方案，加强品牌。该学科专注于视觉元素，如颜色、图像、形状、排版、线条、留白和形式，以提高可用性，增加用户粘性，并提升用户体验。

下面是典型的活动和输出视觉设计XD元素。

交付物或活动	描述
样式指南和样式磁贴	一套详细的标准，确保您网站的每个接触点的视觉一致性。组件包括布局、颜色、排版、字体和其他视觉元素。
品牌	用户在你的组织中体验的综合维度，它不局限于与你的网站的交互。品牌包括标识和符号、名称和标签、可靠的在线互动以及其他视觉组件。
网页及产品组成	图片、文字和其他物体在页面上的排列方式，强调优先级最高的元素，弱化次要元素
动画	源自电影制作的一种动画，专注于在设计过程中优化运动的使用。
图标	用于通过单击启动应用程序、功能或文件的小图形。
信息图	用图像、图表、图表和文本等元素对复杂信息进行可视化表示，以便一目了然地传达思想。
设计模式	采用标准化的视觉和交互解决方案来解决反复出现的设计挑战。
排版	文字的排列和呈现方式与品牌一致。
摄影	用来传达某一特定时刻重要信息的场景快照。
标志设计	使形象或符号易于识别和组织的加工
超文本标记语言	超文本标记语言(HTML)是设计师创建网页结构的方法。
CSS	层叠样式表(CSS)是设计师如何创建一个网页的布局。它包括颜色、字体和布局。

结论

理解XD的基本元素是很重要的，特别是当它涉及到我们的用户以及他们从我们的业务中需要什么有用的信息时。有关XD实践的更多背景信息，今天联系我们的XD专家．

Perficient的副用户体验总监Wendy Marques对本文也有贡献。