大多數人都曾經(jīng)通過(guò)網(wǎng)站購買(mǎi)過(guò)一個(gè)實(shí)物。這種經(jīng)歷幾乎每一次是一樣的--你到達網(wǎng)站，尋找你想買(mǎi)的東西 (也許使用搜索引擎，也許使用分類(lèi)目錄)，把你的信用卡號和郵寄地址告訴網(wǎng)站，然后網(wǎng)站則保證這個(gè)產(chǎn)品將遞送到你的手中 。
 
這個(gè)清晰、有條不紊的體驗，事實(shí)上是由一系列完整決策(大大小小的決策) 組成的:網(wǎng)站看起來(lái)是什么樣、它如何運轉、它能讓你做什么，這些決策彼此依賴(lài)，告知并影響用戶(hù)體驗的各個(gè)方面。如果我們去掉這些體驗的外殼，就可以理解這些決策是如何做出來(lái)的了。



表現層

在表現層( surface )，你看到的是一系列的網(wǎng)頁(yè)，由圖片和文字組成。一些圖片是可以點(diǎn)擊的，從而執行某種功能，例如把你帶到購物車(chē)里去的購物車(chē)圖標。一些圖片就只是圖片，比如一個(gè)促銷(xiāo)產(chǎn)品的照片或網(wǎng)站自己的標志。
 
框架層

在表現層之下是網(wǎng)站的框架層( skeleton ): 按鈕，控件、照片和文本區域的位置、框架層用于優(yōu)化設計布局，以達到這些元素的最大的效果和效率--使你在需要的時(shí)候，能記得標識并找到購物車(chē)的按鈕。

結構層

與框架層相比更抽象的是結構層( structure )，框架是結構的具體表達方式?？蚣軐哟_定了在結賬頁(yè)面上交互元素的位置；而結構層則用來(lái)設計用戶(hù)如何到達某個(gè)頁(yè)面，并且在他們做完事情之后能去什么地方?？蚣軐佣x了導航條上各要素的排列方式，允許用戶(hù)可以瀏覽不同的商品分類(lèi): 結構層則確定哪些類(lèi)別應該出現在那里。
 
范圍層

結構層確定網(wǎng)站各種特性和功能最合適的組合方式，而這些特性和功能就構成了網(wǎng)站的范圍層( scope )。比如，有些電子商務(wù)網(wǎng)站提供了一個(gè)功能，使用戶(hù)可以保存之前的郵寄地址，這樣他們可以再次使用它。這個(gè)功能( 或任何一個(gè)功能) 是否應該成為網(wǎng)站的功能之一，就屬于范圍層要解決的問(wèn)題

戰略層

網(wǎng)站的范圍基本上是由網(wǎng)站戰略層( strategy )所決定的。這些戰略不僅僅包括了深圳網(wǎng)站建設經(jīng)營(yíng)者想從網(wǎng)站得到什么，還包括 了用戶(hù)想從網(wǎng)站得到什么，就我們的網(wǎng)上商店的例子而言，一些戰略目標是顯而易見(jiàn)的:用戶(hù)想要買(mǎi)到商品，我們想要賣(mài)出它們。另一些目標(如促銷(xiāo)信息，或者用戶(hù)填寫(xiě)的內容在商務(wù)模型中扮演的角色)可能并不是那么容易說(shuō)清楚的。