导读

很多人都有被推荐《用户体验要素》这本书的经历，但初次阅读时，理解起来有点困难。这是《用户体验要素》的重点不清晰、内容抽象造成的。将《用户体验要素》的重点内容整理出来，并给出例子，这样更易理解和运用。

概要

《用户体验要素》是一本讲产品的好书，它是入门产品经理的必备书籍。作者为我们清晰地介绍了产品设计流程中的思考维度和注意事项。

《 用户体验要素 》

按产品设计阶段，分为了用户体验的五个要素。

产品设计五要素分别是：战略层、范围层、结构层、框架层、表现层。

产品设计五要素

《用户体验要素》有助于产品新人在宏观上形成产品观，而且产品认识也非常值的借鉴。但在细节方面有些粗糙。所以，在阅读时，要重点领会《用户体验要素》的思想，而不要过分关注细节。如果能够借此定义工作或面试准备中遇到的问题，快速查找资料或求助，也算是物有所值了。

---

解读五要素

五要素可以按Why-How-What黄金圈法则来解读。

1.为什么要做（战略层）

我们的用户是谁？解决用户的什么问题？产品定位是什么？产品的商业目标是什么？

2.怎么做（范围层）

采用什么功能和内容来达成目标。

3.做什么（结构层、框架层、表现层）

产品做成什么样子？可以用结构图、线框图、和高保真原型图来分别表示。

用户体验要素导图

通过思维导图的形式，可以把《用户体验要素》的主要内容囊括进来，一目了然，便于回忆和定位问题。看着导图，下来分别介绍这五个体验要素。

1.战略层

整个产品周期很长，先定个战略，有指导思想，才能够解决分歧，正确地做事。

1）用户需求

比如美团外卖解决了白领选餐和省时的需求；支付宝解决了线上支付的需求等；滴滴打车可以解决用户出行的需求。

而通过用户细分，并获得用户画像，更有助于了解用户。

2）产品目标

比如王健林提出的“一个亿目标”；全民K歌为了增强用户活跃度，推出了社区功能，并置于首页。

2.范围层

在上一步，我们把战略定好了，那么，接下来是不是就该想想怎么实现目标，该有什么功能来解决什么。

我们的产品要有哪些功能？比如滴滴打车，要让用户能够提出出发地和目的地，要有用户定位从而让司机能够轻松地找到乘客，要提供便利的支付方式，要让乘客和司机能够通过联系方式交流，要能够动态地、实时地把最合适的乘客推荐给最合适的司机。

有时候，想到的需求越来越多，想做的功能也越来越多。这时候，就需要做减法。对需求进行排序，然后聚焦于能实现业务循环的功能，把一些需求砍掉或推迟。

3.结构层

高层级组织原则要紧密地与网站目标与用户需求相关；低层级会受内容与功能需求影响

在结构层，要考虑两个问题：“交互设计”和“信息架构”。交互设计考虑的是跳转逻辑，信息架构指的是内容的分类组织方式。一幅App结构图就是结构层的完美逻辑展现。但结构图又是什么样的呢？以简书App为例，由于篇幅所限，画了它的部分结构图。

简单app结构图

4.框架层

设计原则是易被用户理解和使用

这部分是对结构层的进一步具体化。界面设计指功能按钮的位置布置。导航设计针对导航系统。信息设计指的是信息分分类和排列，信息设计是跨域功能型产品和信息型产品的边界，尤为重要。现在的app设计通常都会包含这三个因素，集中体现为线框图。同样以简书app为例，制作了首页的线框图。

简书发现页线框图

5.表现层

视觉呈现以“运作良好”为目标，眼动轨迹是一条流畅的路径

表现层是产品的最终表现形式，位于五层模型的顶端。可以通过设计产品的配色方案、排版、对比、风格统一，充分研究和使用用户的感知方式（嗅觉、味觉、触觉、视觉、听觉等），将产品的风格完整呈献给用户。以简书app发现页为例进行展示，以便有直观地理解。

简书app发现首页

---

核心思想汇总

前文已基本上完成了对五层体验要素的解读，但还有很多细节未能涵盖在内。在文章末尾，把《用户体验要素》中的一些关键细节列出来，以便大家更好地掌握《用户体验要素》。

1.要足够了解用户，可以通过用户调研的一些方法来实现。

2.产品易于被用户理解，交互流程符合用户的习惯，概念模型没有歧义，最好做到用户不思考。

3.开发产品的每一步，都得考虑用户的理解和使用场景以及对最终产品的影响。

4.知道要做什么，也要知道不要做什么，并排序需求优先级。

5.内部产品说明文档，要具体明确，最好能有数字指标。

6.交互设计和信息架构要符合用户的思考方式，特别是直觉。

7.按“用户的思路”和“支持任务和目标”的方式来分类和排列信息。

8.表现层要为尽可能为用户提供指引，同时考虑配色方案、排版和字体。

9.任何一步的设计都要围绕网站目标和用户需求。