一、表現(xiàn)層（Surface）

最終最外面的一層。直達用戶。

是用戶看到的一序列網(wǎng)頁，由圖片和文字組成。

關(guān)注的是視覺設(shè)計（Visual Design），也可以說是最終產(chǎn)品的外觀。

二、框架層（Skeleton）

什么功能放在哪里。

按鈕、表格、照片和文本區(qū)域的位置，用于優(yōu)化設(shè)計布局，以到達這些元素的最大效果和效率。

信息設(shè)計（Information Design）促進理解信息表達方式；

界面設(shè)計（Interface Design）安排好讓用戶與系統(tǒng)的功能產(chǎn)生交互的界面元素；

導(dǎo)航設(shè)計（Navigation Design）指屏幕上的一些組合，允許用戶在信息架構(gòu)中穿行。

三、結(jié)構(gòu)層（Structure）

比框架層更抽象，框架是結(jié)構(gòu)的具體表達方式。結(jié)構(gòu)層是用來設(shè)計用戶如何達到某個頁面，并且在我們做完事之后能去什么地方。

軟件方面，結(jié)構(gòu)層將范圍轉(zhuǎn)變成交互設(shè)計（Interaction Design），我們可以定義系統(tǒng)如何相應(yīng)用戶請求。信息空間方面，結(jié)構(gòu)層則是信息架構(gòu)（Information Architecture）在信息空間中內(nèi)容元素的分布。

四、范圍層（Scope）

確定網(wǎng)站各種特性和功能的最合適組合方式，這些特性和功能就構(gòu)成網(wǎng)站的范圍層。

功能規(guī)格（Functional Specification），對產(chǎn)品的“功能組合”的詳細描述。

內(nèi)容需求（Content Requirement）對各種內(nèi)容元素的要求的詳細描述。

五、戰(zhàn)略層（Strategy）

決定范圍，包括經(jīng)營者想從網(wǎng)站得到什么；包括用戶想從網(wǎng)站得到什么。

關(guān)注內(nèi)容來自企業(yè)外部的用戶需求（User Need）是網(wǎng)站的目標：商業(yè)目標或其他類型的目標