在视觉设计前做信息架构规划：定义站点地图、导航、内容层级…

适用场景：需要在开发前为产品/网站规划结构、导航、内容组织、关键用户流与 URL 策略时。

适用场景

解决思路

1. 查找 `.design/*/DESIGN_BRIEF.md` 中已有的设计简报。
2. 如果存在多个 `.design` 子文件夹，使用最近修改的那个，或询问用户正在处理哪个功能。
3. 如果没有设计简报，询问用户正在构建什么以及目标用户是谁。
4. 探索现有代码库以理解已有结构。
5. 检查路由：Next.js `app/` 或 `pages/` 目录、React Router 配置、Vue Router、SvelteKit routes 或静态 HTML 页面文件。
6. 检查导航组件：header、sidebar、navbar、breadcrumb、footer 组件。
7. 检查布局组件：root layouts、nested layouts、page wrappers、container components。
8. 检查页面目录：页面当前在文件系统中的组织方式。
9. 检查 URL 模式：已有 slugs、dynamic segments、query parameter conventions。
10. 检查 CMS 或数据层：content models、API routes、data fetching patterns、MDX/content directories。
11. 如果已有结构，扩展并改进它；不要提出忽略已构建内容的新架构。
12. 就结构决策采访用户；对每个问题提供你的推荐答案。
13. 至少覆盖：用户需要找到或完成的主要事项是什么，并按频率排序。
14. 至少覆盖：可接受的导航深度是多少层。
15. 至少覆盖：哪些内容会随时间增长，哪些是固定的。
16. 至少覆盖：是否有不同用户类型需要不同入口点。
17. 至少覆盖：用户 80% 时间花在哪个页面/视图上。
18. 在达成共识后，使用模板产出 IA 文档。
19. 将 IA 文档保存为 `INFORMATION_ARCHITECTURE.md`，放在与设计简报相同的 `.design/<feature-slug>/` 子文件夹。
20. IA 文档标题写 `# Information Architecture: [Product/Site Name]`。
21. 写 Site Map：列出每个页面或视图的层级地图；用缩进表示嵌套；为每个页面包含 URL 模式。
22. 写 Navigation Model：描述 primary navigation（主导航中包含什么，最多几个项目）、secondary navigation（sidebar、tabs 或分区内上下文链接）、utility navigation（account、settings、help 和主内容层级之外的一切）、mobile navigation（导航如何适配，hamburger、bottom tabs 或其他）。
23. 写 Content Hierarchy：为每个主要页面/视图定义内容优先级，列出最高优先级内容及为什么排第一、第二优先级及为什么排第二、第三优先级及理由、首屏以下/次要内容。
24. 写 User Flows：记录产品关键路径；每个流程是一系列步骤并标注决策点：用户落在哪个页面、看到什么内容/提示、采取什么动作；若满足条件 A 则到结果 A，若满足条件 B 则到结果 B；最终到达什么目标位置。
25. 写 Naming Conventions：维护界面术语表；保持一致性；选择一个词并在所有地方使用；表格包含 Concept、Label in UI、Notes。
26. 写 Component Reuse Map：列出跨页面共享的结构组件（layouts、containers、navigation elements）；表格包含 Component、Used on、Behavior differences。
27. 写 Content Growth Plan：标明站点哪些部分会随时间累积内容，以及 IA 如何适应增长（pagination、filtering、search、archive patterns）。
28. 写 URL Strategy：定义 URL 构造规则，包括 Pattern（例如 `/section/subsection/item-slug`）、Dynamic segments（什么被参数化）、Query parameters（filtering、sorting、pagination）。

适用边界 · 注意事项

• 没有设计简报且用户目标/受众不明确时，先不要产出 IA 文档，应询问后再做。
• 已有结构时，如果无法探索代码库或未理解已有架构，不要提出忽略现状的全新 IA。
• 不适用于纯视觉/品牌设计、单页面微调或无需结构层规划的场景。