借助设计B端产品导航的机会，我对导航进行了一次彻底的分析编辑导读：导航栏是用户对产

编辑导读：导航栏是用户对产品架构了解的第一途径，是作为产品各个功能之间的桥梁，能够对产品功能进行分发、引导。本文作者以B端产品的导航栏为例，对其进行分析，希望对你有帮助。

文章图片
一、定义B端导航栏，是B端产品最重要的模块，对于大多数用户来说，使用B端产品主要是对具体功能进行操作，而导航栏作为产品各个功能的桥梁，他的作用是对产品功能进行分发、引导，让用户可以高效、准确的在各模块间穿梭。
导航栏的作用可以归纳为以下4点：
作用一：这里有什么，告诉用户这里有些什么，导航栏通过将功能结构可视化的方法，告知用户产品有哪些功能；作用二：我在哪里，确定用户的位置，好的导航会告诉用户当前所处位置，避免迷路；作用三：怎么去，告诉用户如何使用，好的导航能够帮助用户规划行程，执行完这一步操作后，下一步该去哪操作，帮用户快速找到所需内容；作用四：怎么回，告诉用户怎么返回，逆向导航，告知用户路径或者规划好用户的返回路径，让用户可以无感回到起始页面。
文章图片
二、菜单B端产品设计中，导航栏是功能菜单的载体，核心是功能。因此在进行导航栏设计时，一个非常重要的前提就是要对菜单进行规划，整理。
2.1菜单的历史变迁
文章图片
2.2整理菜单导航栏设计，必然要满足“导航”这个核心目标，组件的样式、交互必须为功能服务。通常情况下，导航是反映产品功能模块的入口，产品中包含多少模块、子模块，就需要有序的布置到导航里面。我们可以通过思维导图的将菜单罗列出来，思维导图能解释不同功能层级的结构和从属关系，尤其是当菜单数量多，且层级超过两级的时候，思维导图就显得很有必要了。

文章图片
理想状态下，导航菜单建议最多不要超过9个，最少不要低于5个。
根据“7±2原则”描述明确到：在导航菜单当中，超过9个会给用户查找时带来困难，低于5个说明导航菜单的分配效率不够高效。但在实际业务中，很多时候会超过9个菜单，这时需要对菜单进行分组，因为导航过多，用户寻找会十分迷茫，通过分组的方式，能够对菜单进行再次分类，提高查找效率。
7±2原则解释：1956年乔治米勒对短时记忆能力进行了定量研究，他发现人类头脑最好的状态能记忆含有7（±2）项信息块，在记忆了5-9项信息后人类的头脑就开始出错。

文章图片
2.3菜单的深度和广度当菜单广度过大，我们也能够通过设计的方法来优化导航菜单，
方法一：增加搜索栏，筛选菜单；方法二：千人千面，据用户角色的不同，展示不同的菜单，大部分B端用户并不需要使用到全部功能菜单，管理员可以根据自身公司的业务不同，给用户配置出不同的角色权限予以满足用户的导航需求，这样在设计层面上能够减少很多不必要的麻烦。
文章图片
某云目前拥有大概100+功能，这些都需要在导航菜单上显示，因此在导航设计上，它的模式是：全部菜单导航+搜索菜单