网页设计应该避免的43种错误

您在互联网上看到的网页设计错误很多都是非常普遍的或者是最常见的十种。每次我发现一个错误时,我都会对自己说:“加油,网页设计的错误一定不只十个。”然后,我决定列出自己想到的所有的错误,不到半个小时,我想到了30多个,再通过网络搜索,就增加到了43个。

下一步就是对每种错误进行简单的分析,就是您下面会看到的。其中有些是公认的,有些是有争议的。这些观点不管是对企业网站还是个人博客,都是很有用的。

1、必须能让读者在很短的时间内知道您的网页是讲什么的:关注是网络最具价值的东西。如果读者不能在很短的时间内知道您的网站主题,他或她就很可能会马上离开。您的网站必须很快的让人一看就知道是讲什么的。

2、内容要可供扫描:这是网络,不是书,所以不要写得太隐晦。或许人家拜访您的网站时正在忙别的,所以请让人家可以扫描您的整个内容。需要通过核心观点、标题、副标题、清单等等方式使读者可以过滤他或她想找的东西。

3、不要使用不可识别的字体:有些字体确实可以使网页增色,可是他们是否可以识别呢?如果您主要的目的是传达信息和吸引读者,那么您应该使读者可以舒服的阅读。

4、不要使用太小的字体:理由同上,您应该使读者可以舒服的阅读。别人的浏览器上有放大功能,但是如果要别人使用这个功能来阅读您的网页,那您就想歪了。

5、不要在新窗口打开:我曾经在我的第一个网站犯这个错误——原因很简单,如果在新窗口打开链接,读者就不会离开我的网页——这其实是错的。请让读者选择如何打开链接。这就是为什么浏览器上有一个大的“后退”键。不要害怕把读者送到另外一个网站,如果喜欢您的网站,他们还是会回来的(即使是色情网站也开始考虑这个问题了)。

6、不要调整读者的浏览器窗口大小:应该让读者控制自己的浏览器。否者,您会给读者制造混乱,更糟糕的是您会失去读者的信任。

7、如无必要,不要强求读者注册:说得直接点,我浏览网络只是为了获取信息而不是为别的。不要强迫我注册或者留下邮箱地址或者别的资料,除非真的有必要(例如,您提供的信息好得让我想注册)。

8、 未经同意,不要向读者发送任何信息:读者在您的网站注册后,不要自动向读者发信件。到处发送未经请求的邮件不利于增加朋友。

9、不要使用太多的Flash:除了增加网页登录时间之外,过量的Flash可能激怒读者。只有当静态页面无法表达的时候,使用Flash才是明智的选择。

10、不要播放音乐:互联网起初,开发者总是尝试成功的将音乐整合到网页上。您猜怎么着?都败得很惨。

11、如果您一定要播放音频文件,请让读者自己播放:某些情况下可能需要使用音乐或者视频——您或许需要通过音频文件向读者发表演讲或者进行指导。这是好事。但是需要让读者控制,让读者播放,而不是使读者一登录网页就被音乐干扰。

12、不要让徽章弄乱您的网页:首先,网络或社区徽章会使您的网页看起来非常不专业——尽管我们有说您应该在“关于页面”放一些奖品或荣誉证书。

13、不要使用登录页面作为主页:让读者最快看到文章就是最好的。

14、确保留下联系方式:没有什么比没有联系资料更糟糕的了。这对读者不好,对您也不好。您很可能失去重要的反馈。

15、不要破坏“后退”按钮:这是最基本的可用性原则。在任何情况下都不要破坏“后退”按钮。在新窗口打开会破坏“后退”按钮,使用某些Javascript链接也会破坏“后退”按钮。

16、不要使用闪烁文本:除非您的读者来自1996年。

17、避免复杂的URL结构:一个简单、包含关键词的URL不但可以提高搜索引擎排名,还可以使读者在阅读之前知道您的网页大概讲什么。

18、使用CSS:HTML表格是用来设计页面的。随着CSS的出现,没有必要坚持使用HTML。CSS更快,更可靠,并且提供更多的功能。

19、确保读者可以搜索您的整个网站:为什么搜索引擎改革了互联网呢?或许您已经想到了,其中的一个原因是搜索引擎使我们可以很容易的找到想要的东西。不要忽视搜索功能。

20、避免“下拉”菜单:读者应该能够直接看见所有的选项。使用下拉菜单可能把事情弄混或者隐藏了读者实际上寻找的内容。

21、使用文本导航:文本导航不仅更快而且更可靠。实际上有些读者浏览网页的时候是不看图像的。

22、如果您链接到一个PDF文件,公开它的地址:是否遇到这样的情况——点击了一个打开PDF文件的链接,然后整个浏览器都动不了呢?这是很烦人的,所以请给出明确的链接让读者选择打开或者下载。

23、不要使用太多的版本:避免网站版本太多而使读者感到困惑。您喜欢什么样的带宽?56Kbps,还是128Kbps? Flash 还是 HTML?朋友,请告诉我!

24、文章里面不要参杂广告:在文章内参杂像Adsense这样的广告,短期内或许能提高点击率,但从长远的角度来看,会使读者减少。读者一旦被激怒就会一去不复返。

25、使用简单的导航结构:有时少比多好。这个原则通常应用在人和选择上。确保您的网页有一个独立的、清晰的导航结构。您最不希望发生的事情就是读者不知道如何找到他或她需要的东西。

26、避免“介绍”: 在读者接触到真正的内容之前,不要强迫读者去观看或者阅读任何东西。因为那是相当令人恼火的。如果您介绍的东西真的很独特,读者就会自主的停下来去看。

27、不要使用FrontPage: 也不要使用其他糟糕的HTML编辑器。他们看起来很容易操作,但是输出的时候就很乱,和不同的浏览器不相容,并存在漏洞。

28、确保您的网页是与各种浏览器相容的:并非所有的浏览器都是一样的,并非所有的浏览器都用同样的方式来读取CSS和其他语言。不管您是否喜欢,您必须使您的网页与市场上使用最广泛的浏览器相容,否者您就会失去读者。

29、使用链接锚文本:我承认曾经犯过这种错误。告诉别人“Click Here”很简单,但是没有效率。确保在链接上使用锚文本。这将使读者清楚点击那个链接会看到什么,同时会有利于链接的外网搜索引擎优化。

30. 不要掩藏链接地址:除了锚文本,读者必须可以在浏览器的状态栏看到链接地址。如果您掩藏了链接地址(不管是因为这个地址是附属的还是因为别的),您的网页将失去信任。

31、链接要可见:读者应该能够很容易的知道哪些是可以点击的哪些是不可以点击的。确保您的链接使用对比色(蓝色通常是最佳选择)。或者同时加上下划线。

32、非链接文本不要加下划线或者使用对比色:如非必要,不要给非链接文本加下划线。因为读者只需要简单的认出链接,而不需要去点击非链接文本。

33、使点击过的链接变色:这点对网页的可用性非常重要。点击过的链接变色可以使读者在您的网页上定位,避免不自觉的又点一次已经点过的链接。

34、不要使用动画GIF图片:除非您的广告要求动画,否者请避免动画GIF图片。因为他们会看起来很不专业并且会转移读者的注意力。

35、图片要使用ALT和TITLE属性:这除了有利于搜索引擎优化,还有利于增加读者。

36、不要使用刺眼的颜色:如果读者连续看了您的网页十分钟就头痛,您或许应该换一个好一点的配色方案,根据内容重新设计调色板(例如;释放情感,让读者聚焦于内容上)。

37、不要使用弹出类广告:包括任何形式的弹出类广告。

38、避免Javascript链接:那些链接在点击的时候会执行一些Javascript命令。请远离Javascript链接,因为他们会给读者造成不便。

39、在页尾添加功能性链接:如果读者没有找到需要的信息,通常会把滚动条拉到页尾。所以至少要在页尾添加首页链接或者联系页面链接。

40、避免过长的页面:您猜怎么着?如果读者需要长时间使用滚动条才能读完您的文章,他或她就会跳过您的文章。如果您有一篇很长的文字,请把它缩短并完善引航结构。

41、没有横向滚动条:直向滚动条是可以接受的,但是横向滚动条不可以。目前使用最多的屏幕分辨率是1024 x 768像素,所以请确保您的网页不超出这个范围。

42、没有拼写或者语法错误:这不算是设计错误,但是它是影响一个网页整体水平的关键因素之一。确保您的链接和文本没有拼写或者语法错误。

43、如果使用验证码,要确保数字可读:有些网站使用验证码来减少垃圾评论和注册表。这样会产生的一个问题是,很多时候作者需要拉上全家人去辨认数字。

精博寄语:

1.原文:Daniel, 43 Web Design Mistakes You Should Avoid

2.如果您发现还有其他的错误,欢迎分享。

3.如果您发现哪些博客存在以上错误但是仍然办得很好,也希望能够分享。例如,总统博客多思博客都没有遵循第24条,都有在文章里面参杂广告,但是仍然办的不错。

相关博文:

  1. 两个优化 Google AdSense 广告的免费工具
  2. TweepML 越来越好玩了
  3. 整合 Twitter 到博客的10种方法

此文发表于 博客技术 以及标签 ; 收藏永久链接. 发表评论或者留下引用: 引用链接.
Post comment as twitter logo facebook logo
Sort: Newest | Oldest

说的很多`虽然都是些简单易懂的,但很实用.有的时候月简单月让人容易疏忽.
觉得"7.不要强求读者注册"这点很讨厌.

Trackbacks

  1. [...] 搜索引擎喜欢代码简单易读的网页。请确保您的网页可供所有的主流浏览器浏览。搜索引擎不喜欢太多的Flash、窗口或者Java脚本语言。保持网页设计的简单和清楚,搜索引擎的爬虫将会快速而准确的检索您的网页。同时不要出现死链接。 [...]