網站 vs Web 應用：本質區別

維度	網站	Web 應用
核心屬性	靜態信息集合（文本/圖片/視頻）	動態交互系統
主要目的	提供信息	依業務規則滿足用戶任務需求
交互深度	有限（表單/搜索）	深度、高頻、任務導向
用戶關係	偶訪、易流失	日常工作平台、高粘性、高學習成本
典型例子	個人博客、企業官網	CRM、ERP、郵件營銷平台、銀行系統

兩類 Web 應用

• 開放型：公開註冊，免費/付費賬號（如 CampaignMonitor）。
• 保密型：僅內網訪問，員工專用（如內部 ERP），對外僅通過 API 暴露有限功能。

設計流程：以用戶為核心的迭代閉環

1. 識別用戶：客戶≠用戶，你≠用戶。方法：用戶訪談、實地觀察、影子跟隨、問卷、人物角色構建、任務分析。
2. 草圖：快速發散概念，低成本試錯，Bill Buxton：「速度快、易處理，故強大」。
3. 線框圖：延伸草圖，定佈局/導航/交互細節，非視覺設計稿。
4. 原型：可交互模擬真實程序，可測試可驗證。每輪迭代產出可測試原型。
5. 可用性測試：真實用戶完成真實任務，收集定性/定量數據。
6. 迭代優化：基於測試結果修正，進入下一輪。

關鍵原則

• 同時照顧新手（快速上手）與專家（高效操作），可通過隱藏高級功能實現同一界面兼容。
• 設計師必須介入全流程，不可甩鍋給開發。
• 最終用戶只關心界面，不關心後端技術多酷炫。

推薦延伸閱讀

• 35 個優秀線框圖素材
• 畫用戶體驗草圖工具
• 20 步提高線框圖質量