用户体验五要素：产品设计的全新方法论

全文共 2024 字，阅读需要 10 分钟

前言：

很多产品人在设计或重构产品时，脑子里有很多想法，却不知从何开始，今天老虞介绍的用户体验五要素正为我们做产品提供了方向。用户体验五要素是一种产品分析与设计的方法论，可以帮助我们以正确方式从0到1设计一款产品。接下来老虞带大家一起了解～

· ONE ·

是什么？

1.表现层

所谓表现层，是我们直观看到一个页面时的组成判断。一个页面由图片和文字组成。有些图片和文字是可点击的，从而可以执行对应的某些功能；有些是不可点击的，仅仅就只是图片和文字而已，用来展示或者营销用。但是每一个设计都会对产品体验产生重要的影响。

2.框架层

在产品的表现层下，就蕴藏着产品的框架层：按钮、控件、照片、文本区域的位置。框架层是用于优化设计布局的。以达到各个元素的最大效果与效率。比如你在使用某个app时，可以轻而易举的找到你想要找到的某个功能。这种布局就是框架层来决定的。

3.结构层

结构层相对于框架层是更加抽象的，框架仅仅是结构的表达。框架层确定了在各个页面在交互元素上的位置，结构层则是用来设计用户如何到达某个页面。并且要考虑他们完成事情之后能够去哪里。框架层决定了导航栏的各个功能的排列方式，允许用户来浏览页面的各个模块；结构层则决定这些类别的功能应该出现在哪里。

4.范围层

结构层确定页面各种特性和功能最适合的组合方式，而这些特性和功能就构成了产品的范围层。比如电商应用提供了一个功能，这个功能（包括任何一个功能点）是否应该成为应用的功能之一，这就属于范围层要解决的问题。

5.战略层

产品的范围层，基本上是由产品的战略层决定的。这些战略不仅仅是经营者想要得到什么，还包括了产品的用户想要得到什么。就一家电商公司而言，经营者想要通过产品售卖商品，而用户想要从该产品上购买商品。而对于另外一些目标（如用户填写的信息在商务模版中扮演的角色），则没有那么容易说的清楚。

· TWO ·

各司其职？怎么做？

1.表现层

到了表现层，UI设计师会根据产品的战略，功能，以及内容，根据市场的调研分析，使用人群等来判断这块产品从视觉上要传达给用户什么样的设计感觉出来，比如专业的，亲民接地气的，高大上的，二次元的等视觉表现形式.在设计当中利用颜色及空间划分视觉层级，通过不同平台思考设计表现形式，梳理控件样式形成规范性及统一性.整体视觉样式尽量做减法，让用户轻松看到核心内容以及核心操作。

2.框架层

我们通过框架层的定义，这时候就可以开始细化页面的信息框架了.交互设计师在设计交互流程图的时候会考虑很多的设计点，如何将功能信息有效的组织起来，信息之间的关系如何排布，在当前的场景下应该使用什么样的交互控件，功能样式统一性，用户使用起来是否方便，前后之间的逻辑等问题，交互流程图是需要反复思考和验证的。

3.结构层

有了战略级目标和产品的核心功能，这时候我们要在结构层里梳理出产品功能的信息框架，按照战略强相关的功能优先展示，哪个页面该展示哪些功能，以及展示的顺序和大体的流程.交互设计师把控信息架构的合理性，以及前后关系操作起来是否高效。

4.范围层

当把用户需求和产品目标转变成产品应该提供给用户什么样的内容和功能时，战略就变成了范围层。定义项目范围包含2个方面，即产品功能和产品内容，功能与内容针对不同类型的产品，有的是2者都重要，有的更重功能，有的更重内容，根据产品战略，它们的权重是不一样的。

5.战略层

开始做设计前要先想清楚这两件事情。怎么样引导用户达成用户目标从而完成公司战略目标，只有当用户实现了目标公司才能实现战略目标。

· THREE ·

总结

以上是老虞对于用户体验核心五要素的梳理，希望能够为大家带来一些启发。

随着国内互联网企的发展沉淀，用户体验模块也会变得异常重要。在残酷的市场竞争中，产品体验的差异有时对于产品本身而言将会是致命的。尤其是在牵涉到使用的核心环节，比如支付环节体验很差，将是产品终结的罪魁祸首。

同时，互联网企业也应该对于用户体验保持好克制，不可一味的盲从。因为随便一个人，对于界面设计提出几个改进问题，那个过程距离产品体验开发过程相差甚远，当然可以说那是其中一个环节。直接从表现层开始，那必定是把产品推向了一个危险境地。

希望这些也能带来大家的思考，尤其是从事互联网行业的每一位。都要扎实的去挖掘有价值的信息来进行自我赋能，通过提升自我思维高度来保证项目的高效运转。当然事实是并不是你努力就一定能够达到的，可是不努力你肯定是最快被淘汰的。希望每一位互联网从业者慎重选择，谨记得过且过最终会是一无所获。

大厂产品经理资料100套