导航

如何对一个网站进行导航，是网站设计中最关键的因素之一（甚至可能是最关键的）。你应当确定网站的主要栏目页，并在主导航栏中显示。

关于网站导航同样存在一个普遍的错误观念（你们可能已听说过），那就是让访问者在获取信息时不要超过三次点击。正是这种错误观念的广泛传播，使得一 些网站上出现最糟糕和最复杂的导航。作为实例，你们可以去看看很多购物或价格比较网站，他们总是倾向于在页面上放置尽可能多的链接，试图使用户在购买什么 之前，尽量减少点击次数，以免他们离开并去访问竞争对手的网站。但这种做法导致的结果很可能就是：罗列的信息过多，反倒使用户不能有效地获取和使用这些信 息。太多的选择和太少的选择一样都会让人无所适从。

其实只要有从一个链接通向下一个页面的明确路径，显示用户正在通向最终要访问的页面的正常过程之中，用户是会继续深入访问网站的。

基于上一篇文章中讲述的信息架构，TDB乐队网站的主导航栏应当包括指向以下部分/页面的链接，“Store（商店）”页面、“About（关于我 们）”页面、“Contact（与我们联系）”页面、“The Music（音乐）”页面、“Band News（乐队新闻）”页面，以及一个“返回主页”的链接，并不需要包含指向如“Tour Dates（巡演日期）”、“Lyrics（歌词）”等页面的链接。指向这些页面的链接应当仅放在相应的网页内，也就是说，任何需要从某一个歌词页面直接 跳转到“Tour Dates（巡演日期）”页面的访问者，都将可以被导航到“Band News（乐队新闻）”页面，然后再链接到“Tour Dates（巡演日期）”页面。

要想创建出成功的网站导航栏，一个最关键的方面是“一致性”。看下面图2所示的页面，在页面上方的导航栏中显示了一些链接如指向“Home（主 页）”, “Articles（文章）”, “Forums（论坛）”等页面的链接。在dev.opera 这个站点的其他页面，显示的导航栏都是一样的。导航指向显示你目前在网站的哪个位置，并提供指向该栏目内具体内容的链接。举例来说，点击导航栏上的 “Articles（文章）”标签，将带你到“文章”栏目的主页面，其中包含一些指向最近发表的文章的链接，以及一系列指向分栏目如 “Accessibility（可访问性）”、“CSS” 、“Mobile（移动设备）”等的链接（见图2）。

图2: The dev.opera.com的导航栏在网站所有页面内都保持了一致性。

网站上的其他一些通用元素

除导航栏外，通常还有其他一些通用元素要在网站的各个页面内都显示。

绝大多数网站都有一些标示所有权的品牌图像、网站标识或标头。例如，Yahoo!网站中几乎每一个页面，在其左上方都有一个网站标识，其中附加有你正在访问的页面所属的大栏目的名称，如“Travel（旅游）”、“Movies（电影）”、“Autos（汽车）”等等。

页面的顶部标题部分(横跨页面顶部)可以不仅仅包含网站标识，还可以包含或附加上主导航栏。此外，加上搜索框也并不少见，这可以让用户直接搜索网站的内容和信息，而不用通过使用菜单和链接来导航。你应该在你的网站的每个页面，都包括所有或大部分这些通用元素。

页脚部分(页面最下端的部分)应包含一些额外的信息，如版权声明，以及指向有用的辅助页面（如“About This Site（关于本网站）”、“Terms & Conditions（使用条款和条件）”、“Contact Us（联系我们）”)的链接等。

配色、页面布局、图形和图标的使用、版面设置和图像，创造出作为网站有机组成部分的一个网页的整体形象，这里“一致性”是关键。让网页的外观和布置 保持一致性，有助于保持网站的一体性，并创造出一种熟悉感。这样你就知道你正在访问的页面与此前访问的该网站的网页是相互联系的，都是网站的有机组成部 分，因为这些页面呈现出的视觉形象就是相互联系的。当你在设计网站时，应当牢记这点，不要让网站内的各个页面看起来就不一致。

在我们的TDB乐队网站内，页面的顶部标题部分将包括乐队的标识和名称，以强化访问者对乐队的认知度，让他们在访问各个页面时，都意识到是在阅读关 于乐队的各种信息。页脚部分将包括网站及网站内歌词、图片、试听歌曲等的版权信息，以及指向“联系我们”、“预订演唱会门票”等页面的链接。

出处：W3C标准WEB前端DHTML精英俱乐部
责任编辑：bluehearts

上一页 一个好的网页需要什么 [1] 下一页 一个好的网页需要什么 [3]