来学吧—CCTV《超越》教育培训合作伙伴, 专注于产品经理人才的培养10年. 乐产功场®培养产品经理的黄埔军校. 联系我们 优势解读 课程设置 关于我们

网页导航设计九大注意事项

http://laixueba.com 2012/9/29 17:31 来源:来学吧
超链结或导览按钮应该引导读者到一篇真正“有料”的网页,而不是以“挂羊头卖狗肉”的方式,事先将某一超链结描述得超级精彩、超级诱人,结果读者兴致勃勃地连结过去,却根本看不到任何精彩、诱人的内容,唯一所见的,只是一张无聊的告示牌“施工中”。
文章来自于【来学吧】http://laixueba.com/pm/view.asp?ArticleID=223

  一、注意超链结颜色与单纯叙述文字的颜色呈现

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

二、测试所有的超链结与导览按钮的真实可行性

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

  如果您果真有那么多的超链结必须提供给读者,不如将这些超链结以条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现一目了然的导览连结。

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

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

四、当导览按钮连结到目前此页时

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

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

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

新浪微博