從低向上為戰(zhàn)略層、范圍層、 結(jié)構(gòu)層、 框架層和表現(xiàn)層
戰(zhàn)略層(strategy)——網(wǎng)站目標(biāo)和用戶需求
成功的用戶體驗(yàn)，其基礎(chǔ)是一個被明確表達(dá)的“戰(zhàn)略”。知道企業(yè)與用戶雙方對網(wǎng)站的期許和目標(biāo)，有助于確立用戶體驗(yàn)各方面戰(zhàn)略的制定。然而回答這些看似簡單的問題卻不如說起來那么容易。

范圍層(scope)——功能規(guī)格和內(nèi)容說明
帶著“我們想要什么”、“我們的用戶想要什么的”的明確認(rèn)識，我們就能弄清楚如何去滿足所有這些戰(zhàn)略的目標(biāo)。當(dāng)你把用戶需求和網(wǎng)站目標(biāo)轉(zhuǎn)變成網(wǎng)站應(yīng)該提供給用戶什么樣的內(nèi)容和功能時，戰(zhàn)略就變成了范圍。

結(jié)構(gòu)層(structure)——交互設(shè)計(jì)與信息架構(gòu)
在收集完用戶需求并將其排列好優(yōu)先級別之后，我們對于最終展品將會包括什么特性已經(jīng)有了清楚的圖像。然而，這些需求并沒有說明如何將這些分散的片段組成一個整體。這就是范圍層的上面一層：為網(wǎng)站創(chuàng)建一個概念結(jié)構(gòu)。

框架層(skeleton)——界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
在充滿概念的結(jié)構(gòu)層中開始形成了大量的需求，這些需求都是來自我們的戰(zhàn)略目標(biāo)的需求。在框架層，我們要更進(jìn)一步地提煉這些結(jié)構(gòu)，確定很詳細(xì)的界面外觀、導(dǎo)航和信息設(shè)計(jì)，這能讓美色的結(jié)構(gòu)變得更實(shí)在。

表現(xiàn)層(surface)——視覺設(shè)計(jì)
在這個五層木星的頂端，我們把注意力轉(zhuǎn)移到網(wǎng)站用戶會先注意到的那些方面：視覺設(shè)計(jì)，這里，內(nèi)容、功能和美學(xué)匯集到一起來產(chǎn)生一個最終設(shè)計(jì)，這將滿足其他四個層面的所有目標(biāo)。