[p]这是一篇关于网站易用性的文章，作者以亲身体会讲述了43条网站设计中常犯的错误，而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势，但纵观国内的各大网站，似乎易用性并未成为设计者们广泛理解的概念， 因此希望这篇文章对大家能有作用。[/p] [p]1. [b]用户必须在几秒钟知道网站是做什么的。[/b]注意力是因特网上最有价值的货币。 如果访问者无法在几秒钟之内得知你的网站的方向，他很有可能转而访问其他网站。 你必须[b]迅速[/b]地告诉访问者为什么要在你的网站上花费时间。[/p] [p]2. [b]让网站易于速读。[/b]因特网不是书，因此没必要使用大段的文字。 也许我访问你的网站时我正在忙于其他工作，我不得不迅速读完所有内容。 项目符号、标题、副标题、列表，这些都能帮助读者迅速找到他想要的内容。[/p] [p]3. [b]不要使用难于阅读的花哨字体。[/b]当然，某些字体可以让网站精彩纷呈。 不过它们容易阅读吗？如果你的主要目的是传递信息并让读者阅读， 你应该让阅读过程舒服些。[/p] [p]4. [b]不要用小字体。[/b]如上一条所述，你得让读者阅读时感到舒服。 虽然我的firefox有放大功能，但如果必须放大才能看清一个网站的话， 我就再也不会去访问它了。[/p] [p]5. [b]不要打开新浏览器窗口。[/b]我的第一个网站曾经经常这么做。 原因很简单，在新窗口中打开外部链接，用户就不必离开我的网站。 [b]错！[/b]让用户决定如何打开链接，否则浏览器上大大的后退按钮就没必要存在了。 不用担心用户离开你的网站，在必要的时候他们会回来的。[/p] [p]6. [b]不要改变用户的浏览器窗口大小。[/b]用户有权控制自己的浏览器。 如果你改变窗口大小，你会在他们面前失去信用。[/p] [p]7. [b]不必要时不要让用户注册。[/b]直白地讲，我上网是为了获取信息，不是为了别的。 不要强迫我注册并留下我的电子邮件以及其他信息，除非特别必要（比如你 能提供的消息非常有价值）。[/p] [p]8. [b]不要在未经访问者同意的情况下为他们订阅电子杂志。[/b] 不要在访问者注册时自动给他们订阅电子杂志。 不请自来的邮件可不是个交朋友的好办法。[/p] [p]9. [b]不要过多使用flash。[/b]flash不仅会增加网站的读取时间， 过度使用甚至会让访问者感到不快。只有当静态页面无法表达你的意图时 才使用flash。[/p] [p]10. [b]不要播放音乐。[/b]早些年web开发者都喜欢在网站中集成音乐，结果他们失败了。 记住，永远不要使用音乐。[/p] [p][/p] [p]11. [b]当你必须使用声音时，让用户启动它。[/b]有时你必须使用声音文件， 比如你要给用户发送一份演讲，或者你的教程包含声音。这没问题，但要让用户来控制， 让用户点击“播放”按钮，别在打开网页的瞬间播放声音。[/p] [p]12. [b]不要让标志弄乱你的网站。[/b]社交网络和社区的标志会让你的网站看起来十分不专业。 就算是奖章和荣誉等标志也应当放到“关于我们”页面上。[/p] [p]13. [b]不要使用“点击进入”页面。[/b]用户访问到内容的步骤越少越好。[/p] [p]14. [b]注意要留下联系方式。[/b]最差的莫过于网站没有留下联系方式的了。 不仅对访问者不友好，而且对你也没好处，你会错过珍贵的反馈信息。[/p] [p]15. [b]不要影响“后退”按钮的动作。[/b]这是网站可用性的最基本的理念。 在任何情况下都不能影响“后退”按钮的动作。比如，打开新窗口会破坏它， 某些javascript链接也会破坏它。[/p] [p]16. [b]不要用闪烁的文字。[/b]除非你的访问者来自1996年，否则别用闪烁文字。[/p] [p]17. [b]避免复杂的url结构。[/b]一个简单的基于关键字的url结构不仅能提高你的搜索引擎排名， 还能让访问者在访问之前了解网页内容。[/p] [p]18. [b]用css布局，不要使用表格。[/b]html表格曾经被用于页面布局， 但没有必要拘泥于此，尤其是在css诞生之后。css更快、更稳定， 并能提供更多的特性。[/p] [p]19. [b]保证用户可以搜索整个网站。[/b]搜索引擎带来因特网革命的原因，就是 它使得信息查找变得十分容易。别在你的网站上唱反调。[/p] [p]20. [b]避免使用下拉菜单。[/b]用户应当直观地看到所有导航选项。 下拉菜单会造成混乱，并且会隐藏访问者真正要找的信息。[/p] [p]21. [b]使用文字做导航栏。[/b]文字导航不仅速度快，而且更稳定。 例如，有些用户上网时会关闭图片。[/p] [p]22. [b]如果需要链接到pdf文档，一定要注明。[/b]你一定有过点击链接之后， 浏览器就像死掉一样等待acrobat reader启动，只为了打开一个（你不想看的）pdf？ 这是个不小的麻烦，因此一定要在指向pdf的链接旁特别说明，使用户可以采取相应措施。[/p] [p]23. [b]不要用多种版本让访问者迷惑。[/b]你想用哪种带宽？56kbps？128kbps？flash版还是html版？ 嗨，我只想快点看到内容！[/p] [p]24. [b]不要在内容中混合广告。[/b]在内容中混合广告（如adsense）也许会增加短期内的广告点击率， 但从长远角度来看，这会减少网站的人气。愤怒的用户会离开的。[/p] [p]25. [b]使用简单的导航结构。[/b]过犹不及。这个规则通常适用于人和选择上。 确保你的网站的导航结构单纯简洁。你不想让用户在查找信息时遇到麻烦吧？[/p] [p]26. [b]避免内容介绍。[/b]别强迫用户在访问到真正内容之前看某些东西。 这很令人愤怒，除非你提供的信息是用户必须的，否则他不会等下去。[/p] [p]27. [b]不要使用frontpage。[/b]这一点也适用于其他廉价的html编辑器。 它们让页面设计变得更方便，但其输出结果将会非常低级，不兼容不同的浏览器， 并且会包含错误。[/p] [p]28. [b]保证你的网站兼容大部分浏览器。[/b]浏览器并不完全相同，在解释css和其他 语言的方法也相差甚远。不管你是否愿意，你应当让网站兼容市面上的常用浏览器， 否则你会永远地失去部分读者。[/p] [p]29. [b]保证在链接上添加有意义的文字。[/b]以前我经常犯这个错误。告诉人们“点击这里”很容易， 但这没有效果。要保证链接文字有意义。它使得访问者知道点击链接之后将出现什么， 也能为链接指向的外部站点带来seo效果。[/p] [p]30. [b]不要在状态栏中隐藏链接。[/b]用户还必须能在状态栏中看到链接指向哪里。 如果你隐藏了链接（即使是由于其他原因），那么你也会丧失信誉。[/p] [p]31. [b]使链接可见。[/b]访问者应能轻易识别出哪些能点击，哪些不能。 确保链接的颜色有强烈的对比（标准的蓝色通常是最好的）。可能的话， 最好加上下划线。[/p] [p]32. [b]不要在普通文本上添加下划线或者颜色。[/b]除非特别需要，否则不要为普通文字添加下划线。 就像用户需要识别哪些能点击一样，他们不应当将本不能点击的文字误认为能够点击。[/p] [p]33. [b]改变访问过的链接的颜色。[/b]这一点对于提高网站可用性非常重要。 改变访问过的链接颜色有助于用户在网站中定位，确保他们不会不经意地 访问同一页面两次。[/p] [p]34. [b]不要使用动态gif。[/b]除非你有需要动画的广告条，否则避免使用动态gif。 它会使网站看上去很业余，并且会分散访问者的注意力。[/p] [p]35. [b]给图像添加alt和title属性。[/b]alt和title不仅会带来seo效果，而且 对盲人有很大帮助。[/p] [p]36. [b]不要用令人不快的颜色。[/b]如果用户连续阅读10分钟后觉得头疼， 那么你最好选择别的配色方案。根据你的目的决定设计（例如，创造一种氛围 使得用户将注意力放在网站内容上，等等）。[/p] [p]37. [b]不要弹出窗口。[/b]这一点涉及任何种类的弹出窗口。即使用户要求使用， 弹出窗口也不宜使用，因为它会被弹出窗口拦截功能阻拦。[/p] [p]38. [b]不要使用javascript做链接。[/b]远离那些点击之后执行一小段javascript的链接， 它们经常给用户带来麻烦。[/p] [p]39. [b]在页面底部放置有意义的链接。[/b]访问者在找不到所需信息时通常会滚动到页面最底端。 作为最后的手段，你应当在页面底部放一个“联系我们”页面的链接。[/p] [p]40. [b]避免网页过长。[/b]如果用户老是需要滚动才能看到内容，他通常会采取的做法是 跳过它们。如果你的网站正好如此，那么应当缩短内容并优化导航结构。[/p] [p]41. [b]禁止使用水平滚动条。[/b]虽然垂直滚动条可以接受，但水平滚动条却远非如此。 现在的流行分辨率是1024×768，要确保网站能容纳在其中。[/p] [p]42. [b]禁止出现拼写或语法错误。[/b]这不是网站设计的错，但却是影响网站整体质量的重要因素。 确保链接和文字中没有拼写或语法错误。[/p] [p]43. [b]如果你使用图片认证，要保证能看清其字符。[/b]有些网站将图片认证作为对抗垃圾评论的方法， 或是在注册表单上使用。其中有个问题就是，用户经常需要叫上全家人来讨论图片上到底是什么字母。[/p]