跟一些产品朋友线下聚会或者是在我们产品精益讲堂QQ群里面讨论产品相关的话题的时候，我们总会说到框架层、表现层、结构层等这样的一些专业术语，我们好像也知道这些术语讲的是一个什么意思，但往往在工作当中我们却不能活用，这些术语其实就是用户体验的5个层面，关于这5个层面，在《用户体验要素》这本书中讲的较为详细，今晚我将结合《用户体验要素》这本书来讲一讲用户体验的5个层面。

首先对用户体验要素这本书做个简单介绍，《用户体验要素》这本书是ajax之父的经典之作。本书用简洁的语言系统化地解说了设计、技术和商业融合是最重要的发展趋势。全书共有8章，包括对用户体验的概念解释以及为什么它如此重要，接着从用户体验的5个层面既战略层、范围层、结构层、框架层、表现层系统的做了介绍，以及对这些要素的实际应用。

全书用清晰的说明和生动的图形分析了以用户为中心的设计方法以及在进行网站设计时设计人员应该要考虑的一个逻辑框架，全书重点强调要关注于思路而不是工具或技术，从而使你的网站具备高质量的体验。

用户体验的5个层面是自下而上的建设的

Garrett认为用户体验的5个层面是自下而上的建设的，只有在这个基础架构上，我们才能讨论用户体验的问题，以及用什么工具解决用户的体验。

在每一个层面中，我们要处理的问题当中，有的抽象，有的具象。在最底层我们完全不用考虑网站、产品或者服务最终的外观，我们只需要关注网站如何满足我们的战略，同时也满足用户的需求，而在最顶层，我们只关心产品所呈现的最具体的细节，随着层面的上升，我们所做的决策也便变得一点一点的具体，并涉及到越来越精细的细节。每一个层面都是根据它下面的层面来决定的。所以，表现层由框架层来决定，框架层则建立在结构层的基础上，结构层的设计基于范围层，范围层是根据战略层来制定的。

用户体验要素的5个层面

1、战略层（strategy）

Garrett对战略层的解释是，战略层是由产品目标和用户需求所组成的，它是在我们进行用户体验设计的过程中做出每一个决定的基础。比如在我们决定做某个产品或者是功能的时候，我们就要想清楚两个问题，一是、我们要通过这个产品得到什么？二是、我们的用户要通过这个产品得到什么？

为了精细划分产品的目标，对产品的目标做了进一步的拆分，有商业目标、品牌目标和成功标准。

深刻理解用户的需求，首先对用户进行细分，这一步微博做的比较好，比如有微博达人、微博认证用户、金V认证用户、微博续费会员、微博年会员和企业认证。在我们对用户进行划分以后，然后对用户进行可用性研究，Garrett提出了现场调查和用户测试，在我前面的分享中也提出了定性分析和定量验证这样的方法，他们同样适用对用户的研究。在研究出一定的结论以后，开始创建人物角色，产品就是去满足我们所创建的人物角色的需求，我们所创建出来的这个人物角色并不是恒定不变的，而是不断有新的研究结果以后需要不断去调整的。

2、范围层（scope）

Garrett对范围层的理解是，当我们把用户需求和产品目标转变成产品应该提供给用户什么样的内容和功能时，战略就变成了范围。在范围层中我们需要去确定，定义项目范围则同时在做两件事情，1、这是一个有价值的过程，2、同时能产生有价值的产品。过程的价值在于，当整个事情还处于在假设阶段的时候，它能迫使你去考虑潜在的冲突和产品中一些粗略的点。产品的价值在于，被定义的这个产品给了整个团队一个参考的点，明确了这个项目中要完成的全部工作，他也提供了一门用于用于讨论这件事情的共同语言。

Garrett认为定义范围应包括定义需求、功能规格说明、内容需求和确定需求优先级。

3、结构层（structure）

Garrett对结构层的理解是，结构层适当地将我们的关注点从抽象的决策与范围问题，转移到更能影响用户体验的具体因素。结构层有交互设计和信息架构来组成。在传统的软件开发行业，涉及“为用户设计结构化体验”的方法被称为交互设计。在内容建设方面，主要通过信息结构来创建用户体验。

交互设计和信息架构都强调一个重点，确定将要呈现给用户的元素的“模式”和“顺序”。交互设计关注于将影响用户执行和完成任务的元素。信息架构则关注如何将信息表达给用户的元素。

4、框架层（skeleton）

Garrett对框架层的理解是，用于确定用什么样的功能和形式来实现。框架层包含界面设计、导航设计和信息设计。比如对一个功能性产品，我们通过界面设计来确定框架、导航设计，专门用于呈现信息的一种界面形式，信息设计是功能和信息两方面都必须要做的，它用于呈现有效的信息沟通。

界面设计要做的全部事情就是选择正确的界面元素，这些元素要能帮助用户完成他们的任务还要通过适当的方式让他们被用户容易理解和使用。

任何一个网站的导航设计都必须同时完成三个目标

（1）它必须提供给用户一种在网站间跳转的方法。

（2）导航设计必须传达出这些元素和他们所包含内容之间的关系。

（3）导航设计必须传达出它的内容和用户当前浏览页面之间的关系。

信息设计常常充当一种把各种元素聚合到一起的粘合剂的角色，有时候信息设计是视觉上的，有时信息设计涉及“分组”或“整理”散乱的信息。

5、表现层（surface）

表现层主要解决并弥补“产品框架层的逻辑排布”的感知呈现问题，比如在某个界面中让多个功能的感知元素得到良好的呈现，表现层要解决的问题就是就是让这些感知元素能清晰、美观、舒服的呈现在用户界面当中。当然对于产品在表现层中的设计不能仅仅从视觉上面去考虑还要从听觉、嗅觉、触觉方面等去考虑。

作者马珍毅，现居江苏无锡，是一家创业公司的互联网金融产品经理，热衷于需求分析、产品设计，用户增长、商业分析，数据挖掘、项目管理、品牌战略、产品运营和市场营销。希望通过个人的知识分享能与更多的产品经理奋勉同行，共同成长！

本文首发于个人微信公众号产品精益讲堂（yichenxs），作者个人微信，yichenbz,个人网站需求分析研习社，QQ交流群：489899046