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

2.4导航菜单不能隐藏超过两级导航菜单隐藏超过两级时，代表着产品在用户的使用规划中，没有深入思考整个用户体验，导航菜单层级越多，用户查找就会越慢，有一些三级导航的菜单，会通过设计优化来实现隐藏导航的合并，从而减少用户操作负担。

文章图片
三、导航3.1导航栏-PC多种导航栏类型，该如何选择？功能型产品适合侧边导航，侧边导航效率高、迟疑和错误更少，用户也普遍比较喜欢，信息型产品适合顶部导航，比如门户网站。
JenniferRoseKingsburg曾经对网页的三级菜单导航进行过一份研究，结论是左侧导航相对顶部导航优点更多些

文章图片
3.1.1侧边导航栏
将菜单栏放置在左侧，页面布局上基本为左右结构，侧边导航在国内产品中最为常见，国内厂商对于侧边栏导航的尤为偏爱，也就造成了现在B端产品的发展也逐渐趋同。

文章图片
那么为什么国内B端为什么大多数是侧边导航栏呢？我把这种现象归纳为以下3个原因：
原因一：中文文字宽度较短，侧边导航能最大发挥出他的优势，能最大限度减少空间的使用率；原因二：国内的业务复杂，以及对于扩展性的要求较高，每个企业都想做一个又大又全的产品，因此侧边导航栏更加适合国内的实际需求；原因三：一级导航在左侧时，效率高、迟疑和错误更少，用户追求的是使用产品完成目标任务，注重的是功能完整性和操作便捷性。3.1.2顶部导航栏
将菜单栏放置在顶部，页面布局上基本为上下结构，顶部导航早期出现于各类门户网站，比如企业官网，各种咨询类的网站经常会采取这样的导航形式。顶部导航通常在B端产品中也是十分常见的，但还是以国外产品最为集中。

文章图片
【借助设计B端产品导航的机会，我对导航进行了一次彻底的分析】3.1.3混合导航栏
将顶部导航与侧边导航进行结合。通常将一级导航菜单放置顶部，通过一级菜单的点击后，展示侧边的二、三级菜单。在一些产品拥有复杂的逻辑关系，菜单之间关系分明的产品中，混合导航也是一个不错的选择。

文章图片
3.2导航栏-APP3.2.1拇指热区
移动端的交互都在手掌上完成，因此，在对移动端产品进行设计时，手势是不可忽略的一部分。
拇指热区概念来源于交互大神SteveHoober的一个观察实验，他发现在手机大屏时代，大部分的用户是以下图的方式抓握手机：以拇指的底部为支点，抵在手机的右下角。

文章图片
设计导航系统的时候，也会遵循拇指热区的原则，把主要功能放在绿色区域，辅助功能放在黄色或者红色区域。

文章图片
3.2.2底部导航栏
APP最常使用的导航模式，用于一级目录的导航，位于页面底部，无论用户单手还是双手操作都能轻松点击，能告诉用户当前位置及用户切换统一层级之间的不同模块。底部Tab栏具有很强的包容性，可以形成最基本的信息框架，然后用其他的导航模式来承载具体的功能和内容。展现形式有文字+icon ，也有纯icon形式，大部分是文字+icon ，可能是减少用户记忆负担。