概念介绍

产品设计五要素分别是：战略层、范围层、结构层、框架层、表现层。自上而下的分析可用来分析已有的产品，自下而上分析则可以用来创造新的产品。下面是各个层级所包括的内容：

战略层：产品目标和用户需求（做什么、为谁做？）

范围层：功能及其内容需求整合（需要做哪些？）

结构层：交互设计及其信息架构（怎样做？）

框架层：界面、导航设计和内容设计（要做成什么样子？）

表现层：功能及内容的视觉呈现（做成了什么样子？）

产品设计的五层结构

下面详细说明一下每一层所包含的内容：

战略层

整个产品设计、研发周期很长，战略层可以理解为产品设计的主要目的，通常来自于用户需求或是企业的产品目标。

• 用户需求：特定的人在特定的情况下产生了特定的问题，并且这种问题是可以被解决的，就可以把它叫做需求。此外，需求通常来自于痛点、痒点，旨在帮助用户解决某个亟待解决的问题
• 产品目标：产品目标可以理解为商业目标，包括产品的预期利润、用户数等

用户需求决定了产品的原则，而产品目标则更倾向于产品的定位。

范围层

战略决定范围，功能承载产品价值，范围层是为了实现战略层意图。

在范围层，从讨论战略层面的抽象问题——“为什么要开发这个产品”——转而变为“我们要开发的是什么”——功能和需求的收集筛选。 进行需求采集、分析工作，明确产品应该具体提供哪些内容及功能，以及提供内容、功能的先后顺序，从而落实成具体的需求文档。

结构层

在结构层，需要考虑两个问题：“交互设计”和“信息架构”。

1. 交互设计：根据用户的操作，产品给予用户何种反馈
2. 信息架构：所要表达信息的呈现、组织方式

交互设计关注那些影响用户执行和完成任务的元素。也就是交互设计关注与“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。信息架构研究的是人们如何认知信息的过程，对产品而言，信息架构关注的就是呈现给用户的信息是否合理并具有意义。

此外，好的交互设计与信息架构的设计，更是为了降低用户的认知、学习成本，尽可能的让用户直接地体验核心的功能。

框架层

经过了上面的结构层，我们可以看到，我们只是对产品的交互方式和内容组织方式进行了一个大概的设计。那么在框架层，就需要进一步地进行设计了。框架层包含了：界面设计、导航设计以及信息设计。

1. 界面设计：选择合适的界面交互控件，帮助用户易于理解其含义，又能够让用户借助于此来实现具体功能
2. 导航设计：让用户明确当前的位置、状态，提供用户访问其他功能(页面)的路径
3. 信息设计：信息设计将各种设计元素粘合在一起，并呈现出来，让用户很好地理解和使用它们。

在产品设计中，经常用到线框图。线框图可以将上述的界面设计、导航设计、信息设计的三者有效结合，并通过草图的形式展现出来，是产品的雏形和大体形态。需要注意的是，线框图与产品原型不同，原型是对线框图的更细致描述的产品体现，包括了一定的交互及高精度的艺术设计，而线框图则是静态的，更倾向于表现各部分之间的连接。

表现层

表现层是用户真真切切地可以感受到的产品外在，也用户直接可视的一层。在这里先前的内容、功能和美学汇集到一起来产生一个最终设计，从而满足其他层面的所有目标。可以充分研究和利用用户的感知方式，通过设计产品的配色、排版、风格等，将产品的风格完整呈献给用户。并且能够带给用户流畅的使用路径，并且为用户提供有效的、可选择的“引导”。

另外：

1. 产品的战略层设计应当是灵活的，在其他层次的设计过程中，可以回过头改进战略层的设计
2. 线框图、原型设计，能够有效的向团队中的其他人传达设计者所要表达的效果，但高保真度的原型有时会限制设计的思路
3. 在分析、解构其他产品的时候，可以遵循表现层->框架层->结构层->范围层->战略层的顺序，从表面设计开始，挖掘产品的核心战略、功能。