四种导航形式

导航形式不用创新。四种成熟做法覆盖绝大多数情况，选对用户不用学，选错怎么调都别扭。

导航形式不用创新。四种成熟做法覆盖了绝大多数情况，选对了用户不用学，选错了怎么调都别扭。判断标准就一条：你有几个一级模块，以及它们之间是并列还是包含。

你会遇到的现象：

• 导航项塞不下了，只好把常用功能藏进二级
• 左边一套导航右边一套标签，用户不知道该看哪个
• 让 AI 做后台，它默认给个左侧导航，但你的模块其实是并列的几个系统

怎么选

第三种和第四种最容易选反。判断标准很简单：顶部切换之后，左边的内容是完全换一套，还是只是筛了个条件。完全换一套就是第四种；只是筛了个条件，就是第三种。

这四种形式不是设计上的偏好，是信息结构逼出来的。模块之间是同一件事的分类，就适合放在一个导航里；是几个独立系统的入口，就得靠顶部去切换。结构没想清楚之前，纠结样式都是白费。

四条通用规矩

• **一级菜单控制在五到九项。**人的短期记忆一次能处理的信息大约是这个量。超过九个就该分组，少于五个说明可能不需要这一层。miller
• **导航别藏超过两级。**第三级往下用户基本走不到。要么把内容提上来，要么承认它是低频功能，放进设置里。平台侧边栏规范也建议同级不超过两层层级。apple-hig
• **当前位置要有明确的视觉提示。**高亮选中项，配合面包屑。用户随时要能回答「我在哪」。这一步还有一层：不仅要高亮当前项，还要让用户一眼看出整个导航的结构——他是站在顶层还是某一层。面包屑补的就是这层信息。
• **导航结构在所有页面保持一致。**某个页面突然换了导航，用户建立的空间感就断了。

顺序也有讲究：最常用的放最显眼的位置。左侧导航的第一项、顶部导航的最左边，是整个导航里点击率最高的地方。

到手机上怎么变

最后一行是个信号：如果你的桌面端用的是第四种，说明产品其实是几个系统，硬塞进一个手机应用往往不是好主意。手机上最忌讳的是把桌面的「左一级 顶二级」原样照搬——宽度不够，二级只能靠下拉，用户反而更乱。