Best Practices
精選的 UX 設計最佳實踐,幫助你在實際專案中做出更好的設計決策
使用者研究
訪談至少 5-8 位使用者
尼爾森研究顯示,5 位使用者可發現 85% 的可用性問題
使用開放式問題
避免引導性問題,讓使用者自由表達真實想法
基於真實資料建立人物誌
避免假設,所有人物誌特徵都應有研究資料支撐
介面設計
保持資訊架構層級在 3-4 層
過深的層級會讓使用者迷失,難以找到資訊
使用真實內容而非 Lorem Ipsum
真實內容能幫助發現實際的排版和空間問題
遵循 7±2 原則
每層導航項目不超過 7±2 個,避免選擇過載
可用性測試
盡早且頻繁地測試
在開發早期就開始測試,問題修正成本更低
保持中立態度
不要引導或幫助使用者,觀察他們的真實行為
記錄定量與定性數據
同時記錄完成率、時間等數據和使用者的想法感受
無障礙設計
色彩對比度達到 4.5:1
符合 WCAG AA 標準,確保文字清晰可讀
所有功能可用鍵盤操作
不依賴滑鼠,確保鍵盤使用者也能完整使用
提供清晰的焦點指示器
讓使用者知道目前焦點在哪個元素上
設計系統
從小規模開始
先建立核心元件,再逐步擴展到完整系統
優先處理最常用元件
Button、Input 等基礎元件應該最先完成
建立治理流程
定義如何提案、審查和發布新元件或變更
原型製作
根據目標決定保真度
早期概念驗證用低保真,最終驗證用高保真
專注關鍵流程
不需要完整產品,只需要測試的核心流程
加入完整狀態
包含載入、錯誤、空狀態等真實情境
Skills 使用
一次只使用一個 Skill
避免同時觸發多個 skills,確保流程清晰不混亂
在 Define 階段決定開發方式
選擇用 React + Shadcn/UI 做原型,或先產生 spec.md 規格文件
允許在任何階段重新開始
測試後如不滿意,可回到 Empathize/Define/Ideate/Prototype 重新設計
確保完成所有執行步驟
每個 skill 都有 4 個執行步驟,確保全部完成再進入下一階段