T086学习网 | 站长学院 | 技术文档 | 成语 | 歇后语 | 帝国时代 | 代码收藏 | IP地址查询 | 生活百科 | 生日密码 | CSS压缩 | 用户评论 | 欣欣百宝箱

从A点到X点:有效的站点导航(B)

【 来源:奕天锐新作者:Scottie Claiborne 更新时间:2005-06-15 | 字体:
[导读]  主要的导航  黑色的标题是主要的导航链接并且在每个网页上都将显示出来。在设计你的站点时,将这些链接建立到网页之中,因此它们能一直出现在每个网页的相同位置。根据需要,可以留出将来扩展的位置。  家务...
  主要的导航

  黑色的标题是主要的导航链接并且在每个网页上都将显示出来。在设计你的站点时,将这些链接建立到网页之中,因此它们能一直出现在每个网页的相同位置。根据需要,可以留出将来扩展的位置。

  家务管理链接

  你可能想把销售或者信息条目从“家务管理”的链接中分离出来。对于家务管理这样的链接,人们可能期望能够从任何的网页上都能找到,但另一方面,这些链接在设计中又不需要重点进行突出。有一些链接,比如:隐私政策、站点地图、送货信息、注册、常见问题问答和联系我们常常在网页的页眉或者页脚以小字体显示,而你的“业务”链接都出现在网页的左侧或者右侧,或者横过页眉。

  订购链接

  根据链接的重要性将它们进行排序,设身处地考虑一下,如果你是消费者,你如何在整个站点上一步一步前进。他们会从左到右或者从上到下浏览导航链接,直到他们找到所需的链接为止。将那些你希望他们看到的链接放在列表的前部,在每个网页上都要保持相同的顺序。

  二级导航

  二级导航或者次级导航是指那些显示为“我们更接近”目标的链接。

  这些链接可能显示为:

  a) 一列新的链接,直接交错地出现在主页链接之下
  b) 在一个新网页中的一列新链接,比如在主要链接之后的一个彩色条
  c) 中部网页的内容,对于每个链接都具有简短的说明或者图片

  你的网站越深,你很可能需要更多层的次链接。只要用户感到他们正在沿着正确的方向前进,他们就会在站点内继续往前走,但只要可能,他们也会试图减少到达每个相关信息的点击次数。

  自动导航栏轨迹

  自动导航栏轨迹是指那些告诉用户他们正处在主页哪个位置的链接(通常以小字体显示,在网页标题的下方)。

  例如:

  主页 >主题 > 种类>本页

  自动导航栏给用户以能够快速跳转到站点中更高一级的通道。这对于具有深层结构的网站尤其有用,它对任何的站点都是有益的。如果访问者通过 搜索引擎查询登录到某个网页上,在无需从主页开始的情况下,他可以很容易地找到相似的网页。

  正文文本导航

  尽可能很容易地让用户能找到你所提供的信息。查看网站的每个网页,看看将哪些网页的内容互相链接起来能提供更多的信息。我们可能想从主页直接链接到某个极具特色的网页,在访问者希望得到更多信息的情况下,我们绝对想从窗口小部件产品网页链接到窗口小部件安装和具体窗口小部件资源网页。

  应作的导航和不应作的导航

  不要在新窗口中打开网页

  这样会将用户搞糊涂而且中断了他们的“返回”按钮。他们以打开了一大堆窗口而走到了头,然后在沮丧中将他们全部关闭。

  不要将网页元素从一个网页移动到另一个网页中

  一旦用户知道了主要链接在主页上的位置,不要通过改变顺序让用户再次查找它们,比如将它们从某些网页上全部移至页脚,或者从其他网页上完全将其删除。尽管这样看上去可能有点让人“烦”甚至妨碍创造力的发挥,但请记住,一个站点首当其冲的应该是功能第一,否则,是不会有人欣赏你的创造力的。

  不要试图将所有的链接放在每个网页上

  除非一个站点相对较小,不要试图将每个网页都互相链接起来。一个充满链接列表的页脚或者侧导航条,如果需要翻2个网页,通常会将用户搞糊涂并且提供了一些用户根本不需要的信息。采用次导航创建一个逻辑的网页结构并添加一个站点地图帮助用户快速地找到他们所需的网页。

  不要轻易使用“较酷”的链接

  在鼠标移过时,通过显示另外的链接,Flash、 DHML 和 javascript 飞出菜单看上去解决了深层导航的问题,但是通常不需要这些内容。如果你喜欢它们并且一定要拥有这些内容,确保要在每个网页页脚为那些没有开启javascript或安装flash的搜索引擎爬行程序和用户设置普通文本导航链接。

  一定要使用颜色来识别链接

  采用CSS给链接添加盘旋颜色,因此,用户能够看到他们所要点击的内容。你的链接不一定必须加下划线,但要给它们设置不同的颜色,因此使它们能从环绕的文本中凸显出来。不要期望访问者将鼠标划过网页上的所有文字来找出它是不是一个链接。

  相似地,不要将普通文本设置成与链接相同的颜色。你可怜的访问者会不断地点击那些文本。如果你的链接是红色的,也不要将销售文本设置成红色的。

  在图片链接上务必要使用替换文字

  如果你将图片作为你的导航链接,确保要为你将其作为文本链接的替换属性的文字添加描述性文本。这样将允许那些无法看到图片的访问者使用你的站点,而且也能帮助搜索引擎爬行程序(包括你自己的搜索引擎功能)识别网页的内容。

  一致性、一致性、一致性

  最重要的是,一定要连贯!无论你决定如何组织你的导航,不要让访问者重新学习站点的一个部分到另一个部分。他们一旦发现熟悉了现有的结构,就不想再花太多的时间重新研究站点的导航。
好的站点结构是站点的基础——要多花一些时间好好考虑,然后请一些真正用户对其进行测试,确保你的基础是坚实可靠的。
  (完)
  • 转载请注明来源:IT学习网 网址:http://www.t086.com/ 向您的朋友推荐此文章
  • 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们,我们会尽快予以更正。
更多
留言建议ASP探针PHP探针站长Enjoy的Blog
© 2017 T086学习网 - T086.com(原itlearner.com)
RunTime:16.16ms QueryTime:7