自下而上的建设
- 表现层（Surface）
是看到的一序列网页，由图片和文字组成。
关注的是视觉设计（Visual Design），也可以说是最终产品的外观。 - 框架层（Skeleton）
按钮、表格、照片和文本区域的位置，用于优化设计布局，以到达这些元素的最大效果和效率。
被分成3个部分，必须完成信息设计（Information Design）促进理解信息表达方式；还包含界面设计（Interface Design）或说是安排好让用户与系统地功能产生交互的界面元素；从信息空间方面讲，界面就是导航设计（Navigation Design）指屏幕上的一些组合，允许用户在信息架构中穿行。 - 结构层（Structure）
比框架层更抽象，框架是结构的具体表达方式。结构层是用来设计用户如何达到某个页面，并且在我们做完事之后能去什么地方。
软件方面，结构层将范围转变成交互设计（Interaction Design），我们可以定义系统如何相应用户请求。信息空间方面，结构层则是信息架构（Information Architecture）在信息空间中内容元素的分布。 - 范围层（Scope）
确定网站各种特性和功能的最合适组合方式，这些特性和功能就构成网站的范围层。
在软件方面它转化成创建功能规格（Functional Specification），对产品的“功能组合”的详细描述。信息空间方面，范围则以内容需求（Content Requirement）形式表现，对各种内容元素的要求的详细描述。 - 战略层（Strategy）
决定范围，包括经营者想从网站得到什么；包括用户想从网站得到什么。
关注内容来自企业外部的用户需求（User Need）是网站的目标：商业目标或其他类型的目标