如今的网站或app，同质化现象越来越严重，企业不再因为推出一个创新功能而自视甚高，因为会在很短的时间就被“抄袭”，所以产品特性已经不是抢占市场的利器。越来越多的企业已经意识到优质的用户体验才是商机，才是体现差异化的最好方式，才是提高用户忠诚度的最大因素。

之前文章里提到过用户体验5要素的概念，同时笔者认为这5要素也是产品设计流程。

图1 用户体验5要素

5要素从下至上分别是战略层、范围层、结构层、框架层和表现层。这5个层面提供了一个产品设计的基本架构，同时用户体验也要基于这5个层面去处理问题，从抽象到具体，每一层都是以下面一层为基础，同时每一层也会反向影响下面一层的决策。

战略层

战略层是指对于产品的决策，包括市场定位、目标用户、目标用户的需求。

设计师在这一层面的任务则是做相关的用户调研，通常的方式有调查问卷、用户访谈、焦点小组、现场调查等等。之后可以细分出目标用户，再创建相关的人物角色用以提炼用户需求。

但是在很多公司里战略层的工作通常是由产品经理来完成，他们会从商业利益和项目的角度出发，所以造成设计师们可能无法从产品经理的文档里直接归纳出产品定位、目标用户的情况和目标用户的需求。

图2 战略层不同角度的产出

如上图所示，假设有100个受访用户，90个人是年轻人，10个是中年人，从产品的角度年轻人和中年人都是使用人群，但是对于用户调研来说产品的目标用户可能只是年轻人，那么由不同用户群所延伸出的产品功能也不尽相同。所以在战略层的阶段，如果有条件，设计师最好可以参与其中与产品经理共同完成对产品需求的梳理，从初期就可以掌握产品的目标用户，以及用户的需求，以避免进入设计阶段不必要的麻烦。

范围层

从战略层获得的目标是从目标用户的角度出发，将其转化为产品的功能和产品提供的内容就是范围层。

这个层面用户体验可以再次利用战略层所创建的人物角色，虚拟出该人物角色在真实的使用情景中会如何通过产品去完成他的需求，从这个过程中挖掘产品的功能和内容。同时也可以做相关的竞品分析，从类似产品中寻求灵感。

在这一个阶段，面对大量先前传出的产品需求，设计师需要确定产品功能和内容的优先级，此时除了考虑公司整体的商业利益外，甚至还需要了解公司技术团队的实力（这个时候如果设计师懂技术，可以极大提高工作效率），所以与产品经理和技术部门的沟通也不能忽略。在设计范围层的阶段，设计师需要产出相关的产品功能图。

图3 范围层思考的不同角度

结构层

确定了产品需求和优先级后，此时的产品需求是零散的，接下来要整理这些产品需求，完成产品架构，即确定这些需求呈现给用户的“顺序”。

这个层面，对于设计师来说，可以分为交互设计和信息架构两项工作。交互设计在之前的文章中提到过，即在此阶段，设计师需要按照用户的心理模型将产品功能的逻辑一步步规划好，例如，用户必须先完成功能A再完成功能B，才能确定下一步是完成功能C还是功能D。在这一步中，设计师可以产出产品主要功能的流程图。

另外对于信息架构，类似于交互设计，区别是交互设计针对的是产品的功能，而信息架构针对的是产品提供给用户的信息。同样地，设计师对于信息架构的设计仍然需要符合用户的心理模型，具体表现在产品的组织分类的结构。在这里提供两种构建信息架构的方法，分别是“从上到下”和“从下到上”。

从上到下是从产品战略层出发，将最满足决策目标的内容和功能进行分类，再依据逻辑细分出次级分类。从上到下的分类方式通常应用在2B产品中，从核心功能和内容分支出次级功能和内容，再分支出下一级功能和内容。

图4 从上到下的方式

从下到上是从范围层出发，将各个功能和内容依照一定的逻辑归属于最低一级的类别，再将它们分别归属于较高的类别。从下到上的分类方式在2C的产品中经常使用，从最基本的功能和内容开始一级一级归类。

图5 从下到上的方式

框架层

框架层是产品实际的表现方式，包括界面设计、导航设计和信息设计。

对于设计师来说，界面设计就是要选择正确的方式将结构层所设计的产品逻辑表现在界面上，并且设计要容易被用户理解和使用。同时需要对用户使用的过程中可能产生的特殊情况设计相应的反馈。另外在设计时还需要遵守不同平台的规范，例如ios和android，Mac和Windows。

导航设计就是用户在使用产品时的一个指向标，在这个指向标上需要表明用户当前所处位置提供的功能和内容、用户当前的位置和用户可以到达的位置。

信息设计是对产品内容呈现方式的设计。如何将产品的内容最高效的传达给用户，设计师可以采用优化图标、标签和排版的方式。

在这一层面，设计师需要整合框架层的界面设计、导航设计和信息设计，最终产出线框图。而线框图也是设计师们在实际工作中最主要的产出物，但是线框图并不是设计师们在工作中应该投入最多时间的部分，因为高质量的线框图真正的决定因素是对产品战略层、范围层和结构层的设计，所以设计师应该将主要的精力放在更深层次的设计，也就是“想清楚再画清楚”。

表现层

表现层是用户对产品的感知设计，即用户如何感知设计师对产品的设计，是通过视觉、听觉还是触觉。

现在绝大多数的产品都是通过视觉被用户感知，所以一个产品的视觉表现直接决定了产品使用时“运作是否良好”，是否在视觉上可以完美传递之前层面的设计。设计师在表现层需要产出视觉稿，并且保证视觉稿设计做到对用户“眼睛”的吸引，将用户的注意力吸引到之前层面所设计的逻辑，并且引导用户高效地完成整个流程。

在笔者看来，这五层划分，即是用户体验要素，也是产品设计阶段的流程化步骤，每一层都有相应的规则和产出物。作为设计师，遵守这样的规范，可以避免设计遗漏，同时还可以提高设计的客观性。

参考文献：《用户体验要素》

转载要记得标明出处哦！

欢迎大家关注我的微信公众号Yinteraction，一起交流关于交互的问题