產(chǎn)品能力的不斷提升尝哆，也是對這5個要素的不斷深入把握基公。
五個要素肢扯，就是產(chǎn)品生命周期的過程
戰(zhàn)略層
網(wǎng)站的范圍基本上是由網(wǎng)站的戰(zhàn)略層（strategy）所決定的辫秧。這些戰(zhàn)略不僅僅包括了經(jīng)營者想從網(wǎng)站得到什么般码，還包括了用戶想從網(wǎng)站得到什么妻率。就我們的網(wǎng)上書店的例子而言，一些戰(zhàn)略目標(biāo)是顯而易見的：用戶想要買書板祝，我們想要賣出它們宫静。另一些目標(biāo)可能并不是那么容易說清楚的。
范圍層
結(jié)構(gòu)層確定網(wǎng)站各種特性和功能的最合適的組合方式券时，而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層（scope）孤里。有些賣書的網(wǎng)站提供了一個功能，使用戶可以保存之前的郵寄地址橘洞，這樣他們可以再次使用它捌袜。這個功能——或任何一個功能——是否應(yīng)該成為網(wǎng)站的功能之一，就屬于范圍層要解決的問題炸枣。
結(jié)構(gòu)層
與框架層相比更抽象的是結(jié)構(gòu)層（structure）虏等，框架則是結(jié)構(gòu)的具體表達(dá)方式∈食Γ框架層確定了我們的結(jié)賬頁面上交互元素的位置霍衫；而結(jié)構(gòu)層則用來設(shè)計用戶如何到達(dá)某個頁面，并且在他們做完事情之后能去什么地方侯养∧降框架層定義了導(dǎo)航條上各項的排列方式，允許用戶可以瀏覽書籍的不同類別沸毁；結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在那里峰髓。
框架層
在表現(xiàn)層之下是網(wǎng)站的框架層（skeleton）：按鈕、表格息尺、照片和文本區(qū)域的位置携兵。框架層用于優(yōu)化設(shè)計布局搂誉，以達(dá)到這些元素的最大效果和效率——使你在需要的時候徐紧，能記得標(biāo)識并找到購物車的按鈕。
表現(xiàn)層
在表現(xiàn)層（surface），你看到的是一系列的網(wǎng)頁并级，有圖片和文字組成拂檩。一些圖片是可以點擊的，從而執(zhí)行某種功能嘲碧。例如把你帶到購物車?yán)锶サ纠Ｒ恍﹫D片就只是圖片，比如一本書的封面或網(wǎng)站自己的標(biāo)志愈涩。
戰(zhàn)略層確定用戶需求與產(chǎn)品目標(biāo)望抽。
范圍層確定功能需求與內(nèi)容需求。
結(jié)構(gòu)層確定用戶如何到達(dá)頁面履婉，完成操作后所指向的頁面煤篙。信息架構(gòu)及交互設(shè)計。
框架層確定毁腿，頁面布局與導(dǎo)航設(shè)計辑奈。確定頁面組建位置。
表現(xiàn)層為視覺設(shè)計已烤。
