从检查电影播放时间到阅读Photoshop技巧,再到查看每日新闻,我们几乎可以在Internet上找到所需的任何信息。网站的导航对帮助我们找到所需的内容特别重要。
与网站互动时,我们使用其导航来帮助我们找到所需的内容。不幸的是,许多网站的导航都不是特别计划的。当然,它可以很好地获取我们正在寻找的信息,但通常只有经过一番迷惑之后,并且利用经典的搜索网络,即反复试验,我们才能够做到。
如果网站的导航组织不良,措辞混乱或链接过多,则会降低我们使用该网站快速便捷地查找所需内容的能力。清晰直观的导航是一个出色网站的关键组成部分之一。下面列出的这些做法将帮助您在网站中创建更有效的导航。
1.讲清楚
当网站访问者不知道单击链接时会发生什么,或者如何轻松地找到他们想要的内容时,就会造成混乱。通过设计网站的导航以使访问者易于理解来减少混乱。
Abercrombie&Fitch的网站提供了此概念的示例。从访客到达他们的网站的第一刻起,他们的导航就很容易理解。

一目了然的透明标签的使用使访问者知道贵公司的工作。从一开始,他们就会知道自己在正确的地方,以及如何到达自己想去的地方。考虑周到地考虑用于网站导航的术语,使访问者可以轻松找到他们想要的内容。
例如,避免创建围绕内容格式的导航,而不是创建视频页面,而不要创建带有内容按主题分隔的“操作方法”部分。通过使用要使用的术语描述内容,使用户可以轻松找到所需的内容。您网站的访问者可能不会在视频部分中寻找,但他们可能正在寻找有关如何设置产品或如何使用某些功能的提示。
向访问者明确指出哪些项目是导航项目。细微之处不会帮助您的网站访问者到达他们想要的位置。例如,即使它对您来说看起来很棒,但使链接的灰色阴影比网站文本的阴影稍暗一点并不能带来良好的用户体验。不要让访问者努力使用您的网站。
2.保持一致
我敢肯定,您去过的网站看起来像是导航的一部分,是事后才想到的,或者它根本不属于您。缺乏一致性会降低站点访问者的信任度,此外还会降低用户体验的质量。如果您只是想找一些东西,对您的客户来说很可能看起来相同或更糟。
Bouguessa网站的导航整洁,一致,并有助于改善访问者在其网站上的体验。

往往会降低导航质量的另一个问题是,菜单上的项目不是链接,尤其是看起来不是链接的项目。访客单击未链接的菜单项时,会增加混乱的程度,从而增加沮丧感。使用视觉设计显示哪些项目是链接,哪些不是链接,例如,如果在大型菜单中包含标题,请使用其他字体样式,颜色或空格指示它们是标题而不是链接。
二级导航也应在整个网站上设计一致。与对主导航应用相同的关注点和注意事项。无论访问者前往您网站的哪个方向,您都希望提供出色的体验。
如果您想更容易访问最重要的页面,请在主页或版面登录页面上为其创建功能块。网站访问者注意这些块,同时,尝试突出显示导航菜单上的项目通常会破坏菜单。
3.保持简洁
避免创建菜单项过多的菜单。最好将菜单中包含的项目数限制为七个。选择较少的项目对您网站的访问者来说更好。它可以减少访客在做出决策时的精神压力,并增加他们前进的机会。
研究表明,人脑使用分块方法来提高召回率。通过将数据分为相关的组或大块,它使我们能够更好地理解和记住数据。对于需要七个以上菜单项的大型网站,这是一种特别有效的技术。通过将菜单项分成几组,您将帮助您的网站访问者。
请记住,每次您从菜单中删除一个项目或从页面中删除一个元素时;您正在使其他所有内容在视觉上更加突出。删除某些内容时,会使其他项目更容易被看到和单击。仔细评估您在网站中真正需要的内容,并愿意删除不需要的内容以简化和改善体验。
Olson Kundig网站提供了一个简化的导航体验的很好的例子。

此外,您将需要考虑在导航中使用的顺序。就像生活中的其他领域一样,开始或结束时的项目对用户来说也很突出。在列表的开头或结尾,用户的关注度和保留率都达到最高。这是我们基本心理学的结果。作为人类,我们必须记住项目的开头(首要)或结尾(新近)。
利用这种现象,并将重要的项目放在菜单的开头或结尾。通过将对客户重要的商品放在这些区域中,可以使访问者更轻松地使用您的网站。如果不确定哪些项目对客户最重要,请查看您的分析并查看网站的哪些页面获得最多的访问量。
4.使用平面架构
良好的导航始于经过深思熟虑的信息体系结构(IA)。考虑网站的组织结构时,您将希望保持体系结构尽可能平坦。允许您的网站访问者一两次单击即可访问任何页面。
当您的级别降低时,客户可以更快,更轻松且更轻松地到达他们想要的位置。限制级别数以帮助您的访问者简化导航。
为了帮助组织网站,请将页面分成几组,而不是将组嵌套在组内的组中,而是希望创建最扁平的组织。在适当的地方合并内容,甚至可能考虑将页面分组与当前启用分组的方式不同,但是要确保分组与客户如何看待产品一致。对用户没有意义的奇怪分组不会帮助您,即使它们有助于平整您的网站层次结构。
高端网站设计设计可帮助用户在查看菜单时了解其层次结构。使用字体样式,大小,颜色和空白可以帮助访问者了解导航级别。明确区分辅助导航,并以一种和谐的方式将其与主要导航区分开。