Menú
規劃資訊架構、內容層級與導航結構,讓使用者更容易理解與找到資訊。當任務涉及網站地圖、內容分類、導航重組、卡片分類、tree testing 或大型內容結構設計時使用。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
收斂洞察、界定問題、優先順序與成功指標，並確認限制條件（含可及性/a11y）。
蒐集使用者洞察、執行訪談並萃取人物誌與需求背景，建立對目標族群的同理心。
發散解法、繪製線框並探索視覺方向；內含 20 種 UI 風格參考以快速收斂。
將優選解法轉成可操作原型，設定互動、轉場與狀態，為測試與示範做準備。
評估與改善介面、內容與互動的無障礙品質,使產品更符合 WCAG 與包容性設計原則。當任務涉及對比度、鍵盤操作、語意化、表單可用性、螢幕閱讀器支援或 a11y 檢查時使用。
建立與維護設計系統、Design Tokens、元件規範與文件結構,提升產品一致性與跨團隊協作效率。當任務涉及元件庫、樣式規範、token、文件化、系統治理或跨產品一致性時使用。
| name | information-architecture |
| description | 規劃資訊架構、內容層級與導航結構,讓使用者更容易理解與找到資訊。當任務涉及網站地圖、內容分類、導航重組、卡片分類、tree testing 或大型內容結構設計時使用。 |
| license | MIT |
| metadata | {"author":"goodux","version":"1.0.0","category":"interface-design","language":"zh-TW"} |
定義內容分類、命名規則、層級深度與導航路徑,讓使用者能以更低成本找到資訊並完成任務。
user-interview: 先理解不同角色如何命名與尋找資訊wireframing: 將 IA 結果轉成具體的頁面與導航骨架usability-testing: 用 tree testing 或原型驗證新架構是否可用persona-creation: 區分不同角色的心智模型與資訊需求# 後台資訊架構
主導航:
- 儀表板
- 客戶
- 報表
- 權限
- 設定
命名原則:
- 優先使用使用者語言
- 相同概念只保留一種叫法
待驗證:
- 新使用者能否找到權限設定
- 報表與通知是否應分開
本技能提供完整的資訊架構範例庫，請參考 examples.yaml：
使用方式：根據產品類型選擇適合的架構模式，參考範例快速建立資訊架構。
TEMPLATE.md，確認欄位結構、最小必要欄位、品質標準與驗證方式。examples.yaml，從既有架構模式、導航類型、網站地圖與命名原則中選取最適合的內容。TEMPLATE.md 的格式與命名規則，避免建立重複或邊界模糊的分類。TEMPLATE.md 的格式要求，其次再引用 examples.yaml 的內容細節。