概念介绍
产品设计五要素分别是：战略层、范围层、结构层、框架层、表现层。自上而下的分析可用来分析已有的产品，自下而上分析则可以用来创造新的产品。下面是各个层级所包括的内容：
战略层：产品目标和用户需求（做什么、为谁做？）
范围层：功能及其内容需求整合（需要做哪些？）
结构层：交互设计及其信息架构（怎样做？）
框架层：界面、导航设计和内容设计（要做成什么样子？）
表现层：功能及内容的视觉呈现（做成了什么样子？）
产品设计的五层结构
下面详细说明一下每一层所包含的内容：
战略层
整个产品设计、研发周期很长，战略层可以理解为产品设计的主要目的，通常来自于用户需求或是企业的产品目标。
- 用户需求：特定的人在特定的情况下产生了特定的问题，并且这种问题是可以被解决的，就可以把它叫做需求。此外，需求通常来自于痛点、痒点，旨在帮助用户解决某个亟待解决的问题
- 产品目标：产品目标可以理解为商业目标，包括产品的预期利润、用户数等
用户需求决定了产品的原则，而产品目标则更倾向于产品的定位。
范围层
战略决定范围，功能承载产品价值，范围层是为了实现战略层意图。
在范围层，从讨论战略层面的抽象问题——“为什么要开发这个产品”——转而变为“我们要开发的是什么”——功能和需求的收集筛选。 进行需求采集、分析工作，明确产品应该具体提供哪些内容及功能，以及提供内容、功能的先后顺序，从而落实成具体的需求文档。
结构层
在结构层，需要考虑两个问题：“交互设计”和“信息架构”。
- 交互设计：根据用户的操作，产品给予用户何种反馈
- 信息架构：所要表达信息的呈现、组织方式
交互设计关注那些影响用户执行和完成任务的元素。也就是交互设计关注与“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。信息架构研究的是人们如何认知信息的过程，对产品而言，信息架构关注的就是呈现给用户的信息是否合理并具有意义。
此外，好的交互设计与信息架构的设计，更是为了降低用户的认知、学习成本，尽可能的让用户直接地体验核心的功能。
框架层
经过了上面的结构层，我们可以看到，我们只是对产品的交互方式和内容组织方式进行了一个大概的设计。那么在框架层，就需要进一步地进行设计了。框架层包含了：界面设计、导航设计以及信息设计。
- 界面设计：选择合适的界面交互控件，帮助用户易于理解其含义，又能够让用户借助于此来实现具体功能
- 导航设计：让用户明确当前的位置、状态，提供用户访问其他功能(页面)的路径
- 信息设计：信息设计将各种设计元素粘合在一起，并呈现出来，让用户很好地理解和使用它们。
在产品设计中，经常用到线框图。线框图可以将上述的界面设计、导航设计、信息设计的三者有效结合，并通过草图的形式展现出来，是产品的雏形和大体形态。需要注意的是，线框图与产品原型不同，原型是对线框图的更细致描述的产品体现，包括了一定的交互及高精度的艺术设计，而线框图则是静态的，更倾向于表现各部分之间的连接。
表现层
表现层是用户真真切切地可以感受到的产品外在，也用户直接可视的一层。在这里先前的内容、功能和美学汇集到一起来产生一个最终设计，从而满足其他层面的所有目标。可以充分研究和利用用户的感知方式，通过设计产品的配色、排版、风格等，将产品的风格完整呈献给用户。并且能够带给用户流畅的使用路径，并且为用户提供有效的、可选择的“引导”。
另外：
- 产品的战略层设计应当是灵活的，在其他层次的设计过程中，可以回过头改进战略层的设计
- 线框图、原型设计，能够有效的向团队中的其他人传达设计者所要表达的效果，但高保真度的原型有时会限制设计的思路
- 在分析、解构其他产品的时候，可以遵循表现层->框架层->结构层->范围层->战略层的顺序，从表面设计开始，挖掘产品的核心战略、功能。
