开学特惠 会员低至4.4折 限时加赠 10000 AI积分 立即前往 arrow

信息架构怎么做?页面层级、导航与结构验证

文章目录
免费使用墨刀
更新时间: 2026年10月13日

信息架构的核心不是把页面多放几层,而是让用户在面对一组内容时知道“去哪里找、这个名称代表什么、找到后能做什么”。做法可以压缩成四步:盘点内容,按用户任务分类,画出层级和导航,再用卡片分类与树测试验证。下面以企业报销工作台为例,把目录、页面和验证材料串起来。

使用墨刀设计整理导航草图时,先对齐内容和标签,再加入视觉层级;颜色不能弥补菜单名称与用户任务不一致的问题。

信息架构设计中的内容分组、导航层级与树测试
从内容清单开始建立层级,再用用户任务验证导航是否可找。

先列内容,不先画导航

把报销工作台中用户真正要找的对象写成卡片:新建报销、草稿、待我审批、我发起的、抄送我的、发票查验、费用标准、报销记录、帮助。卡片只写用户可理解的名称和一句说明,不按公司部门或数据库表名分组。内容清单的作用是暴露遗漏和重复,例如“我的报销”和“报销记录”可能是同一类入口,也可能分别表示进行中与已完成。

内容卡用户任务需要确认的边界
新建报销提交一笔新的差旅费用从首页入口还是从记录页进入
待我审批处理别人提交的申请与“我发起的”角色不能混在一起
发票查验确认发票是否可用是报销步骤中的动作还是独立工具
费用标准提交前判断额度按组织、城市或费用类型筛选

按用户任务形成第一版结构

将卡片分成“我要提交、我要审批、我要查看、我要查规则”四组,再给每组一个用户看得懂的名称。此时不要追求目录深度,先确保一个卡片只落在一个主组;如果一张卡同时属于两组,记录它的入口需求,而不是复制两份内容。建议把一级导航控制在用户能快速扫读的范围,更多内容放到组内页面。

用墨刀设计把结构变成导航草图时,先放组名和页面标题,不急着调整颜色。每个页面底部写“从哪里来、完成什么、下一步去哪里”,这能及早发现孤立页面和循环跳转。

墨刀白板中的报销内容卡、任务分组与导航树
先把新建报销、待我审批和费用标准按任务分组,再映射为导航与页面。

两轮验证分别回答两个问题

卡片分类:用户会怎样分组

把内容卡片打乱,请参与者按自己理解的方式分组,并为每组命名。重点看“待我审批”“我发起的”是否被混在一起,以及“发票查验”被放在哪个任务上下文。不要给参与者现成的一级导航名称,否则只能验证记忆而不是理解。

树测试:用户能否找得到

在没有视觉样式的目录树中给出任务:“找到上个月提交但还没有付款的差旅报销”。记录第一次点击、回退次数和最终位置。若参与者知道答案却找不到入口,问题在结构或标签,而不在页面颜色。一次树测试只安排几个代表性任务,按用户频率和业务风险选择。

任务预期路径失败信号调整方向
处理待审批申请待我审批→差旅→申请详情先点我发起的在一级导航中分开角色动作
查看已付款报销我的报销→已完成在记录页反复回退给状态筛选明确命名
查深圳差旅额度费用标准→城市→差旅进入发票查验让规则与工具成为并列入口

最容易造成混乱的三种分组

按组织架构分组:“财务中心、业务部门、管理后台”对内部人员有意义,对第一次办报销的人不一定有意义。除非用户确实按组织查找,否则先按任务分组。

把状态当页面:“待处理、处理中、已完成”通常是同一对象的状态,不必各做一套页面;用筛选和状态标签表达即可。

同名不同义:“记录、历史、我的申请”如果指向不同范围,必须在名称或说明中说清。名称不统一会让用户把重复内容当成不同入口。

交付一份能继续迭代的架构材料

最终交付应包含内容清单、卡片分类结果、导航树、页面与入口映射、树测试任务和发现的问题。每次改名都记录旧名称、新名称和理由,避免产品、设计和研发在不同文档里使用不同叫法。结构稳定后再进入视觉设计,视觉稿只解决呈现,不替结构验证。

如果团队需要继续画页面和验证跳转,可在墨刀中把导航草图接成可点击原型,邀请业务同事完成同一组找路任务,再决定哪些页面进入正式设计。

给页面命名的一条实用规则

导航名称优先使用用户要完成的动作或要查找的对象,例如“待我审批”比“审批中心”更直接,“费用标准”比“规则配置”更接近查额度的任务。每个名称旁写一句不可见于导航的说明,供团队评审:它包含什么、不包含什么、完成后去哪。若两个名称都能被同一批用户理解,继续用树测试区分,而不是凭会议投票。

从架构到页面的映射表

架构交付不能只是一棵树。补一张映射表:内容卡|一级入口|页面 URL/编号|可执行动作|负责角色|状态。报销案例中,“待我审批”映射到审批列表和申请详情,“费用标准”映射到规则查询页;若一张内容卡没有页面或动作,说明它可能是说明文字、筛选条件或尚未确定的需求,应单独标记。

内容卡页面编号用户动作待确认项
报销记录EXP-05按状态和月份筛选是否显示被退回的记录
费用标准EXP-08按城市和费用类型查询规则生效日期如何提示

这张表还可以直接作为原型页面清单。结构评审通过后,再进入视觉层,不会因为“页面画出来了”而掩盖导航仍找不到的问题。

移动端与角色权限怎么进入同一张结构表

桌面侧栏能展示较多分组,手机首页则应优先露出最常用任务。不要把完整桌面目录原样缩小:记录每个入口在手机上的位置、是否收进“更多”、从详情如何返回。先让用户找到“新建报销”和“待我审批”,再安排低频设置。

同一入口是否显示还取决于角色。普通员工可以查询规则,却未必能修改规则;审批人可以查看待办,却未必能浏览全公司记录。在页面映射表加入“可见角色、可执行操作、无权限时表现”三列,产品确认范围后再交给研发实现权限校验。

现在可以把报销内容清单放进墨刀设计,先画“提交、审批、查询、规则”四组入口和页面标题,再请业务同事寻找一笔历史报销。用实际找路结果调整分组,结构稳定后再细化视觉稿。

免费在线原型设计工具

内容丰富组件拖拽即用

多人在线编辑实时协作

海量模板素材快速复用

一键分享交付在线评论互动