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