人们依赖主页的链接

一个直接的,一键式的链接到主页是网站必须有的。有几个原因:

  • 回到主页是一个常见的任务.人们通常会在迷失方向、对一个网站投入太深或准备开始一项新任务时访问主页。
  • 因为他们的依赖搜索大多数用户通过内部页面进入网站,而完全绕过主页。容易进入主页为那些在错误的页面或想要探索网站的其他部分的人提供了一个新的起点。

如何显示链接到主页

有两种方式来显示链接到主页:隐式的,通过商标,以及显式的,通过标记的链接首页或类似的。这两种类型的链接都应该使用。以下是它们的使用指南。

隐式链接到主页

  1. 网站标识应连接到主页。

这个建议是一个长期存在的网络惯例。经过一段时间的尝试和错误,许多人已经了解到,点击一个网站的标志会把他们带回到主页。在你的网站上遵循这个标准可以减少混淆,使你的UI符合用户的期望。

然而,将logo链接到主页并不是万无一失的。虽然这是一个根深蒂固的惯例,但确实如此所有用户都能理解,尤其是技术含量较低的用户。在可用性研究中仍然观察那些努力寻找主页链接的人,尤其是当徽标没有放在标准的左上角位置或者看起来像普通文本时。

  1. 将徽标放置在标准位置:左上角。

左对齐的徽标是最常见的位置,也是用户寻找它的地方。这种期望是如此强烈,以至于偏离这种习得模式可能会造成重大伤害。

我们的研究表明标识位于非标准位置会损害可用性.当图标左对齐时,用户一次点击成功导航到主页的可能性是图标居中时的6倍。简单地把标识移到页面的右侧会导致人们在寻找标识时出错,甚至更糟的是,根本找不到标识。(另外,右对齐的商标会影响品牌召回.)

  1. 该标志应在视觉上有别于页面上的其他文本。

如果logo看起来像导航选项或页面上的标题,就很难定位。帮助用户找到标识,使其在视觉上脱颖而出。

Amgen.com:将logo放置在导航链接中会降低人们找到它的可能性,特别是当logo的视觉设计使它与其他文本链接相融合时。
GM.com:通用汽车在页面的顶部看起来更像一个标题而不是一个标志。而点击汉堡菜单并没有链接到主页。

在合适的位置放置标识并不会产生完美的结果。虽然左对齐的logo很好,但你需要做更多的工作来让主页导航变得透明。

直接链接到主页

  1. 包括实际的链接首页

为了减少主页导航的混乱,提供两个可点击的标志实际首页链接。这些首页链接可以出现在诸如网站的全局导航或面包屑中。将它们放置在页面的左上方(内容上方)可以使它们最容易被发现。将它们放置在远离这个区域的地方可能会导致用户错过它们,特别是如果您的站点视觉繁忙。

Chemence.com:人们可以很容易地找到主页的链接。该标志放置在左上角和一个实际的首页链接也存在。虽然这个链接的位置远离左上角,但它是可以接受的,因为页面是稀疏的,没有什么分散注意力的元素。
NewBalance.com:如果面包屑出现在网站的所有页面上,将主页列在面包屑列表中是让用户直接访问主页的有效方法。
  1. 从面包屑开始首页链接。

面包屑告诉人们他们目前的位置,同时提供一键访问更高的网站级别。最佳实践是使用首页链接,因为它代表最高级别。

  1. 如果你的网站显示面包屑,不要显示首页在网站的主导航栏中。

没有必要提供首页面包屑和网站导航中的链接。在同一个页面上有两次相同的链接是一个坏主意,因为它不必要地增加了复杂性。复制链接是其中之一四种主要的危险航行技巧这会导致认知压力。

  1. 不要包括一个活跃的首页链接在主页上。

在页面本身有一个指向任何给定页面的活动链接是令人困惑的,主页也不例外。提供首页链接仅在内页。在主页上,要么清晰显示首页处于选定状态或不呈现首页链接。

  1. 区分首页链接到子站点的主页和首页指向网站主页的链接。

一般来说,最好给链接起一个网站主页的名字首页.然而,大型组织已经连接到主网站的子网站可能有不同的主页。在子网站上,通过区分网站主主页的链接,让人们更容易访问官方网站。

在大多数情况下,为指向不同主页(子站点和官方站点)的主链接使用不同的标签会有所帮助。与所有链接一样,提供尽可能多的内容信息的气味根据需要帮助用户消除链接的歧义。在某些情况下,一个简短的URL(例如,“site.com”)可能就足够了,而在其他情况下,你可能需要更明确地包括额外的解释。

edu:生物系的网站清楚地标明了它的主页,同时提供了一个到大学主页的清晰链接。
NBA.com/Lakers:湖人队网站显示了一个与美国国家篮球协会官方网站(NBA.com).

结论

如果你的网站标志提供了一个一键导航到你的主页的方法,那就太好了。但不要就此止步。虽然比以往任何时候都有更多的人学会点击徽标进入主页,但许多用户仍然在寻找一个真正的图标首页链接。