Tom：/* 43个你应当避免的Web设计错误 */

2016-03-07T06:55:04Z

‎43个你应当避免的Web设计错误

新页面

==43个你应当避免的Web设计错误==

这是一篇关于网站易用性的文章，作者以亲身体会讲述了43条网站设计中常犯的错误，而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势，但纵观国内的各大网站，似乎易用性并未成为设计者们广泛理解的概念，因此希望这篇文章对大家能有作用。

1. 用户必须在几秒钟知道网站是做什么的。注意力是因特网上最有价值的货币。如果访问者无法在几秒钟之内得知你的网站的方向，他很有可能转而访问其他网站。你必须迅速地告诉访问者为什么要在你的网站上花费时间。

2. 让网站易于速读。因特网不是书，因此没必要使用大段的文字。也许我访问你的网站时我正在忙于其他工作，我不得不迅速读完所有内容。项目符号、标题、副标题、列表，这些都能帮助读者迅速找到他想要的内容。

3. 不要使用难于阅读的花哨字体。当然，某些字体可以让网站精彩纷呈。不过它们容易阅读吗？如果你的主要目的是传递信息并让读者阅读，你应该让阅读过程舒服些。

4. 不要用小字体。如上一条所述，你得让读者阅读时感到舒服。虽然我的Firefox有放大功能，但如果必须放大才能看清一个网站的话，我就再也不会去访问它了。

5. 不要打开新浏览器窗口。我的第一个网站曾经经常这么做。原因很简单，在新窗口中打开外部链接，用户就不必离开我的网站。错！让用户决定如何打开链接，否则浏览器上大大的后退按钮就没必要存在了。不用担心用户离开你的网站，在必要的时候他们会回来的。

13. 不要使用“点击进入”页面。用户访问到内容的步骤越少越好。

14. 注意要留下联系方式。最差的莫过于网站没有留下联系方式的了。不仅对访问者不友好，而且对你也没好处，你会错过珍贵的反馈信息。

15. 不要影响“后退”按钮的动作。这是网站可用性的最基本的理念。在任何情况下都不能影响“后退”按钮的动作。比如，打开新窗口会破坏它，某些Javascript链接也会破坏它。

17. 避免复杂的URL结构。一个简单的基于关键字的URL结构不仅能提高你的搜索引擎排名，还能让访问者在访问之前了解网页内容。

18. 用CSS布局，不要使用表格。HTML表格曾经被用于页面布局，但没有必要拘泥于此，尤其是在CSS诞生之后。CSS更快、更稳定，并能提供更多的特性。

19. 保证用户可以搜索整个网站。搜索引擎带来因特网革命的原因，就是它使得信息查找变得十分容易。别在你的网站上唱反调。

20. 避免使用下拉菜单。用户应当直观地看到所有导航选项。下拉菜单会造成混乱，并且会隐藏访问者真正要找的信息。

21. 使用文字做导航栏。文字导航不仅速度快，而且更稳定。例如，有些用户上网时会关闭图片。

22. 如果需要链接到PDF文档，一定要注明。你一定有过点击链接之后，浏览器就像死掉一样等待Acrobat Reader启动，只为了打开一个（你不想看的）PDF？这是个不小的麻烦，因此一定要在指向PDF的链接旁特别说明，使用户可以采取相应措施。

25. 使用简单的导航结构。过犹不及。这个规则通常适用于人和选择上。确保你的网站的导航结构单纯简洁。你不想让用户在查找信息时遇到麻烦吧？

28. 保证你的网站兼容大部分浏览器。浏览器并不完全相同，在解释CSS和其他语言的方法也相差甚远。不管你是否愿意，你应当让网站兼容市面上的常用浏览器，否则你会永远地失去部分读者。

29. 保证在链接上添加有意义的文字。以前我经常犯这个错误。告诉人们“点击这里”很容易，但这没有效果。要保证链接文字有意义。它使得访问者知道点击链接之后将出现什么，也能为链接指向的外部站点带来SEO效果。

31. 使链接可见。访问者应能轻易识别出哪些能点击，哪些不能。确保链接的颜色有强烈的对比（标准的蓝色通常是最好的）。可能的话，最好加上下划线。

32. 不要在普通文本上添加下划线或者颜色。除非特别需要，否则不要为普通文字添加下划线。就像用户需要识别哪些能点击一样，他们不应当将本不能点击的文字误认为能够点击。

33. 改变访问过的链接的颜色。这一点对于提高网站可用性非常重要。改变访问过的链接颜色有助于用户在网站中定位，确保他们不会不经意地访问同一页面两次。

34. 不要使用动态GIF。除非你有需要动画的广告条，否则避免使用动态GIF。它会使网站看上去很业余，并且会分散访问者的注意力。

35. 给图像添加ALT和TITLE属性。ALT和TITLE不仅会带来SEO效果，而且对盲人有很大帮助。

36. 不要用令人不快的颜色。如果用户连续阅读10分钟后觉得头疼，那么你最好选择别的配色方案。根据你的目的决定设计（例如，创造一种氛围使得用户将注意力放在网站内容上，等等）。

39. 在页面底部放置有意义的链接。访问者在找不到所需信息时通常会滚动到页面最底端。作为最后的手段，你应当在页面底部放一个“联系我们”页面的链接。

40. 避免网页过长。如果用户老是需要滚动才能看到内容，他通常会采取的做法是跳过它们。如果你的网站正好如此，那么应当缩短内容并优化导航结构。

41. 禁止使用水平滚动条。虽然垂直滚动条可以接受，但水平滚动条却远非如此。现在的流行分辨率是1024×768，要确保网站能容纳在其中。

43. 如果你使用图片认证，要保证能看清其字符。有些网站将图片认证作为对抗垃圾评论的方法，或是在注册表单上使用。其中有个问题就是，用户经常需要叫上全家人来讨论图片上到底是什么字
母。

43个你应当避免的Web设计错误 - 版本历史

Tom：/* 43个你应当避免的Web设计错误 */