在菜单设计中,“全局导航”描述了网站导航的顶层,因为它出现在每个页面上。如果一个组织有多个站点,每个站点都有自己的全局导航,那么当用户需要能够导航到链的更高位置或不同的站点时,会发生什么呢?这时你就需要通用导航了,它提供了一个菜单结构来连接相关的网站,每个网站都有自己的全局导航。

定义:通用导航提供从子站点、节或微站点到网站主主页的链接。有时,除了通用主页的链接外,它还包括指向主站点顶部类别的链接。

图片一个大型商业建筑的退出标志。每个楼层都有一个房间。这是一个可靠的暗示,告诉你如何离开建筑物。大多数时候你不需要它。但在你做的罕见场合,你很高兴它在那里和易于发现。这是普遍导航的作用。

在我们的建筑物类比中,通用导航就像一个运输车,它会带你从地下棚直接到主要大堂。只有在星际跋涉的工作,但数字世界应该是比现实更好.遗憾的是,大多数微型站点都太像一个真正的仓库,离主楼太远,两者之间没有简单的路线。

通用导航栏
顶部的紫色条雅虎电影页面是通用导航的一个例子。它出现在Yahoo.com的大多数子区域(如消息体育答案)并提供与这些套管的链接。

在测试大型信息沉重的网站时,我们经常看到用户丢失或陷入困境。他们在网站上徘徊,寻找他们的问题的答案,在这里和那里的链接。在某些时候,通常当他们即将追求另一条路径时,他们抬头看,只能实现导航与以前不一样。他们环顾四周,试图找到一条回来的方式,到某处熟悉。

现在,我知道你在想什么:这就是那是什么链接是为了。你是对的。但是有自己的主页和自己的导航系统的子地呢?用户应该如何离开子站点并返回主站点的主页('普遍'家)?

在最近的一项研究中,一名参与者访问了联合国儿童基金会英国的新闻和博客部分,最终到了足球救援子立场。她没有意识到她在主页的一个子部分,她努力回到联合国儿童基金会英国主页。

在这段可用性研究的视频中,用户很难回到联合国儿童基金会英国的主要网站。

两个主要问题导致了用户在这种情况下的困难和挫折:

  1. 一目了然,很难注意到用户是主站点的子部分。标题区域都看起来相同和部分标题(新闻和博客足球艾率),放在大横幅的右侧,可以很容易地错过。(如何清楚地区分部分,同时保持一致的外观,感觉是许多设计师的重要关注。)
  2. 没有明确,可靠的方式来实现通用主页。(其实新闻和博客页面确实有一个标记的链接联合国儿童基金会英国主要网站,但用户忽略了它,因为它在区段导航栏的最后一个类别的位置非常出乎意料。徽标和家庭链接应该在左侧,而不是正确的.)

如果用户丢失或困扰着小节,他们会变得沮丧和困惑,那些感情可以让他们放弃任务或转到竞争对手的网站。不仅如此,他们将错过发现您网站其他有关郊区的机会,他们可能会达到错误的结论关于您的网站的产品,这可能是毁灭性的业务。

我第一次注意到这个问题是在做研究大学网站的UX但很快我意识到在许多不同行业中使用(或至少需要)的通用导航,包括软件,银行,政府,娱乐,新闻,医疗保健和非营利组织。清楚地,设计人员纠结于如何将子站点连接到它们的父组织。

6通用导航设计指南

以下是如何使通用导航可用的六项建议:

1.如果您的网站包含多个子物,则在每个子部分上包含通用导航元素。

我们在上面的例子中看到了用户需要一种简单的方法来返回主站点。要回到我们的初始隐喻,请确保您在每一个子站点上提供该退出标志。

2.关注子站点的全局导航;不要把注意力转移到宇宙导航上。

子站点自己的内部导航值得关注,不应该与通用导航竞争。毕竟,大部分的游客都到过那个区域可能对其内容感兴趣,如果他们愿意,应该能够轻松地探索它。

不引人注目的普遍导航
对于参观的人来说迪斯尼在冰上Page,Subsite的红色导航栏突出和诱人。页面顶部的通用导航栏不太明显,不会分散来自子区域导航的注意力。
突出的普遍导航
用户应该查看哪个导航栏,了解卡迪夫大学能源系统研究所的研究活动?导航(浅灰色)比页面顶部的黑色普通导航栏不太突出。

3.如果设计显示两个导航栏,请确保层次结构感。

一目了然,人们应该能够识别与当前网站相关的导航,并将其与通用导航区分开来。

层次结构中的通用导航
在这方面IEEE电路和系统协会网站,层次结构保留在突出的绿色部分导航栏和上方的子专题通用导航栏之间。

4.使用链接到主站点的主页时包括域;如果可能,将其朝向左侧定位在徽标附近。

我们的研究表明,将徽标放在左上角的标识比返回返回返回的导航其他徽标位置.通过将链接放置在网站的主要导航靠近左右的徽标,我们在试图导航回家时,我们会利用人们直接关注该角的倾向。

普遍的家庭联系
这个英国红十字会的工作和志愿者招募分支网站没有一个明确的栏目标题(我们的用户测试参与者无法识别这个栏目),但至少它有一个与通用之家的链接。不幸的是,链接(标记我们的主要网站)有穷人 信息香味 它被放置在一个非常不寻常的位置:右上角的一个灰色盒子里。
链接到环球主页
由于人们向左上角看回家,将链接放在那里并用域(espn.com)将其标记为域名(espn.com)让人们从这个子部分和主站点中获取人员

5.仅列出用户受益于查看网站范围或经常在通用类别之间迁移之间的受益。如果用户不太可能切换通用导航类别,则隐藏或崩溃类别。

通用导航栏
Zoho列出了其软件产品的主要类别,以便通知游客提供的产品系列。

一般来说,隐藏桌面的主导航这是一个坏主意:我们的研究证明导航的使用率是它的两倍什么时候可见.然而,通用导航是一个明显的例外:如果人们不经常在同一会话中从一个子站点跳转到另一个子站点,那么在通用导航中添加可见细节可能会分散注意力而不是起到帮助作用。

隐藏的通用导航
在发现的网站上,标有下拉目发现产品包含与其他子项的链接。假设大多数用户一次只看一种类型的银行产品,那么这种设计决定是合适的。

6.在移动设备上,如果用户不太可能在同一时间使用该网站的多个部分,则防御到通用家庭和通用类别的链接。

本指南是前一个用于移动设备的模拟。在移动方面,空间特别稀缺,填补一个浪费导航栏甚至是具有很少有用的通用类别的导航菜单。

通用主页在移动设备上
在迪士尼的迪士尼乐园底座上,链接访问迪士尼..到主站点的主页是移动导航菜单中的最后一个项目。它是可用的,但优先级的优先级于子站导航链接。(然而 低对比度这个链接的样式太容易被忽略,也很难阅读,尤其是在多变的光照条件下。)

结论

与其他辅助导航方案一样,如面包屑导航和实用程序导航,通用导航是大多数网站访问者不会使用的元素。那没关系:它的作用不是为了吸引点击。相反,它应该很容易被发现和可访问当用户需要它时.通过清晰地标记它,并确保它不会与本地子站点导航设计人员竞争,可以节省用户时间,减少困惑和挫败感,并最终改善用户体验。