产品经理课程 · 第二阶段：产品设计
🏗️ 06 - 信息架构
卡片分类+树状结构+导航设计
📋 本章导读
信息架构是产品的骨架——骨架歪了，再好的内容也站不住。本章将深入卡片分类法、树状结构设计和导航模式，帮你构建让用户"不用想就知道在哪"的信息组织方式。
🎯 学习目标
- 理解信息架构的4大系统（组织/标签/导航/搜索）
- 掌握开放/封闭式卡片分类实操方法
- 能设计合理的树状结构和导航体系
- 学会信息架构可用性验证方法
一、信息架构四大系统
Louis Rosenfeld和Peter Morville在《信息架构》中定义了四大系统，它们共同构成了产品的信息骨架。
📂 组织系统
信息如何分组？
自上而下：从业务分类出发
自下而上：从内容属性出发
关键：组织方式要匹配用户心智模型
🏷️ 标签系统
如何命名？
用户能看懂吗？
"提交"vs"保存"vs"确认"
关键：标签要一致、无歧义、用户语言
🧭 导航系统
如何找到？
全局导航、局部导航、面包屑
关键：让用户知道在哪、去过哪、能去哪
🔍 搜索系统
组织、标签、导航都做不到的时候，搜索是最后的安全网。但搜索系统不是垃圾桶——如果用户频繁用搜索而非导航，说明你的信息架构有问题。
二、卡片分类法：让用户教你如何组织信息
卡片分类是验证信息架构最直接的方法：让用户把功能/内容卡片按自己的理解分组，你就能发现用户的心智模型和你的假设之间的差距。
📋 开放式卡片分类
给用户卡片，让他们自由分组并命名。
- 适用：从零设计信息架构
- 优点：发现用户真实心智模型
- 缺点：分析复杂，结果差异大
- 人数：15-20人
- 工具：物理卡片/OptimalSort/UserTesting
🗂️ 封闭式卡片分类
给用户卡片和预设分类，让他们把卡片归入分类。
- 适用：验证已有信息架构
- 优点：结果可比、易分析
- 缺点：限制了用户的思维
- 人数：20-30人
- 工具：OptimalSort/Treejack
📋 卡片分类实操步骤
Step 1：准备卡片（40-80张）
- 每张代表一个功能或内容
- 描述用用户语言，不用专业术语
- 避免暗示分组关系的措辞
Step 2：招募参与者
- 目标用户，非内部员工
- 开放式15-20人，封闭式20-30人
- 分3-4轮进行
Step 3：执行分类
- 简短说明（不超过2分钟）
- 不要暗示"正确"分组方式
- 观察犹豫和纠结的卡片——这些是需要重点关注的
Step 4：分析结果
- 相似度矩阵：哪些卡片经常被分在一起
- 聚类分析：发现用户自然形成的分组
- 工具：OptimalSort自动生成 dendrogram
Step 5：验证
- 用封闭式卡片分类验证开放式的结果
- 用树状测试(Treejack)验证导航结构
三、树状结构设计：从根到叶的信息路径
好的树状结构像一棵树：根粗壮（入口少而清晰）、枝干分明（分类互斥）、叶茂盛（内容丰富可发现）。
🌳 树状结构设计原则
- 广度vs深度：每层3-7个选项、总共不超过3-4层。Miller的7±2法则——用户短时记忆有限，每层选项太多会认知过载
- 互斥与穷尽：同一层级的分类必须互斥（一个功能只属于一个分类）且穷尽（所有功能都有归属）
- 用户语言：分类名称必须用用户能理解的词，不用内部术语。"账户设置"比"用户中心模块"好100倍
- 可发现性：重要功能最多3次点击可达。如果用户需要4次以上点击才能完成核心任务，结构需要优化
⚠️ 常见错误：按组织架构设计信息架构。用户不关心你的公司有哪些部门，他们关心的是自己的任务能不能快速完成。产品菜单不应该映射团队结构。
四、导航设计：让用户永远知道自己在哪
| 导航类型 | 作用 | 适用场景 | 设计要点 |
|---|
| 全局导航 | 展示产品核心功能入口 | 几乎所有页面 | 3-7个一级入口，固定位置，当前项高亮 |
| 局部导航 | 展示当前模块的子功能 | 模块内页面 | 与全局导航视觉层级区分 |
| 面包屑 | 展示当前位置路径 | 层级较深的页面 | 可点击返回任意层级 |
| 情境导航 | 展示相关内容/操作 | 内容详情页 | "你可能还需要"等上下文链接 |
| 辅助导航 | 补充导航方式 | 复杂产品 | 站点地图、索引、标签云 |
五、案例深度拆解：淘宝信息架构演进
🛒 淘宝：从功能罗列到场景化导航
淘宝的底部导航栏经历了多次重大改版，每一次都反映了信息架构的深层思考。
- 2015年：5个Tab（首页/分类/消息/购物车/我的）——功能导向，用户需要知道"去哪里找"
- 2018年：加入"频道"Tab（首页/频道/消息/购物车/我的）——从功能到内容场景，推荐分发成为核心
- 2020年：首页信息流化，"猜你喜欢"占比超60%——导航不再是"找东西"，而是"东西找你"
- 2023年：AI驱动的个性化导航，不同用户看到不同的Tab组合——千人千面的信息架构
💡 关键洞察：淘宝的演进揭示了一个趋势——当内容足够多时，导航从"人找内容"转向"内容找人"。信息架构的终极形态可能不是更好的分类，而是更智能的推荐。
🧪 练习1：开放式卡片分类
选择一个你熟悉的产品（如外卖App），列出30个功能点写在卡片上。邀请5位非产品岗位的朋友进行开放式卡片分类，对比他们的分组方式与产品的实际导航结构，找出差异并分析原因。
🧪 练习2：树状结构优化
分析一个信息架构有明显问题的产品（如企业级SaaS），画出当前树状结构图，标注问题点（层级过深/分类重叠/命名模糊），提出优化方案并画出改进后的树状结构。
🧪 练习3：导航走查
找一个你常用的App，做一次导航走查：记录从首页到10个核心功能的点击路径，统计平均点击次数和遇到的困惑点。提出3条导航优化建议。
🏆 本章成就
- ✅ 卡片分类师 — 能设计和执行卡片分类实验
- ✅ 结构设计师 — 构建广度深度平衡的树状结构
- ✅ 导航架构师 — 设计让用户永不迷路的导航体系
- ✅ 心智模型捕捉者 — 发现用户心智模型与产品假设的差距
六、信息架构可用性验证
🌲 树状测试（Tree Testing）
卡片分类告诉你用户"如何分组"，树状测试告诉你用户"能不能找到"——这是互补的验证方法。
- 方法：只展示导航结构（没有视觉设计），给用户一个任务，看他们能否通过菜单找到正确位置
li>指标：成功率（目标>70%）、直达率（不回退的比例）、时间（目标<30秒）
- 工具：Treejack/Optimal Workshop
- 最佳实践：5-10个任务，10-20个参与者，在视觉设计之前做
📚 信息架构推荐阅读
- 《信息架构》Rosenfeld & Morville — IA领域的圣经
- 《Don't Make Me Think》Steve Krug — 可用性经典，简单直觉的设计
- 《设计心理学》Don Norman — 用户心智模型的深度解读
💡 信息架构的核心心法：好的信息架构让用户"不用想就知道在哪"。如果你需要解释"这个在这里是因为..."，说明架构还有优化空间。最好的架构是用户不用学习的架构——它匹配用户已有的心智模型。
七、移动端信息架构的特殊考量
📱 移动端IA的5个独特挑战
- 屏幕空间有限：桌面端可以同时展示导航+内容+侧边栏，移动端每屏只能做一件事。信息架构必须更深但更窄——每层选项更少，但层级更清晰
- 拇指区域：底部导航比顶部导航更符合单手操作习惯。核心功能入口放底部，操作按钮放右侧——这不仅是设计问题，是IA问题
- 手势导航：滑动返回、下拉刷新、侧滑菜单——手势是移动端独有的导航方式，需要在IA层面规划而非事后添加
- 上下文切换：移动用户经常被打断，信息架构需要支持"随时离开、随时回来"——保存状态、恢复进度、快捷入口
- 离线场景：地铁/电梯等网络不稳定场景，需要考虑哪些内容可离线访问、哪些需要提示网络不可用
八、企业级产品的信息架构挑战
🏢 企业级IA的3层架构
- 组织层：公司/部门/团队/项目——企业产品的导航必须反映组织结构
- 功能层：每个组织层级下的功能模块——功能按角色权限动态显示
- 数据层：每个功能模块下的数据对象——CRUD操作+列表/详情/表单
- 关键原则：企业级产品的IA不是3层而是5-7层。深度越深，导航设计越关键——面包屑+侧边栏+搜索三管齐下