-
《
Designing Web Navigation
网站导航设计》
P1-10
07
年年底翻译过《
Designing Web
Navigation
网站导航设计》
P1-10
，已做废稿，大家凑活着
看吧…
英文原稿见最后。
网站导航简介
全新的百科全书将出现
，
互相联系的轨迹网络贯穿其中，
信息随时可以被放入机
器“Memex”而得到扩展。
—范内瓦·布什《诚如所思》
本章内容
-
导航的定义
-
网站导航概况
-
导航的作用
-
导航设计和设计前景
在塑造我们的网站体验上，
导航发挥
了重要作用。
它提供了获取信息的方式，
增
强了认知度，反映了品牌，并赋予了网站的整体可靠性。最终，网站导航和获取
信息
的能力，对于利益相关的使用者有经济上的影响。
导航设计是一个不仅限于选择整排按钮的任务。
它非常广泛，
同时微妙无比。
导
航设计师协调用户目标和业务
目标，
这需要领会每一方面，
并深刻了解信息组织、
页面设计和设计说明。
本章为网站导航描绘了一个广阔的背景，
以帮助你更好地
理解它的目的，以及其潜在范围的重要性。
就导航而言
当网站导航好用时，它平淡无奇。当它根本未被注意时，导航是最好的。这就像
一场体育比赛的裁判员一样。
在比赛中裁判可能会做很多的决定，
< br>而你甚至不知
道他的存在。
但如果有一个误判时，
裁判员就会突然成为成千上万起哄观众的关
注焦点。
< br>
图
1-1
< br>展示了
BBC
国际站上的一篇新闻。
这是我们在网络上经常不期而遇的一种
页面。在导航上它没有什么特别有趣的地方。
当你需要它时，它就在那里；当你
不需要它时，它也不碍事。但这个页面说明了导航的一
些典型特点。
乍一看网页时，
你的焦点在哪里如果你不是在寻找一个具体的话题，
你的眼球就
可能会在网页上游荡。
你也许第一次看到左上角的网站徽标，
或者看到文章的标
题。
可能那张图片吸引了你
的注意力。
但是你可能没有注意到在新闻标题上面的
链接“
e-
Mail this to a Friend”，或是右上角
的搜索输入框。如果你正在寻
找这些功能，不管怎样，你会轻松地发现它们。
不知不觉中，
为了帮
助你理解网页的导航和内容，
你完成了一个方案。
即使你看
过所有文字，
你已经创造了这个网页将如何聚集在你心里的意识图像
：
这里是主
要观点，那里是文章的正文，底下是更多的选择。人
们快速而自动地做此规划。
为了匹
配他们信息需求中的文字，
人们也快速地扫描网页。
如果你正在
寻找当地
的天气预报，
你已经快速地发现这是不适当的网页。<
/p>
但是你可能看到了在网页最
上方有天气的选项。点击此项，你估计
会到达气象网站。基于此原因，标签和文
本的导航是至关重要的。
更重要的是，标签的组织和归类，也传达了如何定位有价
值的信息。比如，在网
页左边的头七个选项告知了关于这篇新闻文章的地理组织。又比如
，在图
1-1
中右部“
climate
change
—In
depth”的
下方，链接集让你清楚地知道如何找到
关于此话题的更多信息。
总体而言，
各种各样的元素聚集在一
起创造了导航系统。
然而访客可能会察觉这
个系统作为整体而言
，
我们可以剖析它的单个组件。
例如，
在网页头部中心位置
（以“Home”开始）的标签被称为主导航。在新闻内部，地方导
航被左部的垂直
菜单所代表，这表明了你身在何处（突出了“Science/Matu
re”）以及你可以去
哪里，比如关于非洲的文章或者商业新闻组。
这是一个好导航系统吗答案是基本上良好。
你必须考虑各
种因素，
从业务目标到
用户目标。
但是
，
也有一些良好导航的通用原则让我们可以用来评估导航的质量。
举例来说，
在
BBC
网页上的导航是
平衡的、
一致的，
并且对您身在何处提供了清
< br>晰的说明。
总体而言，
它合乎
B
BC
这种类型的网站，
并且使人们尽可能正确地找
到他们想去的地方——这是衡量导航设计是否成功的最重要因素。
定义网站导航
让我们想想链接——互联网最基本的组成部分。
链接在网页上是文本或图片，
链
到另一个网页或者一个单独页面的其他地方。
它们让联系从一个想法跳跃到下一
个想法
< br>——这是个强有力的概念。多亏了链接，当你读了一个关于中国外交政
策的故事，
你就能接着跳到关于中国人口详细信息的网页。
但是，
链接不仅仅联
接一个又一个的网页，它们还展示了重要性。链接展示了相
关性。
网站导航是指三个方面：
1.
人们如何从互联网的一个页面跳到另一个页面的理论和实践。
2.
有目的的寻找和定位超文本信息的过程；对网络的浏览。
3.
在与既定的网站交互时，提供对网页的访问并帮助人们定
位的所有链接、标
签和其它元素。
#1
网站导航的设计是关于链接的设计。
它约定了你的站点上网页和内容的重要性以
及关联性。这需要在网页信息之间建立富有意
义的关系时进行判断。综合起来，
导航的元素不仅决定了你是否能找到人们正在寻找的信
息，
还决定了你如何体验
那些信息。
导航的需求
导航的批评者认为，它应该从所有网站上被淘汰掉。作为其中的一位，作家、交
互设计
的倡导者，艾伦·库珀，认为导航是不必要的。他写道：
“建
立在互联网初期的朴实网站，必然只能以简单的
HTML
标记来
编写，并被迫
将它们的功能和内容分割到一个独立网页的迷宫中
（一个网络）
。
这使导航方案
成为任何
网站设计不可缺少的部分；当然，一个清晰的、美轮美奂的导航方案，
总比一个隐晦或者
隐蔽的方案好。
但许多网站设计师由此错误地推断出，
用户需<
/p>
要导航方案。实际上，如果根本没有导航，用户才会高兴呢。”
接着他提倡了互联网上的一个不同范例：
< br>“熟练的
Web
开发人员会使用新式的浏览器和站点构建
工具，比如
ActiveX
和
Java
Script
，
借此创造更易用的单屏交互，
< br>而不需要跳转一个又一个的页面。
然
后很多网站设计师持
续不断地把他们的站点分割成许多断裂的页面。
这些对屏幕
的分
层排列迫使他们把导航负担强加于他们的用户。”
#2
诚然，
人们特别不希望在网络浏览中遭遇迷路的危险。
他们来到一个网站，
是为
了获取答案，或完成一项任
务。这样，网站导航可视为达到目的的一种手段。但
是此举是否必然是有害的呢如果导航
不好玩，
为什么强加给人们这个负担，
就可
能会潜在地混淆他们呢
很难想
象一个网站，
没有在我们已经渐渐习惯的网络上所熟悉的导航。
更好地理
解导航的需求，也许有助于考虑网站导航潜在拥有的不同功能。
网站导航
提供对信息的访问
展示网站中的位置
展示网站“相关性”
反映品牌
影响网站信誉
影响利润
#1
连接互联网上独立的站点无疑是重要的，但是本书的重点
是设计网站内部的
导航系统。
#2
艾伦·库珀，“导航不好玩”，库珀交互设计刊物（
2001<
/p>
年
10
月）
针对上述各点，更详细的说明如下。
导航提供对信息的访问
有时这很难不言自明。当然，网站导航提供了对信息的访问。妇孺皆知；每天我
们为信息而浏览互联网。
然而，
可替代的浏览方式仍然存在
。
考虑一些如何从你
的站点上访问信息的可能的替代模式：
内容链接唯一模式
想象一系列的网页相互链接，
没有特别的层级组织或模式。
所有的链接都嵌入在
文本之中。它们不是孤立的，被用来充当导航方案，同时没有传统的
首页概念。
该网站正好是一个大网站的相关信息。在概念上，它可能看起来像图
1-2
。
你可能会辩
称这将在文件之间提供强有力的关系。
在页面上的一个链接项或短语
与目标页面上的内容有紧密的联系。
但总体来看，
这种模式
的可寻性很低。
人们
将不可能在搜索信息中感觉到开始或结束，
定位将非常困难。
此外，
访问时间将<
/p>
会更长。
你不得不扫描整个文本以理解所有相关的内容。
这肯定不是获取信息的
最有效方式。
液态信息模式
这与内容链接模式类似，
但不存在任
何联系。
相反，
每一个字对于所有文本来说
都是交互的。
在文本和超文本之间，
或者内容和导航之间没
有区别。
所有的文本
都是链接，所有的链接都是文本。图
1-3
描绘了这一模式。从某一页上的一个
单词，任何数量的引导至新内容页的导航行为都是可能的。
英
国伦敦大学交互中心（
uclic
，）主办的一个研究项目，探
索使所有在线文本
交互的可能性——与个体的单词无限交互。
代
替超文本，
研究人员把这称为超词
汇。基本思路是，当一个单词
被点击时，一个选择菜单出现（如图
1-4
所示）。
-
-
-
-
-
-
-
-
-
上一篇：安防行业最全的中英文对照表
下一篇：关于财富Wealth的英语演讲稿