作者團隊實踐的交互設計標準化流程，強調「設計思維」貫穿產品團隊，產品經理、交互設計師、UI 設計師、工程師全程共創，而非割裂交接。

前置共識：場景與人設

一切始於 Scenario（應用場景） 與 Persona（用戶角色）。產品在什麼場景被誰使用？設計對錯由用戶角色判斷，而非設計師主觀。團隊對齊場景與人設，能從源頭規避大量無效爭論。

六大核心階段

1. Storyboard 故事版 —— 白板上的流程共創

主責： 產品經理 / 交互設計師
白板邊畫流程邊置 UI 元素，會後交互師產出手繪線框。多角色參與討論流程與核心功能，手繪最快、易修改。產出：Userflow 確定，每步對應一主界面。

2. Key Wireframe 關鍵界面線框圖 —— 1:1 精確佈局

主責： 交互設計師
從 Userflow 中挑選關鍵步驟，產出 1:1 真實尺寸線框圖，鎖定每個 UI 元素大小位置、全局佈局風格。輸出帶註釋文檔，供 UI 與工程共用。

3. Key Visual Design 關鍵界面視覺設計 —— 風格定調

主責： UI 設計師
交互師同步推進其餘界面線框；UI 設計師在確定佈局基礎上，進行配色、風格探索，敲定產品視覺語言。

4. All Wireframe 全部界面線框圖 —— 完整骨架

主責： 交互設計師
產出所有界面 1:1 線框圖並團隊確認。常伴隨總結構圖，或逐頁打印貼牆，便於隨時對照。

5. Prototype 可交互原型 —— 驗證動態體驗

主責： 交互設計師
靜態線框不足以表達交互細節時，產出可操作原型（HTML/Flash/PPT+VBScript）。團隊理解更精準，條件允許時用於用戶測試。

6. UI Design 全部界面視覺設計 —— 交付資產

主責： UI 設計師
完成全套視覺稿，同步更新設計文檔。建議每階段邀請決策者確認，降低返工成本。

關鍵原則

• 流程非教條，服務於團隊實際協作效率。
• 用戶測試必須基於可交互原型，靜態圖難獲有效反饋。
• 文檔活著：線框圖、視覺稿、原型同步更新，成為團隊單一事實源。