1. 戰(zhàn)略層（確定產(chǎn)品目標(biāo)及用戶需求）

產(chǎn)品立項：我們要做什么產(chǎn)品？我們要從產(chǎn)品中得到什么？我們的用戶要從產(chǎn)品中得到什么？→ 輸出產(chǎn)品初始方案

2. 范圍層（確定需求與功能）

收集需求 → 確定需求優(yōu)先級?→ 輸出產(chǎn)品需求文檔

3. 結(jié)構(gòu)層（確定交互設(shè)計與信息結(jié)構(gòu)）

交互設(shè)計：關(guān)注可能的用戶行為，定義系統(tǒng)的配合響應(yīng)

信息架構(gòu)：設(shè)計信息內(nèi)容的組織分類和導(dǎo)航結(jié)構(gòu)?→ 輸出產(chǎn)品流程架構(gòu)圖

4. 框架層（確定頁面布局線框圖）

界面設(shè)計：安排和選擇界面元素

導(dǎo)航設(shè)計：識別和定義核心導(dǎo)航系統(tǒng)

信息設(shè)計：放置和排列信息組成部分的優(yōu)先級?→ 輸出產(chǎn)品原型圖及交互稿

5. 表現(xiàn)層（確定視覺設(shè)計）

完成線框交互稿下的視覺呈現(xiàn)方案，設(shè)計最終產(chǎn)品外觀?→ 輸出產(chǎn)品設(shè)計稿