简介

用户体验的五个要素是一个用于分析产品体验的 模型工具，包含的五个要素分别为：战略层、范围层、结构层、框架层、表现层。

它的作用主要是为了帮助我们以一种框架化的形式对目标产品进行解构，然后分开对它们进行分析并找出优缺点，来解决对体验分析无从下手的迷茫与混乱。

用户体验五要素主要应用在产品经理、交互设计师、UI设计师的产品分析、竞品分析过程中，通过五要素的分析来导出和体验相关的分析结论，提升对目标产品的认识或指导自己产品的需求设计。

详情

历史起源

用户体验的五个要素是 Ajax之父Jesse James Garrett在其所著的《用户体验要素-以用户为中心的产品设计》（The elements of user experience – user-centered design for the web and beyond）中提到的概念。

具体说明

用户体验五要素是一个包含上下级关系的体验模型，它的五个要素层可以用下图例解释。

五要素的应用主要采取自上而下的分析方式，即宏观到微观，抽象到具体的顺序。下面依序对五个要素进行说明。

1.战略层「Strategy」

战略层包含两个部分，产品战略和用户需求。

产品战略：产品决策者针对这个产品的发展愿景和策略是什么，包含核心目标、商业壁垒、产品定位、商业模式、考核指标等要素。

用户需求：即该产品面向用户群体的相关需求，有核心需求和次要需求，需要通过用户调研来获取对应的信息。

2.范围层「Scope」

范围层即产品所包含的功能范围，解释这个产品可以实现哪些服务和解决什么问题。通常范围层可以用 “功能地图” 来反应。

合理的范围层会由战略层导出，因为企业的决策和用户的需求而制定出相应的功能。

3.结构层「Structure」

结构层是范围层的具象化，确定产品功能之后需要根据功能需求，确定其交互方式和信息展现的形式，换句话说，就是决定产品实际落地后的页面、模块的层级和跳转关系。

在规划层面，可以用 “产品地图” 来表现，而在落地层面，则是界面或原型的实际跳转、从属、关联的关系。

4.框架层「Skeleton」

框架层是结构层的进一步细化，落实到具体页面中。主要指页面的内容顺序、排版、权重的应用。

比如下面的案例中，从上到下依次包含了搜索栏、快速入口、瓷片区、Tabbar，这就是该页面的框架、骨架，和它们具体的设计样式、配色、图标无关。

框架层的落实体现在对具体页面的原型设计中，或忽略掉界面样式后的内容骨架。

5.表现层「Surface」

表现层就是产品的视觉样式，即在框架基础上，呈现出了什么样的视觉特征和效果。

表现层的认识并不是凭主观的喜好来随意的判断，而是可以将产品的视觉拆分成配色、字体、平面四要素、品牌化、情感化设计等不同维度分别进行分析。

参考：

• 从一个案例说起，如何用「用户体验五要素」进行拆解分析