产品的五个层面自上而下由具体到抽象。
1、表现层
在表现层，可以看到的是一系列的网页，有图片和文字组成。一些图片可以进行点击，从而执行某种功能；一些图片只是图片。表现层主要是视觉的设计，前端开发。
2、框架层
表现层之下是网站的框架层：按钮、控件、照片和文本区域的位置。框架层用于优化设计布局，以达到这些元素的最大的效果和效率。框架层主要是页面布局，导航设计，信息内容，是交互设计，设计出UI图片供前端开发。
3、结构层
结构层用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方，确定哪些类别应该出现在哪里。结构层主要是交互关系，信息结构，页面之间的逻辑，也属于交互设计层面
4、范围层
范围层是指网站包含哪些功能，主要是提供功能范围和内容需求，属于产品设计和用户研究层面
5、战略层
战略层决定了范围层，网站是干什么用的，提供给用户什么内容，主要满足用户的需求和产品运营目标，属于产品设计和用户研究层面。
