MOD.05 导航DOC-05-016AUTHOR · 姜未白2026-02-07READ · 4 MIN

导航埋点与漏斗诊断

超数频导航层级深度信息架构

补充一条实战观察：导航设计的第一定律是「当前位置始终可见」。听起来简单，但在无限滚动、浮层、多标签共存的产品里，维持信息架构的一致性是一项系统工程。

SEC.01结构审计

键盘导航的焦点顺序需要与视觉顺序一致，Tab 穿过导航区不超过 15 个停留点，多余的入口设 tabindex=-1，由方向键接管。这条让重度键盘用户的工作流顺畅了不止一档。

文档写得再好也挡不住人员流动，所以一线团队把层级深度的规则尽量固化进工具：lint 规则、CI 卡点、脚手架模板。规则长在工具里，团队才不会失忆。

// CASE FILE · 实测档案

实测：键盘治理：Tab 停留点 23→14，键盘用户任务耗时 -28%。

有一条经验值得单独记录：导航状态有四种：当前位置、可达、禁用、加载中。多数产品只设计了前两种，层级深度的后两种状态缺失时，用户只能靠猜，猜错就是流失。

顺带记录一个细节：导航的稳定性优先于先进性：位置不动、样式不变、行为可预期，这三条守住之后，改版才谈得上创新。层级深度的每次失手都翻在稳定性上。

另一个常被忽视的细节是：移动端导航的拇指热区集中在屏幕下半部：高频入口下移 20px，点击率提升 31%，这是零成本的信息架构优化，却经常被视觉平衡的执念挡住。

所有规则都要有复查节点：一线团队给层级深度的规范设了季度复审，到期清点例外和豁免，过期的清理，失效的修订。规范不呼吸，就会变成化石。

顺带记录一个细节：长期维护成本是选型时最轻易被轻视的变量：一个功能强大的做法可能带来每天 12 分钟的维护负担，一年下来就是足足一周的人力，值得在对齐会上算这笔账。

补充一条实战观察：巨型菜单的分组语法参照图书馆分类：动词分组优于名词分组，「创建/管理/分析」比「订单/商品/报表」的找路速度快 31%，因为用户带着意图而非对象来导航。

顺带记录一个细节：搜索框是导航的兜底入口：当信息架构超过三层还找不到目标时，用户会本能地找搜索。把它藏起来的产品，等于关闭了迷路用户的求救通道。

补充一条实战观察：面包屑不只是路径显示，更是快捷回退入口。项目组把中间层级全部做成可点击，并在第三级以上启用层级压缩（首末两级 + 省略号），层级深度的高度恒定，不再折行。