🤿硬货|B端产品界面导航布局设计实战

导航布局是产品的结构和功能在用户界面上的展示方式，引导用户快速高效使用系统，其重要性不容忽视。

本人结合自己的产品工作经验以及网上收集的资料，总结分析了大型B端产品界面导航布局的设计方法，希望能给读者带来一些帮助。

一、设计原则

高效：快速定位到目标菜单，用户明确知晓当前所处产品中的位置；
明确：菜单名准确传达含义；
清爽美观：界面清爽，色彩耐看，不易产生疲劳感。

二、产品分析

1.销售易CRM

采用侧边导航布局，主要缺点如下：
1）二级菜单隐藏较深，可读性不强，效率较低；
2）操作上，鼠标获取到焦点即出现二级菜单，但离开焦点区域，二级菜单消失，导致鼠标移动路径限制大，用户体验不好；

2.纷享销客CRM

采用侧边导航布局，主要缺点如下：
1）一级菜单为下拉方式，操作体验较差；
2）默认二级菜单50多个，没有归类，菜单排序混乱；目标菜单难定位，鼠标可能需要下拉较长距离；
3）三级菜单默认隐藏，需要鼠标点击才展示，可能会导致用户难定位目标菜单；

3.悟空CRM

采用侧边导航和顶部导航混合布局；
优点：
菜单扁平化，清晰明了；
缺点：
1）鼠标移动路径太长（顶部移动到左侧）
2）当菜单较多，存在三级菜单时，三级菜单会被隐藏

4.iWorker ERP

采用顶部导航，主要有以下优点：
1）一级菜单，二级菜单，三级菜单扁平化，清晰明了，可快速定位到目标菜单；
2）选择菜单时鼠标移动路径短；
3）不同程序页面设计为多页签方式，页签间切换方便，对于经常需要切换程序的B端产品来说，该功能大大提升了用户体验。

总结

综合以上各产品界面的导航布局优缺点，建议设计产品时优先采用iWorker ERP的布局方式，或者悟空CRM，尽量避免使用销售易CRM和纷享销客CRM，给用户提供一个高效，明确，清爽美观的系统界面。