1. 结构层。关注产品的信息架构和交互设计，信息架构涉及如何组织和呈现内容元素，以促进用户理解，交互设计涉及用户如何与产品互动，包括点击、填写表单等操作。
2. 框架层。关注产品的页面布局和导航结构，包括banner的位置、按钮的位置等，确保产品易于导航和使用。
3. 表现层。关注产品的视觉传达，包括色彩、字体、图像等视觉元素，这些元素应与产品的整体目标和结构相协调。

此处不做过多的方法论的说明，需要的同学推荐可以去看一下《用户体验要素》这本书。输出物一般为功能结构图、用户使用路径图、产品原型、设计稿等。

更想说的是，交互、视觉、用户体验这些内容很多时候是被大部分的产品不太重视的，总认为逻辑正确、模式正确那产品一定会成功，但我想说的是大部分的用户他们不关心或者说首先关心的不是逻辑正确、模式正确，他们首先能够感受到的是交互、视觉、体验，好不好用、容不容易使用是他们首先能够感受到的，只有他对产品功能的印象是正面的他们才有可能继续使用或者是能够“友好”使用你的产品。

我们做产品设计时既要能够“从下往上看”（从数据-逻辑-应用-体验），也能够“从上往下看”以用户视角去看自己设计的产品。