做产品 PMaker
仅左侧一级
功能统一的系统
仅顶部一级
内容型站点
左一级 顶二级
模块多的后台
顶一级 左二级
多系统并列

选哪种基本由一件事决定:你有几个一级模块,以及它们之间是并列还是包含。

四种导航形式

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

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

怎么选

形式适合什么判断依据
仅左侧一级 文档、笔记、单一系统 模块少(五到九个),内容都属于同一件事
仅顶部一级 官网、电商、内容站 内容型为主,一级入口不多,页面要留给内容
左一级 顶二级 模块多的管理后台 一级超过九个,每个一级下面还有好几个二级
顶一级 左二级 门户加多个子系统 顶部切换的是几个相对独立的系统,不是同一系统的分类
第三种和第四种最容易选反。判断标准很简单:顶部切换之后,左边的内容是完全换一套,还是只是筛了个条件。完全换一套就是第四种。

四条通用规矩

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

到手机上怎么变

桌面形式手机上的对应做法
仅左侧一级底部标签栏,超出的收进「我的」
仅顶部一级底部标签栏,或者汉堡菜单(内容站可以接受)
左一级 顶二级底部标签放一级,进去之后顶部分段控件放二级
顶一级 左二级通常要拆成几个独立入口,或者做一个系统切换页
最后一行是个信号:如果你的桌面端用的是第四种,说明产品其实是几个系统,硬塞进一个手机应用往往不是好主意。