一、什么是信息架构（IA）
1. 概念定义
- 信息架构（Information Architecture, IA） 是在网站或应用中组织、分类、命名、连接信息的过程与结果。
- 它的目标是：让用户快速找到信息、理解信息之间的关系、顺畅完成任务。
2. 信息架构的核心要素
| 要素 |
解释 |
例子 |
| 结构（Structure） |
内容的分组与层级关系 |
首页 → 分类 → 文章 |
| 导航（Navigation） |
用户在结构中移动的路径 |
主菜单、面包屑导航 |
| 标签（Labeling） |
对内容的命名方式 |
“教学日志”“学生作品” |
| 搜索（Search） |
直接定位信息的方式 |
站内搜索框、标签云 |
3. 为什么先设计 IA 而不是直接做页面？
- 像盖房子前先画建筑图：有了蓝图，施工不会乱。
- 避免返工：结构不清会导致导航重复、内容孤立，修改成本高。
- 提升用户体验：用户在清晰的结构中更容易找到所需信息。
- 为技术实现提供路线图：前端开发可以按照 IA 一步步落地页面与功能。
二、信息架构在搭建个人博客中的作用
- 决定页面和功能的范围
- 明确有哪些页面（首页、文章页、联系页等）
- 明确哪些功能（分类、标签、搜索、表单等）
- 指导内容的分类与标签策略
- 提前定义分类可以避免文章随意堆放
- 标签策略帮助后期交叉检索、SEO 优化
- 影响主题和插件的选择
- 主题是否支持多级菜单？
- 是否有分类页模板、标签页模板？
- 是否内置面包屑导航？
- 支撑后续的教学拆解
- IA 的每个节点都可以映射到一个前端技能点（导航 → HTML nav、分类页 → 循环渲染、表单 → 表单验证等）