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

顶部导航早期呈现于种种派别网站：好比企业官网，各类咨询类的网站常常会采纳这样的导航情势。说回B端产物中，顶部导航凡是在B端产物中也黑白常常见的，个中以海外产物最为齐集，好比海外CRM三剑客：salesforces、hubspot、zoho都是采纳的顶部导航的情势。

利益：

满意阅读风俗：导航为程度机关，阅读方法更贴近眼动的正常阅读次序

陶醉感强：顶部导航凡是不会打断用户的阅读举动，对用户的滋扰少

装备影响小：导航顶部，整体页面不变，页面临付用户表现器判别率影响较小

弱点：

通用性差：同时受导航栏问题笔墨限定，对付每一个菜单的字数限定严酷。

横向 Tab 数目少：承载不了太多菜单数目，高出 7 个后菜单排布会异常坚苦，横向空间操作率差。

扩展性差：程度导航最好不要高出二级菜单，高出二级菜单，用户行使本钱高。

线上产物：

salesforce

贩卖 CRM 传怪杰物，千亿美元估值，每年营收百亿美元，无疑是 B 端产物傍边的一个标杆。

假如你是做 CRM，可能是 B 端产物，必看的一个竞品。

salesforce 采纳的就是一个顶部导航，只是差异的是，salesforce 的顶部导航更多是将页头的成果举办归并叠加。固然 salesforce 的交互方法不算优越，可是由于其营业线不绝复杂，这样才气支撑其整条营业线。

就由于这样的题目，必要计划师在计划时，要思量到整个体系的一个扩展性题目。做 B 端产物的交互计划有点相同我扑面后端同窗写代码，我们此刻计划的这个交互起码要满意将来一到两年公司的已筹划好的产物的扩展题目。

hubspot：

Hubspot 采纳就是顶部菜单，同时二级菜单下拉展示，同时 Hubspot 是凭证脚色去分别顶部菜单，可以或许给用户减轻认知承担，更好的被用户所行使。同时在一些计划小细节上，好比顶部的主题色，既可以晋升品牌感。同时在是适其时可以作为进度举办一个展示，行使户可以或许越发深入的感知到其计划。

5.3 殽杂导航

在 B 端产物中，感受殽杂导航就是一个后期之秀。

它在页面机关为顶部和侧边，简朴来讲，就是将顶部导航于侧边导航举办团结。凡是将一级导航菜单安排顶部，通过一级菜单的点击后，展示侧边的二、三级菜单。在一些产物拥有伟大的逻辑相关，菜单之间相关理解的产物中，殽杂导航也越来越被公共所接管。

在许多伟大的体系傍边，殽杂导航真的是很不错的一个选择，我们来看看他的优弱点：

利益：

承载大型营业：在导航上，他可以或许展示 3 级乃至 4 级菜单，对付许多大型 B 端项目，殽杂导航算是越发公道的选择。

扩展性强：对往后有筹划大量成果的产物，用殽杂导航，能使之后菜单扩展性更强。

弱点：

占用面积大：要切换多个菜单，以是顶部和左侧会占用大量的空间。

菜单交互路径长：一、二级菜单间往返交互本钱高，操纵繁琐。

线上产物：

种种云产物

（编辑：湖南网）

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