精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>前人指路 — 老站长如是说>>关于网页导览设计的九点注意  

主题:关于网页导览设计的九点注意  
发信人: tedz()
整理人: eagle(2000-12-24 00:56:21), 站内信件
   
  关于网页导览设计的九点注意    
----------------------------------------------------------------------
----------
   
      
    一.当导览按钮连结到目前此页时

  各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连
结到 目前此页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导
览按钮,但 Webpage设计者可让此按钮不再具有超连结的功能;或将此按钮的彩
度、亮度降低(如∶ 深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地
意识到∶这个暗设下来的导 览按钮不再具有超连结的功能。

  二.不要在一篇短文里提供太多的超连结

  适当、有效率地使用超连结,是一个优良的导览系统不可或缺的要件之一。
但过份 滥用超连结,造成短短的一篇文章里却处处是links,反而损害了Webpag
e行文的流畅与 可亲性。在充斥着超连结的短文里,很可能其中不少是无意义、
没必要的links。例如∶ 连结到一页只有两三行注解的link、连结到一页只放了
「施工中」的招牌的link。在一 篇长短适中的Webpage里(3、4个荧幕页面),
文章里提供的文字式超连结最好不要超 过10个以上,以使全页行文能够顺畅,而
读者也不至于眼见一大堆超连结,反而不知 从何点取才好。况且,连续、肩并肩
地出现两、三个文字式超连结,很容易被误认为 只是一个长度较长的超连结,于
是被读者忽略掉,便也失去了这些超连结的原本功能。
  如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的
方式, 一笔一笔清楚地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现
一目了然的导 览连结。

  三.让超连结的字串长短适中且走文自然

  抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住
超连结 的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如
∶仅一个字当 做锚点),而不利于读者的阅读或点取。

  四.注意超连结颜色与单纯叙述文字的颜色呈现

  WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超连结的用色
,以便 丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访
问者,建议您 将网页内的文字与超连结用色,设计成较乾净素雅的色调,会较有
利于阅读∶纯粹的叙 述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、
暗褐色),超连结文字则以 较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜
橘色),至于探访过的超连结则采 用较低于原超连结亮度的颜色做呈现。

  五.分析、说明您提供的bookmarks或coollinks 

  常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks,以
分享 读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links
,并不分门 别类,也不加以分析、说明为什么这个link好,值得推荐?那个lin
k的主要内容为何精 彩之处?又在哪?   提供您的bookmarks或coollinks是一
大善举,但未加以分析、说明,却变得功亏一 篑。多花几分钟,将您提供的boo
kmarks或coollinks稍加分类、注解,可提供读者清晰 的概念与无限的方便,也
使您的站台的导览系统更加周全完善。未加以说明、注解的 coollinks,其实一
点也不cool。老实说,任何人都可以到Yahoo轻易地找到上百上千的 links。您若
未对这些推荐的links加以个人独特的评论、介绍,读者又何劳偏得到您的 站台
去找索引呢?任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐
 全。

  六.在具前后连续顺序的文件里提供必要的连结 

  将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,
但在导 览按钮与超连结的配置上,Webpage设计者则要更细心周全地安排,使得
读者不论身处 您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。
Webpage设计者应特 别注意∶

   1.提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮
或超 连结在一系列具前后连续顺序的文件里,每篇Webpage都至少应提供「上一
页」、「下 一页」、「回子目录页」与「回首页」的导览按钮或超连结,可使读
者能够立即得知 自己所在的页面,是属于一份较大文件内的一小部分。(考虑、
体贴一下某读者不是 从您的Home顺序连结至此页,而是依循别的站台的某个lin
k跳跃连结至此)。并且可 以藉由这些links随时参考连结「上一页」、「下一页
」与本页的连贯内容;直接点取 「回子目录页」查寻其他相关的标题;或直接跳
跃至homepage,浏览其他不同项目的信 息。

  2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概

  在一系列具前后连续顺序的文件里,每篇Webpage都应加上一个具说明性的标
题, 使读者一目了然,马上抓住这一页的重点。   而完善的导览系统除了提
供「上一页」、「下一页」的导览按钮或超连结外,更 添加精简达意的上一页与
下一页标题、内容提要,使读者即使尚未点取这些Webpages 时,亦能先梗概地了
解自己将连结至什么样的Webpage。

  3.提醒读者某一系列文件已到尽头

  当读者已达某一系列文件的最后一页时,Webpage设计者应提供一小段告示提
醒读 者,同时不再提供「下一页」的导览按钮或超连结。   但基于Webpage介
面设计的一致性,或许有些Webpage设计者并不希望在同一系列 的最后一篇Webp
age里忽然少了一个先前每页都有的「下一页」导览按钮(尤其是精心 设计过的
图形化导览按钮)。为达成此目的,可考虑将最后一页的「下一页」导览按 钮颜
色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件
 已到尽头,不再有「下一页」的内容。

  七.在较长的Webpage内提供目录表与大标题 

  理想的Webpage长度以不超过3、4个荧幕页面为佳。但是如果基于某些特殊理
由, 您的Webpage一定要做得很长,那么不要忘了在此长篇的Webpage最上头,提
供一个目录 表,Webpage的内容也标上大小标题,以利清楚阅读。尤其重要的是
,在这些标题与目 录表的HTMLsource里分别设置锚点,与连结到锚点,以使您的
Webpage真正发扬WWW的 高互动性、高便捷性功能。

  八.暂时不提供超连结到尚未完成的Webpage

  超连结或导览按钮应该引导读者到一篇真正「有料」的Webpage,而不是以「
挂羊 头卖狗肉」的方式,事先将某一超连结描述得超级精彩、超级诱人,结果读
者兴致勃勃 地连结过去,却根本看不到任何精彩、诱人的内容,唯一所见的,只
是一张无聊的告示 牌∶「施工中」。
  如果您急欲在网络上推出您的站台、展现您Homepage,但仍有少数几页Webp
age尚 未完成,建议您先暂时别让这些「施工中」的Webpage正式露面。(即先暂
时别让这些 连往「施工中」的Webpage的「超连结」,拥有真正的超连结功能。
)等到您「几乎」 完工之后(Webpage永远没有「真正」完工之时,总是需要不
断地修改、增添、翻新), 再正式开放连结也不迟。
  倘若您急欲告诉读者,您即将提供一页超级精彩、超级诱人的Webpage在此站
台, 只是目前仍在努力赶工中,您大可直接摆一段告示在即将是「超连结」的文
字旁(但 目前仍不具超连结的功能),明白昭告世人,以减省读者徒然点取、徒
然往返的时间; 也免得读者满怀希望,却又落得失望而归。

  九.测试所有的超连结与导览按钮的真实可行性

  Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超连结与每
一个 导览按钮其真实可行性。彻底检验有没有失败的link无法连结到该连结的W
ebpage,却 反而冒出“FileNotFound"的错误讯号出来。这是一个负责任、够水
准的Webpage设计者 对自己的作品应有的基本品质要求。 
   
    

--
朋友可以让时间变得短暂,让快乐加倍的膨胀,让悲伤悄悄的引退,让回忆不再平淡.我想我会喜欢这里.

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 61.130.131.87]

[关闭][返回]