胖囧

信息架构

导读

很多产品的体验问题,看起来像界面问题,实际上是结构问题。

用户说"找不到",团队可能想把按钮放大;用户说"看不懂",团队可能想换一种文案;用户说"这个页面太乱",团队可能想重新排版。可真正的阻力常常藏在更靠前的位置:商品按供应商归类,而用户按用途寻找;后台入口按部门职责摆放,而管理员只想完成一次权限配置;帮助中心使用公司内部术语,而用户只会说"钱没到账""账号进不去""发票怎么改"。

这就是信息架构处理的范围。

信息架构,Information Architecture,简称 IA,关注的是信息、内容、功能和导航如何被组织。想象用户在帮助中心搜索"钱没到账",结果文章标题却叫"资金返还周期说明";他不知道该点哪篇,也不知道问题属于订单、售后还是支付。IA 要搭的就是这套"找路规则":入口按什么逻辑出现,名称能不能被预判,下一步是否顺手,走错以后有没有返回和重新定位的线索。

如果结构不清,界面再漂亮也会让用户疲惫。一个电商平台的分类混乱,用户会反复搜索、筛选、退出;一个 SaaS 后台的设置入口分散,管理员会依赖客服和文档;一个政务服务网站按部门名称组织服务,公众可能根本不知道自己要找的事项属于哪个部门。

核心问题

信息架构到底设计什么?它设计的是信息和功能的组织方式,而不是某一个页面的视觉样式。分类为什么困难?因为团队内部分类、业务分类、技术分类和用户心智分类经常不一致。命名为什么重要?一个入口叫什么,决定用户是否敢点、是否理解、是否能判断它和其他入口的区别。同时还要问:导航如何帮助用户建立方向感?好的导航既告诉用户现在在哪里,也告诉他还能去哪里、如何返回;搜索和筛选如何服务复杂内容?当内容规模大、用户目标多样时,搜索和筛选不是补丁,而是信息架构的一部分。卡片分类和树测试如何验证信息架构?卡片分类帮助理解用户如何分组,树测试帮助验证用户能否在结构中找到目标。信息架构如何影响业务价值?它通常通过降低查找成本、减少错误、提升任务完成、减少客服咨询和支持复杂产品扩展来体现。

关键概念与定义

信息架构

信息架构是信息、内容、功能和导航的组织方式。

它回答的是:哪些内容应该放在一起,哪些内容应该分开,入口如何命名,层级如何展开,用户如何从一个位置到另一个位置,迷路后如何恢复方向。

比如一个企业后台的"权限管理",可能包含角色、成员、部门、数据权限、审批权限、操作日志和安全策略。如果这些内容按数据库表分组,技术团队可能觉得清楚,管理员却可能完全不知道该先配置什么。信息架构要让结构贴近用户任务,而不是只反映系统内部结构。

分类

分类是把信息或功能按某种规则分组。

分类看似简单,其实很容易冲突。业务团队可能按产品线分类,运营团队按活动分类,技术团队按模块分类,用户却按任务分类。比如"发票"可以属于财务、订单、售后、账户,也可以属于"我要报销"这个任务。

分类的关键不是找到一个所有人都喜欢的答案,而是找到在目标任务中最容易理解、最稳定、最可扩展的组织方式。

标签

标签是分类、入口、导航、按钮或内容模块的名称。

标签不是随便起名字。一个入口叫"账户中心""个人中心""我的""设置""管理后台",会引导用户形成不同预期。标签太专业,用户不敢点;标签太宽,用户不知道里面有什么;标签之间差异太小,用户会反复试错。

层级

层级是信息从总到分、从上到下的结构关系。

层级能降低复杂度,也可能制造隐藏成本。层级太浅,页面容易拥挤;层级太深,用户需要不断猜测下一层。一个好的层级结构,要让用户每一步都能做出有把握的判断。

导航

导航是帮助用户理解当前位置、可去位置和返回路径的机制。

导航不只是顶部菜单。侧边栏、面包屑、标签页、目录、底部导航、上下文链接、返回入口、搜索结果路径,都属于导航体验的一部分。好的导航会持续交代三件事:你现在在哪个范围里,下一步有哪些可靠选择,走错以后怎样回到刚才的判断点。

卡片分类

卡片分类,Card Sorting,是让用户对内容或功能进行分组和命名,以理解用户心智模型的方法。Donna Spencer 的卡片分类资料常被用于信息架构研究和分类设计。1

卡片分类不能直接给出最终菜单,但能帮助团队发现用户如何理解内容之间的关系。

树测试

树测试,Tree Testing,是在没有视觉界面的情况下,让用户在纯文本层级结构中寻找目标内容,用来验证信息架构可找性的方法。

如果卡片分类像问用户"你会怎么整理这些东西",树测试更像问"如果按这个结构整理,你能不能找到要找的东西"。

概念边界与相近概念区别

信息架构与菜单设计

菜单是信息架构的一种表现,但信息架构不等于菜单。

如果一个网站的服务按"部门 A、部门 B、部门 C"组织,用户找不到"办理居住证明",团队不能只把菜单改成横向或纵向。真正要问的是:用户是否知道这个事项属于哪个部门?他是按部门找,还是按人生事件、任务、材料或结果找?

如果底层分类错了,菜单样式换得再漂亮也只是换了一种迷路方式。

信息架构与视觉层级

视觉层级关注页面上哪些内容更突出,信息架构关注内容和功能如何组织。

一个页面可以视觉层级清楚,却信息架构混乱。比如审批后台的表格、按钮和状态都做得干净利落,但"成员管理""访问控制""安全策略""组织设置"被分散在四处。新管理员仍然要来回试探:新增同事到底从哪里开始,限制外包访问又该在哪一步完成?

视觉能帮助表达结构,但不能替代结构。

信息不是越少越好

有些团队把"简洁"理解为删掉信息。可是用户在复杂任务中需要足够信息才能判断。

比如保险、金融、医疗、政务和企业后台,隐藏规则和解释不一定让体验更好。用户可能短期看得少了,后面却因为不理解条件、风险或后果而出错。

好的信息架构不是简单减少信息,而是让信息在合适的位置、以合适的粒度、按合适的顺序出现。

搜索的定位

搜索很重要,但不能把所有组织问题都丢给搜索。

如果一个知识库分类混乱、标签不一致、术语不统一,搜索结果也会混乱。用户在电商帮助中心搜"退款什么时候到账",文章标题却写着"售后资金返还周期";管理员在后台文档里搜"权限",系统长期使用的词却是"访问控制策略"。搜索技术可以扩展同义词和排序规则,但它很难替一套混乱的命名体系善后。

搜索和导航应该互相补充。导航帮助用户浏览和建立结构感,搜索帮助用户直接定位和处理不确定表达。

卡片分类与投票

卡片分类不是让用户投票决定菜单。

用户分组结果会有差异,不同用户群也可能理解不同。团队要分析模式、差异和任务背景,再结合业务、内容治理和技术约束做设计。把卡片分类结果机械地变成导航,可能会忽略长期维护和战略结构。

树测试的边界

树测试主要验证信息结构和标签是否帮助用户找到目标。它不测试视觉、交互反馈、页面内容质量或任务完成全过程。

如果用户在树测试中找得到入口,仍可能在页面里看不懂规则;如果用户在树测试中找不到,也不一定说明整个产品不好,只说明当前结构或标签需要调整。

方法、流程或框架

从用户任务出发

信息架构设计的起点不是系统模块,而是用户任务。

先列出用户要完成的关键任务:购买、查询、申请、配置、审批、报销、退款、学习、搜索知识、管理权限。再看每个任务需要哪些信息、入口、状态和决策。

比如一个 SaaS 管理后台,如果一开始就沿用数据库和后端模块的技术结构,研发团队看着顺,管理员却可能不知道第一步该点哪里。管理员真正带着问题进入系统:新员工周一入职,今天要拿到项目空间、客户数据和审批权限;外包同事只参与两周,不能看到财务报表;新部门成立,需要批量套用一组权限模板。这些任务会自然带出成员、角色、部门、模板、审批、日志和安全提醒之间的关系。

盘点内容和功能

设计 IA 前,要先知道产品里有什么。

内容盘点可以包括页面、功能、文章、帮助文档、字段、报表、设置项、状态、错误说明、权限入口。大型产品尤其需要盘点,否则团队很容易只优化看得见的几个页面,忽略深处混乱。

盘点时要标记每项内容的所有者、使用频率、用户任务、更新时间、重复项和废弃风险。信息架构不是一次整理,而是长期治理的基础。

建立分类原则

分类原则要明确,否则团队会在每一个入口上争论。

分类方式要跟用户寻找方式匹配。电商通常会结合品类、场景、品牌、价格、属性和人群,因为用户可能说"我要买通勤鞋",也可能说"我要某品牌 42 码"。企业后台更常按任务和对象结合,比如成员、权限、审批、报表、系统设置。知识库则常按用户问题、主题、产品模块和使用阶段组合。

分类原则不一定只有一个,但主分类逻辑要稳定。如果同一层级一会儿按部门、一会儿按任务、一会儿按产品线,用户就很难预测。

设计标签和命名

标签设计要尽量贴近用户语言。

团队内部常用词不一定是用户语言。技术团队说"访问控制",用户可能说"权限";业务团队说"履约异常",用户可能说"订单出问题";平台说"资金返还",用户可能说"退款"。

标签要尽量具体、可区分、可预期。"管理""设置""更多"这样的词本身并不错误,问题在于它们像没有门牌号的房间。如果一个产品同时有"账户设置""组织设置""项目设置""安全设置",用户至少要能在点击前判断:自己要改的是个人资料、团队成员,还是某个项目的权限规则。必要时可以用辅助说明补充标签,让用户在点击前知道里面有什么。

设计层级和导航

层级设计要控制认知负担。

一个常见错误是把所有重要内容都放在一级导航,结果一级导航变成一排拥挤入口。另一个错误是把很多内容藏到三四级深处,用户需要不断猜测。

比较稳妥的做法是:一级导航反映稳定的主要任务或业务域;二级结构承载具体对象和子任务;页面内部用标题、分组、锚点和上下文链接帮助用户继续定位。

导航还要支持方向感。用户需要知道自己在哪里、属于哪个模块、上一级是什么、如何回到列表、当前筛选条件是什么、是否可以撤回或重新选择。

处理搜索、筛选和排序

当内容规模大、用户目标多样时,搜索、筛选和排序会成为信息架构的一部分。

搜索适合用户知道自己要找什么,但不确定路径。筛选适合用户需要逐步缩小范围。排序适合用户需要按价格、时间、热度、优先级、风险或相关性比较结果。

以电商为例,用户找"适合通勤的双肩包",可能会用分类进入"箱包",再用容量、材质、品牌、价格、颜色筛选。如果分类只按品牌组织,用户会很难从任务出发找到合适商品。

以企业后台为例,财务负责人要追一条"上周被退回的差旅报销"。她未必记得单号,但记得申请人大概是谁、金额区间、提交时间和退回原因。此时筛选项太少,她只能翻页;筛选项太多且没有分组,她又会像在填一张陌生表单。信息架构要帮助用户逐步缩小范围,而不是一次性把所有条件堆出来。

用卡片分类探索结构

卡片分类适合在团队不确定用户如何理解内容时使用。

开放式卡片分类让用户自己分组并命名,适合探索心智模型。封闭式卡片分类给出预设分类,让用户把内容放进去,适合验证已有分类是否能被理解。混合式卡片分类则介于两者之间。

卡片分类的输出不是菜单答案,而是模式和差异。团队要看哪些内容经常被放在一起,哪些标签被用户命名相似,哪些内容分歧很大,哪些用户群理解不同。

用树测试验证可找性

树测试适合验证导航结构和标签。

团队可以给用户一个任务,比如"你想修改发票抬头,你会去哪里找?"然后让用户在纯文本结构中选择路径。树测试会帮助团队看到用户是否选对路径、在哪一层走错、是否反复返回。

树测试的好处是剥离视觉干扰,直接测试结构。但它也有局限,真实界面中的视觉提示、搜索、上下文链接和内容解释都没有进入测试。因此它适合验证 IA,不适合替代完整可用性测试。

实际工作场景

场景 1:电商分类与筛选

电商的信息架构常常决定用户能不能找到商品。

假设用户想买一个适合短途出差的双肩包。他不一定知道品牌,也不一定知道产品专业分类。他可能按使用场景想:能放电脑、能登机、轻一点、防水、看起来适合上班。

如果平台只按品牌或商家分类,用户会很难筛。更合理的 IA 可能同时支持品类、用途、容量、材质、价格、风格和评价等维度。分类帮助用户进入大范围,筛选帮助用户逐步缩小,排序帮助用户做比较。

此时 IA 的业务价值不只是"页面更清楚",还可能影响搜索后无结果率、筛选使用率、商品列表退出率、加购率和客服咨询。

场景 2:SaaS 设置页

SaaS 产品的设置页经常越长越乱。

早期只有账号、成员、通知几个入口;几年后增加了权限、安全、集成、账单、数据导出、审计日志、自动化、API、品牌设置。每个功能上线时都找一个地方放,最后管理员根本不知道该去哪里。

信息架构要重新回到管理员任务:配置组织、管理成员、控制权限、连接工具、处理账单、保障安全、查看日志。按任务和对象重新组织后,设置页不只是变整洁,也能降低配置错误、减少支持工单和缩短学习时间。 如果做反了会怎样

某客服后台的导航菜单有七个一级入口:工单管理、知识库、报表、设置、集成、通知、权限。每个入口都有道理,但管理员每天在这七个入口之间反复跳转——因为一个"创建新知识库文章"的动作,要进知识库选分类,又要去权限配可见范围,还得回工单看了哪些问题需要补充回答。团队不是没做 IA,是按"系统有什么"做了 IA,而不是按"管理员要做什么"做的。

重构之后,导航按管理员的三件事重组成"处理客诉→管理知识→看数据"。七个入口缩到三个。这不是少了四个字的事。管理员在"处理客诉"里就能关联知识、记录风险、提交反馈,跳转减少大半,培训时间也跟着降了。

场景 3:企业后台权限与数据导航

企业后台的信息架构难点在于角色、权限和数据关系复杂。

同一个"客户数据",销售、客服、财务、运营和管理者看到的内容可能不同。导航在帮用户找到目标的同时,还要让他理解自己为什么能看或不能看。

如果权限入口、角色模板、数据范围和审批规则分散在不同模块,管理员很容易配置错。更好的 IA 会把相关对象和任务放在同一语境中:成员、角色、权限模板、数据范围、审批记录、操作日志之间要能互相解释。

这里 IA 的价值经常体现为减少误操作、降低培训成本、减少 IT 支持和降低安全风险。

场景 4:知识库和帮助中心

帮助中心是典型的信息架构问题。

用户进入帮助中心时,通常已经遇到问题。他可能不知道产品内部术语,只会说"钱没到账""无法登录""怎么取消""怎么开发票"。如果帮助中心按内部模块命名,用户很可能找不到。

好的帮助中心需要同时考虑用户问题、产品模块、使用阶段和搜索词。热门问题、任务入口、相关问题、面包屑、标签和搜索建议都属于 IA 的一部分。

帮助中心做得好,可以减少客服压力;做得不好,会让用户在已经受挫的时候再迷路一次。

案例

案例 1:卡片分类与树测试作为 IA 验证方法

团队觉得"发票"应该放在订单里,用户可能认为它属于财务;安全团队觉得"访问控制"是准确术语,普通管理员可能只会找"权限"。卡片分类可以让用户自己分组这些内容,树测试则能验证用户是否能在纯文本层级里找到目标。

需要说明的是,卡片分类和树测试能帮助验证结构和标签,但不能单独证明最终产品体验一定好。真实界面还涉及视觉、交互、内容、权限、搜索和业务规则。

数据、指标或衡量方式

信息架构的质量,可以从"找不找得到、看不看得懂、用不用得上"三个角度衡量。

找不找得到,可以看导航任务成功率、树测试成功率、路径错误率、搜索无结果率、搜索后退出率、面包屑返回率、站内搜索词和客服中的"找不到"类咨询。

看不看得懂,可以看标签理解测试、卡片分类一致性、错误点击、重复进入同类页面、用户对分类和入口的解释。比如让管理员解释"账户设置"和"组织设置"分别改什么,再让他找"限制某个角色查看客户数据"的入口,就能看到标签是否真的帮他建立了判断。

用不用得上,可以看任务完成率、完成时间、筛选使用率、搜索后转化、帮助内容点击后的问题解决率、相关工单变化。

这些指标需要绑定任务解释。搜索量上升不一定是坏事,可能说明搜索入口更明显;也可能说明导航更难用。客服咨询下降也不一定说明 IA 改善,可能是客服入口变难找。指标必须结合用户任务、行为路径和反馈解释。

IA 的商业价值通常不在某个菜单本身,而在被压低的间接成本。新员工少花半天摸索后台。客户少因为找不到退款规则而进线咨询。运营少因入口放错导致批量配置错误。复杂产品增加新模块时,结构能承载变化而不是每次推翻重来。

深度案例:卡片分类重建企业知识库

一个大型企业知识库有12000篇文章。原来的导航按"产品A/产品B/产品C/内部流程/HR"分类——每个类下面还有2-3层子类。员工反馈"永远找不到需要的文档"。搜索量是导航点击量的4倍。

团队做了一次封闭式卡片分类测试——找了15个不同部门的员工,给他们50篇最常被搜索的文章,要求他们按自己的理解分组。结果让所有人意外:没有人按产品分类。所有人按"我要做的事"分组——"入职""报销""请假""申请设备""查薪资""报Bug""找模板""联系IT"。

知识库按这8个任务重建了导航。上线三个月后,搜索量下降了60%——不是员工不用搜索了,是导航终于和他们的心智模型对齐了。数据还揭示了一个微妙变化:客服工单中"找不到文档"类的工单减少了40%。信息架构的商业回报不在菜单本身,而在员工不再因为找不到信息而打断工作。

常见误区

信息架构就是导航菜单——导航菜单只是 IA 的外在表现之一。分类、标签、层级、搜索、筛选、内容关系和路径恢复都属于 IA。先设计信息结构,再决定菜单如何呈现。

按公司组织架构设计产品结构——公司内部怎么分工,不等于用户怎么理解任务。用用户任务和心智模型校正内部分类。必要时在后台保留组织分工,在前台呈现用户能理解的结构。

入口越少越好——少不一定清楚。如果用户需要的信息被隐藏得太深,界面看起来简洁,任务反而更难。根据任务频率、重要性和风险决定信息层级,而不是盲目减少入口。

搜索可以解决所有找不到——搜索依赖内容命名、标签、同义词、结果排序和用户表达。底层结构混乱时,搜索也会受影响。需要同时优化导航、标签、内容结构和搜索规则。

卡片分类结果就是最终导航——用户分组能提供线索,但最终 IA 还要结合业务、内容治理、技术和长期扩展。把卡片分类当作研究输入,再用树测试和可用性测试验证结构。

信息架构只在网站中重要——App、SaaS、企业后台、AI 产品、帮助中心、设计系统都需要 IA。只要存在内容、功能、入口和路径,就需要信息架构判断。

IA 定下来就不用改——业务会扩展,内容会增加,用户任务会变化,组织也会调整。IA 会过期。定期结合搜索日志、客服工单、行为路径和用户测试检查结构健康度。

小结

信息架构是让用户找得到、看得懂、用得上的结构设计。

关键是不要把 IA 简化为菜单和站点地图。菜单只是最后露在界面上的一层;在它之前,团队要盘点内容,理解任务,确定分类原则,打磨标签,设计层级和导航,再用搜索日志、卡片分类、树测试或可用性测试校准。

识别结构问题同样重要。很多"找不到"的投诉,表面上像页面不够醒目,实际可能是产品把公司内部的部门、系统表和政策术语直接搬给了用户,让用户先学会组织语言,才能完成自己的任务。

好的信息架构不会总是被用户注意到。它更像一次顺畅的办事过程:你知道该先取号还是先填表,知道哪扇窗口处理哪类问题,材料不全时也知道回哪里补。用户完成任务时不必意识到 IA 的存在,这恰恰说明结构在发挥作用。

延伸阅读

3延伸阅读:Donna4 Spencer 的5 Card Sort6ing: Designing Usable Categories,建立用卡片分类探索用户心智模型的方法基础。2

注释

1 Rosenfeld & Morville, Information Architecture。信息架构关注分类、标签、导航和大型信息结构。 🔗 https://www.oreilly.com/library/view/information-architecture-4th/9781491911686/

2 Donna Spencer, Card Sorting。卡片分类可帮助理解用户如何组织内容。 🔗 https://rosenfeldmedia.com/books/card-sorting/

3 NN/g, Tree Testing。树测试可验证层级结构中的可找性。 🔗 https://www.nngroup.com/articles/tree-testing/

4 GOV.UK Design System。公共服务需要一致的模式和内容组织。 🔗 https://design-system.service.gov.uk/

5 GOV.UK Public Design Evidence Review: Case Study Bank。复杂公共服务需要按用户任务和服务流程理解信息结构。 🔗 https://www.gov.uk/government/publications/the-public-design-evidence-review/public-design-evidence-review-case-study-bank-html

6 NN/g, Information Architecture Methods。IA 研究方法应按问题选择。 🔗 https://www.nngroup.com/articles/information-architecture-methods/