12个导航选项,帮助用户有效地浏览你的网站

之前,我们已经讨论了导航设计的10个原则,以及为什么高质量的导航是如此重要。读者对如何找到内容有不同的看法,这取决于他们的训练、职业或习惯。由您来提供一组导航选项,允许不同的读者以他们想要的方式导航到文档。

12个导航选项

一个网站至少可以提供给读者12种不同的导航选项.但并不是所有的都适用于每个网站。然而,一个高质量的网站应该总是提供一系列的导航选项。

1. 分类路径导航-面包屑

格里菲斯大学的面包屑导航

格里菲斯大学的面包屑导航

分类路径导航通常位于网页顶部附近,通常位于报头下方。此导航显示特定分类树的各个部分,其中包含网站的特定文档或部分。

所有食谱面包屑导航

所有食谱面包屑导航

假设你到达了一个网站的首页。分类路径导航将显示类似“Home”的内容。点击“产品”链接将进入产品页面。分类路径导航将显示类似“Home >产品”的内容。如果您选择“Product XY”,显示屏会显示“Home > Products > Product XY”。

2. 核心导航

维基百科的导航

维基百科的导航

核心导航是必要的,有大量的内容在网站上。一般来说,核心导航应该按字母顺序显示。但是,在某些情况下,特定的分类可能需要更加突出,并且可以放在核心导航的顶部。

大英百科全书的核心导航

大英百科全书的核心导航

尽可能多的核心导航应该出现在第一个屏幕上,读者看到当他们加载主页。通常,核心导航应该显示在左侧栏中。在目录类型的网站或网站有大量的内容,它可能是在中心列。很少能在右侧列中看到核心导航。

3.文档导航/嵌入链接

这是在特定文档中出现的导航,通常由文档作者控制。它将指向其他关键文档和/或网站。文档导航应该反映超文本的适当使用。那些只是简单地将文档从其他媒体转换成发布到Web上的网站很少有这样的导航。

名博主嵌入式链接

名博主嵌入式链接

但是,不应该过度使用文档导航。需要理解的是,文档中的链接是对离开该文档的邀请。解决这个问题的一种方法是将链接放在文档的底部,或者放在文档右侧的一个列中。

4. 下拉导航

大叶落

大叶落

这是通过一个下拉菜单传递的。它通常被用作节省空间的设备,以避免页面上出现太多的混乱。如果您想要呈现一个较低级别分类树的整个部分,也可以使用它。需要理解的是,下拉式导航是对网站主导航的支持。

塞尔弗里奇小姐,下拉菜单

塞尔弗里奇小姐,下拉菜单

它不应该用作显示导航的主要方式,因为它只会向读者显示一个分类,直到读者实际选择它。全局导航或核心导航不应在下拉导航中显示。

5. 电子商务/购物车导航

电子商务或购物车导航允许读者通过一个购买过程。它应该出现在每一页的显著位置,通常靠近顶部或报头。电子商务导航将包括“购物车”、“结帐”、“您的帐户”和“帮助”等链接。

Etsy电子商务付款

Etsy电子商务付款

许多调查显示,人们未能完成网上购物。一个关键的原因是他们发现这个过程太复杂或太长。简化电子商务购物导航的必要性再怎么强调也不为过。

设计电子商务导航时:
- - - - - -只要求完成购买所需的信息;
- - - - - -测试,测试,测试.

6. 功能导航

Urban Outfitters最新消息

Urban Outfitters最新消息

这是一个临时的导航,用来展示网站上一些吸引人的内容。例如,您可能想要突出一个已经发布的新产品,或者一个重大的促销活动。

CNN最新消息

CNN最新消息

新闻网站有特色的部分,让读者快速访问这些事件的内容。当事件结束时,这些功能将被删除。

7. 全局导航

保持火头和脚

全局导航应该出现在网站的每个页面上。它应该包含网站上最重要部分的链接。对于小型网站,全局导航可能包含所有顶级部分的链接。它应该被放置在每个页面的顶部,通常在报头,并在每个页面的底部,作为文本链接的页脚。在没有核心导航的小型网站中,全局导航通常出现在页面顶部的左侧栏中。

杰米奥利弗的报头和脚

杰米奥利弗的报头和脚

全局导航的第一个链接应该是“Home”。全局导航还应该包含以下链接——“关于”和“联系人”。全局导航最好不超过8个链接。

8. 首页导航

主页的主要功能是为读者提供背景信息。至关重要的是,当读者加载主页时,他们知道自己在哪里。因此,关键导航,如搜索、全局导航和核心导航,需要立即可见。

主页必须不仅仅是一个简单的目录。它应该通过功能导航和提供重要内容的简短摘要来突出重要内容。从这个意义上说,主页也是向读者“推销”组织在任何特定时间提供的最好、最令人兴奋的内容。

9. 语言和地理导航

网站应该使用哪种语言的决定是至关重要的,并且直接受到目标读者类型的影响。语言的选择不是简单的战略决策,也可能有政治因素。一个重要的问题是使用美式英语还是英式英语。网络上占主导地位的英语是美式英语,而那些使用英式英语的网站想要瞄准美国受众,就必须仔细考虑这个问题。

耐克的语言选项

耐克的语言选项

如果绝大多数读者使用一种语言,那么主页可以默认使用该语言,并可从全局导航中选择辅助语言。如果读者平均分布在不同的语言之间,那么必须创建一个初步的或“进入”页面,在这个页面中,读者将被要求选择他们喜欢的语言。

当一个网站按国家或地区分类时,地理导航允许读者选择一个特定的国家或地区。这个导航的链接应该在全局导航中找到。在大多数情况下,地理导航和语言导航可以合并。

10. 个性化的导航

当读者根据自己的喜好决定网站的外观时,个性化就出现了,或当组织改变网站的布局,以反映读者的前一页。

iGoogle个性化导航

iGoogle个性化导航

如果处理得当,个性化可能是一个非常强大的工具。个性化最好的例子之一是亚马逊网站根据读者之前购买的商品向他们推荐书籍和音乐。然而,个性化是昂贵和复杂的。在个性化变得实用之前,网站需要大量的内容和大量的读者。

如果采用个性化方法,读者应该尽可能地控制整个过程。对于他们来说,拥有一个对他们做出错误假设的软件是令人沮丧的。只个性化那些必要的和有用的东西。告诉读者你在收集什么信息。

11. 进度表导航

进度表导航清楚地向读者显示了一个线性图表,它显示了一个过程中所涉及的步骤的数量,以及读者已经完成的步骤。它应该突出显示在页面的顶部附近。当读者希望完成任何包含两个以上步骤的过程时,强烈建议使用进度图导航。

Etsy支付进度表

Etsy支付进度表


记住,读者是没有耐心的。如果他们不能立即感受到进程的长度,他们可能会点击后退按钮。确实,许多读者在使用Web时犹豫不决。给他们一个清晰的进度表可以让他们更舒服。在购买产品或填写长表单时,进度图导航的过程对于包含有用。

12. 相关导航

亚马逊相关的选项

亚马逊相关的选项

相关导航位于特定文档的底部。它提供了来自同一主题区域的其他文档的链接。它可以帮助想要了解更多相关信息的读者快速找到相关的文档。 相关导航还可以提供到其他网站或与主题相关的网站其他部分的链接。

塞尔弗里奇小姐亚马逊相关选项

塞尔弗里奇小姐亚马逊相关选项


在网站设计上的投资很少有像规划、测试和实现一个简单、直观、全面的导航系统那样重要和困难的。坚持基本的导航设计原则,第一个原则是你应该从读者的角度来设计导航。

最后,请记住,读者喜欢通过各种方式浏览网站;因此,您可以使用以上一种或多种方法来导航,以帮助用户有效地导航您的站点。

2020-01-27 17:05
相关热门