传统上,全球导航出现在网站的每个页面上,并且用于两个功能:

  1. 允许用户在顶级类别之间切换很容易,不管他们的当前位置
  2. 确保了即使用户谁不通过快速进入主页可以得到什么可感在网站上

最近,一些网站已经开始把全球导航类别的下拉菜单。例如,WH史密斯公司,大型英国零售商,列出在其产品类别按部门铺下拉菜单,而不是一个可见的导航栏。

头为WHsmith.co.uk
WHSmith.co.上的全球导航。英国包括一个按部门铺下拉菜单,但产品类别不可见上市。

使用一个下拉式菜单全球导航绝对让头更容易设计 - 无需了解如何适应单行所有这些环节的担心。但代价是什么?这种方法创建一个额外的步骤,用户必须采取才可以实现全球导航的主要功能。

它很容易理解为什么,如果你考虑另外两个最近的趋势有些设计师会采取这种激进的背离标准的全球导航:巨型菜单和移动优化的导航。

下拉兆丰菜单暴露深度内容到桌面用户

许多大型网站开始使用巨型菜单在过去的5年。巨型菜单是大的下拉菜单,其中包括链接几个层次为了帮助用户预览上下文中较低级别的内容。在许多情况下,它们取代了尴尬的级联菜单,已知挑战用户的精细运动技能。在大多数情况下,精心组织大型的菜单,清晰的段落标题对于用户和设计者非常有用:用户可以快速浏览大量的链接,而设计师可以更容易地适应内容的变化。(由于下拉菜单可以在不影响底层的页面设计进行调整,组织具有更大的灵活性,以重新排列它们的类别不检修整个网站。)

例如,用户可以点击谷歌搜索结果或广告后在本页面有关Office Depot公司网站上的平板电脑到达。他们可能永远无法浏览网页可言,但是可以很容易地从全局导航,这个公司还销售纸张,家具,和学习用品见。

Officedepot.com megamenu
在Office Depot公司的桌面网站有全球导航显示的网站的每个页面上的主要的产品类别,并提供大型巨型菜单显示子类别。

移动优化导航,有效节省屏幕空间

超大菜单现在在桌面设计中很常见,但是为移动用户设计也变得越来越重要,因为这个流量部分继续增长。移动显示引入了主要的设计限制,因为它通常根本不可能在一个水平条中显示所有的顶级类别;此外,超大菜单对于使用小触摸屏的用户来说非常令人沮丧。为了避免这些问题,许多设计师使用响应式设计技术来最小化从移动设备访问站点时的全局导航,只显示一个启动全局导航菜单的按钮。

例如,Office Depot公司的移动网站储量大部分产品固有的内容页面,并且只显示一个小图标,启动全球导航。虽然设计标准移动图标还在不断发展,有经验的移动用户都承认汉堡包图标作为启动菜单的一种方式。

Office Depot公司手机截图
在Office Depot公司的移动网站提供通过在右上角的菜单图标(现在熟悉的汉堡包图标)进入全球导航。

移动设计影响桌面设计

独立地,这两个设计趋势完全合理,并在其原来使用的背景下表现非常好:巨型菜单台式机用户,和最小化的全球导航为移动用户。

但最近一些网站 - 特别是电子商务零售商,甚至一些内联网设计 - 结合了这两个趋势,到一个新的和潜在的风险导航设计。这种新方法将显示在下拉菜单中,而不是可视导航栏的网站内容的主要类别。

亚马逊是最早尝试这种技术的网站之一:在多年不断调整全球导航以适应不断增加的产品种类之后,他们最终将整个产品列表放在一个巨大的下拉菜单中。以前用来列出主要产品类别的全局导航栏,现在只包含一个到下拉菜单的链接。

显示产品下拉菜单的亚马逊网站主页
亚马逊不再以持续的全球导航显示其产品类别;相反,用户必须激活一个下拉菜单,按部门铺,看产品类别。

亚马逊以测试新设计以确保它们不会对销售产生负面影响而闻名,但这只是因为这个亚马逊模式的作品并不意味着它会为其他网站合作。很少组织有压倒性的品牌渗透,亚马逊喜欢,甚至品牌是家喻户晓的人物不一定能承担他们的整个观众熟悉他们的产品的全部范围。在亚马逊,它的简单的情况下 - 他们卖的几乎一切(这就是为什么他们有这样一个困难时期适合所有的产品类别为导航栏)。但是,大多数组织都有一个小范围的产品,并有更大的需求,告知游客关于他们的内容的范围。

这使得这种方法可行亚马逊的另一个因素是,他们有许多其他的导航元素能够帮助用户发现内容。例如,紧随全球下拉之下,产品说明页面包括横向导航菜单,目前部门内其中列出了相关的类别。

Amazon.com产品描述页面
Amazon.com产品页面不显示广泛的全球导航链接 - 但他们显示相关的产品类别,直接在搜索框下方。(在此,用户在电脑部门,所以导航栏显示的电脑产品不同的子类)。

对于只有少数全球性的类别,隐藏他们在一个下拉菜单没有意义的网站。的T-Mobile,例如,已经将他们所有的服务产品和设备的标记为下拉菜单内商店。但商店菜单只有5个环节,它可以轻松地安装在水平的导航栏。因为这些类别没有在全球导航上市,对网站的下级页面的用户可能很难搞清楚哪里寻找服务计划。

T-mobile产品描述页面
在Tmobile.com,关于手机服务计划的信息只能通过可用商店落下。

在WH史密斯公司的网站,在全球导航菜单适合所有12个产品类别将是困难的,但推动他们都分解成一个下拉菜单是不是答案。对于大多数网站,说明该品牌的产品简直是太重要了,不能降级到二级菜单;即使游客有这家公司销售的书籍一般的想法,很多可能是不知道的事实,他们也卖电子产品和玩具。

当我们看下级页面,例如产品说明页面隐藏全球导航类别的真实成本变得明显。很多时候,用户可以直接在这些低级页面到达,而不是通过网页进来。确切的页面内容未必是用户心中有相当的东西,而是一个导航栏可以为用户提供一个有吸引力的出发点,以浏览层次结构,并发现还有什么是可用的。当该层次是隐藏的,突然感觉像它的将是更多的工作来浏览这个网站。

WHSmith.co.uk产品说明页面
在此WHSmith.co.uk产品页面甚至没有状态,这是一个书商。关于该网站提供什么,唯一可见的线索是从任何内容恰好是页面上的精选。

隐藏你的全球导航系统安全吗?

把导航菜单变成下拉的诱惑是可以理解的:它允许更大的灵活性,以在未来的调整范畴,同时也意味着你不必弄乱你的设计有菜单栏。另外,如果你想使用在多个设备相同的设计这是一个简单的解决方案。但是,即使全球导航是难以设计和难以维持,大多数网站最好还是立刻向用户显示顶级类别。这简直就是帮助用户快速了解该网站是关于什么的最有效途径之一。

当然,也有例外的每一个规则。在极少数情况下有更大的灵活性优势,调整全球导航可能超过疏远用户的风险。这很可能是为具有较少需要帮助游客获得型组织是真实的,因为

  • 受众主要由登录用户或频繁用户组成
  • 游客几乎无一例外地依靠搜索或相关链接,以绕过网站

要确定是否降级的全球导航是为您的网站的桌面视图安全,我们建议收集和分析数据的分析,以更好地了解您的了解用户如何使用您的全球导航交互。使用像我们推荐的一个办法整合网站分析与用户体验

1)点击追踪
您可以使用点击追踪工具(例如,CrazyEgg先向ClickTale甚至在页面通过分析谷歌分析)来衡量你的网站的首页、登陆页、目的地页等关键位置的全球导航出现了多少次点击。(根据站点的目的,目标页面可以是包含产品描述、服务描述、文章等的页面。)

对于那些在这些页面上进入站点的用户(也就是说,他们深入链接到您的站点)来说,度量目的地页面上的全局导航单击是很重要的。深入链接到你的网站的用户不能从你的主页中获得上下文的好处,所以这些用户需要帮助来了解网站的范围。风险在于,如果他们不了解你提供的其他服务,他们可能会直接离开这个网站。

2)会议的观察
使用像先向ClickTale的工具,注意观察记录会话查看访问者浏览实。难道他们使用全球导航?还是他们很大程度上依赖于本地导航,相关链接,或其他导航组件?

请问你的隐藏全球导航负面影响的结果?

如果您的全球导航已经被最小化,有一些数据,你可以看一下,以确定它是否是有问题的:

1)目标网页跳出率
前后对比跳出率以确定缺少全球导航是否会使人们不太可能停留在网站上浏览该网站。

2)点击追踪
单击新菜单链接率:有多少用户实际点击新的菜单链接或图标,并由此暴露部位的一线板块?菜单上的低点击率可能表明一个问题,但只有当也伴随着整个网站的整体高跳出率(见上文),表明人们不浏览超过他们在进入和退出的页面。这是一个没有裸露在外的全球导航的可发现性下降的线索。

3)令大小(电子商务网站)
是否最小化的全球导航降低平均订单大小?对于电子商务网站,这是至关重要的信息。如果缺乏对小级别尺寸其他产品提供结果的认识,那么隐藏的全局导航不堪设想。

4)定性的反馈
使用调查反馈工具(例如,Usabilla生活Qualaroo)放在目标页面上,确定人们是否特别抱怨缺少选择。抱怨在一个类别中没有多少选择,或者关于某个特定主题的内容太少,这可能表明内容的可查找性受到了损害。

结论

与任何流行的网页设计趋势,重要的是要确定是否最小化的全球导航适合您的网站,给你的用户,他们的使用模式,和你的目标。在桌面上模仿手机的设计并不适用于所有网站。走近时考虑到具体的目标和绩效衡量这种设计模式可以帮助您确定它是否为用户和您的企业实际上提供了好处。