一、导航菜单的三大模式
导航菜单模式细分有多种类型，这里我总的归纳为三种模式：平铺模式、折叠模式、悬浮折叠模式。
平铺模式
在B端系统中我们最常见的导航菜单就是平铺模式，平铺模式一般是针对导航菜单比较少的情况，系统功能模块划分不是很复杂的场景，直接通过导航一级菜单就能够划分整个系统的业务和功能。
2、折叠模式
折叠模式：将导航菜单分为多级菜单，通过展开收起的形式查看导航目录，可以接受大量的导航菜单目录。
不过为了更好的体现导航的功能，一般层级最好不要超过三级，如果层级太深，导航的意义就不大，因为用户还是需要一级一级查找，并且不容易找到自己的目标。
3、悬浮折叠模式
悬浮折叠模式：将导航菜单通过浮窗/抽屉的形式展示。
二、四种常见导航菜单
1、侧边导航
侧边导航在国内的 B 端产品当中最为常见的 将菜单栏放置在左侧，页面布局上基本为左右结构，将导航菜单放置左侧固定
优点：
扩展性较强：多级导航可以流畅展示，可以涵盖很多大而全的产品。
展示灵活：侧边导 航可收折，收折过后用户的横向核心空间将会增大大，页面展示效率也会大大提高。
快速定位：视觉启始线统一，用户可以根据首字进行查找，方便查找。
2、顶部导航
顶部导航在国外的产品当中，算是较为常见的。
将菜单栏放置在顶部，页面布局上基本为上下结构，将导航菜单放置上方固定。
优点：
满足阅读习惯：导航为水平布局，阅读方式更贴近眼动的正常阅读顺序
沉浸感强：顶部导航通常不会打断用户的阅读行为，对用户的干扰少
设备影响小：导航顶部，整体页面稳定，页面对于用户显示器分辨率影响较小
3 、混合导航
在 B 端产品中，感觉混合导航就是一个后期之秀。
它在页面布局为顶部和侧边，简单来讲，就是将顶部导航于侧边导航进行结合。通常将一级导航菜单放置顶部，通过一级菜单的点击后，展示侧边的二、三级菜单。
优点：
承载大型业务：在导航上，他能够展示 3 级甚至 4 级菜单，对于很多大型 B 端项目，混合导航算是更加合理的选择
扩展性强：对以后有规划大量功能的产品，用混合导航，能使之后菜单扩展性更强。
三、如何合理规划导航菜单
1.1遵循7±2 原则
导航菜单建议多不要超过 9 个，少不要低于5个，在导航菜单当中，超过 9 个会给用户查找时带来困难，低于 5 个说明导航菜单的分发效率不够高效，超过9个时，一定要对菜单进行分组，因为导航过多，用户寻找会十分迷茫，通过分组的方式，能够对菜单进行再次分类，提高查找效率
1.2 导航菜单不能隐藏超过两级
导航菜单隐藏超过两级时，代表着产品在用户的使用规划中，没有深入思考整个用户体验，导航菜单层级越多，用户体验就会越差，你会发现一些拥有三级导航的菜单，都会通过设计优化来实现隐藏导航的合并，从而减少用户操作负担。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
