建立良好的导航
除了内容外,导航可能是网站最重要的部分。幸运的是,我们能够利用一些惯例来把设计决策和导航连接起来。在多数情况下,用户仅仅试图得到“我能去哪?”这个问题的答案。但是这个答案并不总是像他们希望的那样简单。总体来说,用户在使用内容为主的网站时,希望任何页面都能提供三种类型的导航。
全局导航(Global Navigation):在整个网站中我都能去哪?全局导航通常以表格式导航的形式出现,还会包含一个便捷的指向网站主页的链接。全局导航应该包含“受控制的”文字和短语(比如各栏目的名称、行业标准术语和外行使用的语言),并且突出网站的结构。因为全局导航如果放置得体的话,将会成为用户最先去的地方,它的设计至关重要。
本地导航(Local Navigation):在这个部分我能去哪?
许多用户喜欢进一步浏览和他们正在浏览的内容相关的内容,本地导航正好能满足这一需求。如果网站组织得很好,当用户访问某一栏目时会知道他们将会发现什么,本地导航就是他们获得此类内容的入口。
因为本地导航时用户在网站停留的一个共同的原因,很多网站现在采用了一种混合导航的方式。例如,在Amazon 完成了一次搜索后,用户可以通过使用本地导航,按类别进行浏览,及时并且恰如其分地满足了用户的需求。
![]() |
上下文导航(Contextual Navigation):在这个页面我能去哪?
在用户已经深入到你的网站,并发现了他们正在寻找的内容,他们接下来该去哪了?上下文导航会把用户留在同一页面,但是允许他们通过容易理解的内容区域四处活动。
当创建上下文导航时,把菜单放在内容的顶部(通常是一个目录表或文章分类列表),同时在页面的各部分都包含“返回页首”链接。如果执行正确,上下文导航会把你的网站上的页面变成资源,鼓励用户经常回来寻找信息。想一想维基百科每个页面是多么有用。更重要的是,上下文导航提供了一个独特的(但经常被忽略)机会,它可以在构建网站的品牌的同时,进行交叉销售、促销和使用户获得资讯。
补充导航
在浏览你网站的一个页面后,许多用户离开了,访问了其他网站或关闭了浏览器。这时,一个好的主意是在内容的下面紧跟上补充导航。补充导航通常包含相关内容,以便用户能够停留并获悉你的网站还能提供什么。
面包屑(“面包屑路径”)是一种典型的二级导航模式,它用来定位用户在一个网站或一个网络应用中的位置。这个词来自于Hansel 和Gretel 的童话,童话中两个小孩通过扔面包屑形成的路径回到了自己的家里。跟童话里的情况类似,面包屑在真实的网站应用中为用户提供了一种返回到他们出发点的途径。
![]() |
|
在读了tutorial9.net 的一篇文章后,读者面前呈现的是一个 网站相关文章的列表。这就是上下文导航的实例。 |
在那些包含很多按级别排列的内容并的网站,你经常会发现面包屑。你也会发现他们在网站应用中不仅仅只有一步,他们的作用像一个进度条。最简单的形式是由水平排列的、并由“大于号”(>)分割的文字链接构成,这个符号显示了当前页面的级别。
因此,如果你的网站很大并且需要按级别排列页面,使用面包屑导航是一个很好的主意。电子商务网站是一个极好的例子:大量不同的商品按照逻辑进行分类。对于没有任何分级和分组、只有一级的网站不应该使用面包屑导航。用来决定一个网站是否可以从面包屑导航中获益的一个方法是建立一个站点地图或网站导航结构图,并且分析面包屑导航能否提高用户在不同类别之间导航的能力。
面包屑导航应该被看做一种额外的导航特例,不应该取代基本的导航菜单。它是一种便利,一种二级导航方案,它可以提醒用户他们在哪里,并提供一种不同的浏览网站的方式。
![]() |
| 苹果网店在主导航的下面使用了面包屑 。这是补充导航的一个例子。 |
通过为一个多层级的网站的全部页面提供面包屑路径,用户可以通过很少的点击就可以返回到更高级别的分类,这比使用浏览器的“后退”按钮和基本的导航要方便得多。另外,因为它们通常水平放置并且样式简单,面包屑路径不会占据太多页面空间。
面包屑路径是一种吸引第一次来访的用户通过登录页(landing page)细读网站的绝佳方式。如果用户通过Google引擎搜索到了某个页面,看到面包屑路径之后,它们可能会点击更高一级的页面去看相关的主题。作为回报,降低了网站的整体跳出率。
广州网站建设,网站建设,广州网页设计,广州网站设计






