B端计划：导航菜单的计划5步法

导航菜单对付用户的行使来说尤为重要，本文是我从现实事变出发，团结自身产物和已往履历对付导航举办的一次全面总结

在恣意一个B端靠山体系中，导航菜单都是不行或缺的一部门，每个导航菜单都有其牢靠位置，凡是这个位置是不行撼动的。以是说：导航菜单是B端产物层级重要的交互控件

对付B端产物的用户而言，他们行使导航菜单目标性很强

到靠山首要是对详细成果举办操纵，导航菜单在成果的引导中施展了庞大浸染。因此，其首要的成果就是对B端产物举办分发、引导；辅佐用户在伟大的靠山页面中，探求出本身真正想要的成果。

分享内容：

1. 公道筹划
2. 确定菜单广度和深度
3. 菜单层级有区分
4. 导航可设置
5. 四种常见导航菜单

一、公道筹划

1.1 遵循7±2 原则

导航菜单提议最多不要高出 9 个，起码不要低于5个。

原则表明：1956 年乔治米勒对短时影象手段举办了定量研究，他发明人类脑子最好的状态能影象含有 7（±2）项信息块，在影象了 5-9 项信息后人类的脑子就开始堕落。

在糊口中我们常常会把一长串的数字分成 7 个阁下的数组来影象，这样会使难度低落许多，米勒称这种单元为“组块”。

是不是通过度组影象往后，本身能记着的更多？这就是7±2 原则的分组。

通过上面7+-2原则描写我们明晰到：在导航菜单傍边，高出 9 个会给用户查找时带来坚苦，低于 5 个声名导航菜单的分发服从不足高效。

有人会说，在现实营业中，不会有那么抱负，假如必要高出 9 个时，应该怎么办？

高出9个时，必然要对菜单举办分组，由于导航过多，用户探求会异常苍茫，通过度组的方法，可以或许对菜单举办再次分类，进步查找服从。

说的太干不如举个栗子：

好比在微盟、有赞、小鹅通的导航计划傍边，微盟、小鹅通有很大不敷，我们来逐一拆解。

小鹅通：共有14个导航菜单， 且菜单之间情势差异，示意也会有所差别， 也因此对付用户而言行使起来会发生很强的迷惑感

微盟：一共有11个一级菜单，不切合7+-2原则，同时也可以或许感觉到在视觉层面上，微盟的导航菜单没有分组，难以探求和影象

有赞：固然在导航的数目上也是有9个以上，可是它对菜单举办分组，有用进步了用户查找时的服从，因此在计划上越发公道

假如菜单栏数目过多怎么办？下方2.1末节会有讲到～

1.2 导航菜单不能潜匿高出两级

导航菜单潜匿高出两级时，代表着产物在用户的行使筹划中，没有深入思索整个用户体验。

导航菜单层级越多，用户体验就会越差，你会发明一些拥有三级导航的菜单，城市通过计划优化来实现潜匿导航的归并，从而减罕用户操纵承担。

好比有赞就是一个典规范子，在有赞零售的导航菜单中着实是有三个层级，可是通过交互层面的优化，将二、三级菜单直接展示出来，形成一个整体，晋升了用户体验停止用户层层探求。

同时在交互上，回收 悬停+点击团结的情势，用户即可以通过悬停鼠标举办快捷操纵。同时又可以通过点击，确定跳转查察该一级导航下的菜单，可以或许进步用户的操纵服从。

1.3 鼠标悬停照旧鼠标点击

作为导航来说，其操纵自己并不多，可是计划上，点击与悬停(hover)之间，照旧存在很大差距。

这里想要声名这两个操纵自己而言，并没有对与错，可是合用场景的差异，导致在计划属性上存在着较大差别。

（1）鼠标悬停操纵

鼠标在悬停时触发的操纵时刻太短暂，会给用户带来很凶猛的挫败感，同时在悬停选择下一级菜单时，鼠标移动悬停也同要会造成这样的功效。因此在计划时，对鼠标悬停时的操纵要分外寄望。凡是在悬停操纵傍边，只合用于只有一个菜单层级的菜单选项，这样用户在操纵时越发利便。

（2）鼠标点击操纵

鼠标点击操纵多产生于多级导航举办操纵，同时鼠标点击的情势，会给用户正向的反馈，用户点击后明晰知道菜单栏不会潜匿，因此在两个操纵之间举办选择操纵时必然要多加思索.

二、确定菜单广度和深度

导航菜单广度和深度的区别：

• 菜单广度：导航菜单中每一个层级包括的菜单项数量为广度
• 菜单深度：导航菜单层级的数量为深度

深广度均衡辅佐用户举办快速选择，通过可以或许对整个产物架构有着第一眼的熟悉。

2.1 当菜单广渡过大时，怎么办？

当菜单广渡过大，我们也可以或许通过计划的要领来优化导航菜单

我举一个较量具有代表性的例子：腾讯云。

腾讯云今朝拥有或许100+个云产物，他们都漫衍在导航菜单上，因此在导航计划上，它采纳一种新的模式：1.所有菜单导航+2.搜刮菜单+3.自界说导航。

在所有菜单中，展示了腾讯云100+个云产物项目，通过搜刮举办筛选获得用户想要的菜单。同时在导航栏上，支持用户去自界说5个菜单选项。也因此用户将常用的菜单添加至此，也更利便用户去探求。

这样在满意营业的条件下，通过一些本性的计划，使100+个菜单也可以或许塞得进整个导航中。

2.2 菜单深渡过深时，怎么办？

对面对菜单深渡过深时，凡是必要从几个方面去思量：

（1）与产物司理雷同是否到位

这里首要是想通过与产物司理的雷同，相识到菜单的架构计划的缘故起因，以及可否为你的计划举办一次从头的梳理，探求一些值得优化的点。

提议在探求产物司理之间，本身可以或许通过一些思想导图的软件将本身产物的菜单目次所有摆列出来，可以或许先多思索，为下面的雷同节省时刻、进步服从。

（2）用户体验舆图的绘制

在一个B端产物中，用户的目标固然伟大，可是研究用户每一步操纵，照旧会查找出一些纪律，我们可以从这些纪律中，做些文章.

好比我们之前在一个医疗体系中，按照脚色的差异，将医疗脚色分为：前台、咨询师、大夫、老板这四种脚色，每个脚色所体谅的点城市有所差异。

好比：

老板：最体谅每个门店今朝的的环境数据，好比门店业务额、门店待客数、每个大夫的治疗量以及治疗起码的大夫。这些都代表着他差异场景下行使的风俗。

将这些环境说明往后，提炼出焦点的需求点。

然后绘制完成他们的用户舆图后，按照脚色，明晰每一个脚色的一般操纵有哪些，从而确定我们全部菜单所展示的位置以及整个菜单的层级相关。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!