注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

☆秋夢園☆

秋◎追思與收集美夢的園地

 
 
 

日志

 
 
关于我

流浪者! 喜欢独来独往, 凡事靠自己相信自己, 不轻易向现实低头的女人! 秋不是写手,也不是摄影师, 秋梦园本意为分享学习博客制作和旅游喜悦。

网易考拉推荐

【博客】43条网站设计中常犯的错误,对照一下自己  

2007-10-11 11:29:36|  分类: 博客秘籍 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

【博客】43条网站设计中常犯的错误,对照一下自己 - 秋夢無痕 - ☆秋夢園☆

引用  超哥的43条网站设计中常犯的错误,对照一下自己

【博客】43条网站设计中常犯的错误,对照一下自己 - 秋夢無痕 - ☆秋夢園☆

  这是一篇关于网站易用性的文章(原文链接),作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,博客的制作也同样适用。我自己的博客对照这些原则,列了一个表,希望对大家能有帮助。(以下表格建议采用“全文阅读”模式浏览) 

原 文 译 文  (翻译:Charlee

自 己 对 照

1. 用户必须在几秒钟知道网站是做什么的。

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

这条难度较大,特别对我这样内容比较杂的,但尽量做到指引清晰。

2. 让网站易于速读。

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

基本做到了。

3. 不要使用难于阅读的花哨字体。

当然,某些字体可以让网站精彩纷呈。不过它们容易阅读吗?如果你的主要目的是传递信息并让读者阅读,你应该让阅读过程舒服些。

赞同,并坚持这样做的。

4. 不要用小字体。

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

同上。

5. 不要打开新浏览器窗口。

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

区别对待,有些开,但有些不开新窗口。

6. 不要改变用户的浏览器窗口大小。

用户有权控制自己的浏览器。如果你改变窗口大小,你会在他们面前失去信用。

从未改变过。

7. 不必要时不要让用户注册。

直白地讲,我上网是为了获取信息,不是为了别的。不要强迫我注册并留下我的电子邮件以及其他信息,除非特别必要(比如你能提供的消息非常有价值)。

网易博客没有这个问题,但留言和评论我已经不要求登录。

8. 不要在未经访问者同意的情况下为他们订阅电子杂志。

不要在访问者注册时自动给他们订阅电子杂志。不请自来的邮件可不是个交朋友的好办法。

做到。

9. 不要过多使用Flash。

Flash不仅会增加网站的读取时间,过度使用甚至会让访问者感到不快。只有当静态页面无法表达你的意图时才使用Flash。

非常赞同!也是这样做的。

10. 不要播放音乐。

早些年Web开发者都喜欢在网站中集成音乐,结果他们失败了。记住,永远不要使用音乐。

同上。我理解的是不要自动播放。

11. 当你必须使用声音时,让用户启动它。

有时你必须使用声音文件,比如你要给用户发送一份演讲,或者你的教程包含声音。这没问题,但要让用户来控制,让用户点击“播放”按钮,别在打开网页的瞬间播放声音。

原先没注意,后来改正了。

12. 不要让标志弄乱你的网站。

社交网络和社区的标志会让你的网站看起来十分不专业。就算是奖章和荣誉等标志也应当放到“关于我们”页面上。

网易博客上好像没这个问题,但插图的尺寸是要恰当为好。

13. 不要使用“点击进入”页面。

用户访问到内容的步骤越少越好。

嗯,今后注意这点。

14. 注意要留下联系方式。

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

做到了的,“联系我”就是。

15. 不要影响“后退”按钮的动作。

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

网易博客像是没有这个问题。

16. 不要用闪烁的文字。

除非你的访问者来自1996年,否则别用闪烁文字。

我的原则是“谨慎使用”。

17. 避免复杂的URL结构。

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

这个不由我们说了算的,系统设计者的事。

18. 用CSS布局,不要使用表格。

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

本篇就使用了表格,晕~~

19. 保证用户可以搜索整个网站。

搜索引擎带来因特网革命的原因,就是它使得信息查找变得十分容易。别在你的网站上唱反调。

没唱过。

20. 避免使用下拉菜单。

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

以前有过下拉菜单,现在基本不用了。

21. 使用文字做导航栏。

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

一直这样做的。

22. 如果需要链接到PDF文档,一定要注明。

你一定有过点击链接之后,浏览器就像死掉一样等待Acrobat Reader启动,只为了打开一个(你不想看的)PDF?这是个不小的麻烦,因此一定要在指向PDF的链接旁特别说明,使用户可以采取相应措施。

已经这样做了。

23. 不要用多种版本让访问者迷惑。

你想用哪种带宽?56Kbps?128Kbps?Flash版还是HTML版?嗨,我只想快点看到内容!

这个问题不取决于我们BSP普通博客。

24. 不要在内容中混合广告。

在内容中混合广告(如Adsense)也许会增加短期内的广告点击率,但从长远角度来看,这会减少网站的人气。愤怒的用户会离开的。

我自己的冠名广告放在日志尾部,尽量不影响读者的阅读体验。

25. 使用简单的导航结构。

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

同意。

26. 避免内容介绍。

别强迫用户在访问到真正内容之前看某些东西。这很令人愤怒,除非你提供的信息是用户必须的,否则他不会等下去。

这一条没有很明白原作者表达的意思。

27. 不要使用FrontPage。

这一点也适用于其他廉价的HTML编辑器。它们让页面设计变得更方便,但其输出结果将会非常低级,不兼容不同的浏览器,并且会包含错误。

没用过,也不会去用。

28. 保证你的网站兼容大部分浏览器。

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

自己尽量在IE和FF下测试过。

29. 保证在链接上添加有意义的文字。

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

基本做到了。

30. 不要在状态栏中隐藏链接。

用户还必须能在状态栏中看到链接指向哪里。如果你隐藏了链接(即使是由于其他原因),那么你也会丧失信誉。

以前有过一篇这样的,后来改正不用了。

31. 使链接可见。

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

基本做到了,但更多取决于系统设计者。

32. 不要在普通文本上添加下划线或者颜色。

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

坚持做到的。

33. 改变访问过的链接的颜色。

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

取决于系统设计者。

34. 不要使用动态GIF。

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

小的icon我还是用的,只是不使用大面积的gif。

35. 给图像添加ALT和TITLE属性。

ALT和TITLE不仅会带来SEO效果,而且对盲人使用纯文本浏览器的人有很大帮助。

主页面上基本做到了。

36. 不要用令人不快的颜色。

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

自我感觉也做到了。

37. 不要弹出窗口。

这一点涉及任何种类的弹出窗口。即使用户要求使用,弹出窗口也不宜使用,因为它会被弹出窗口拦截功能阻拦。

唉,想弹都弹不出,呵呵~~

38. 不要使用Javascript做链接。

远离那些点击之后执行一小段Javascript的链接,它们经常给用户带来麻烦。

网易屏蔽了js的。

39. 在页面底部放置有意义的链接。

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

主页上的“联系我”就是了。

40. 避免网页过长。

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

没有具体的指标,只能尽量避免很长的页面。

41. 禁止使用水平滚动条。

虽然垂直滚动条可以接受,但水平滚动条却远非如此。现在的流行分辨率是1024x768,要确保网站能容纳在其中。

没有这个问题。

42. 禁止出现拼写或语法错误。这不是网站设计的错,但却是影响网站整体质量的重要因素。确保链接和文字中没有拼写或语法错误。

自己很注意这个问题,也很反感那些错误,更加不喜欢故意而为的“火星文”。

43. 如果你使用图片认证,要保证能看清其字符。

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

网易的图片认证算是中规中矩的,曾经见过用微积分的,NND,服了!

(本文由亚洲商港独家冠名赞助,转载请保留冠名)

【博客】43条网站设计中常犯的错误,对照一下自己 - 秋夢無痕 - ☆秋夢園☆

回目录

博客学习目录

【博客】43条网站设计中常犯的错误,对照一下自己 - 秋夢無痕 - ☆秋夢園☆:此文章由☆秋梦园主☆整理完成,请尊重博主的辛苦收集

转载或引用请注明出处或保留LOGO,谢谢!

【博客】43条网站设计中常犯的错误,对照一下自己 - 秋夢無痕 - ☆秋夢園☆

欢迎朋友们加入秋的★浪漫梦幻国度★圈子!

【博客】43条网站设计中常犯的错误,对照一下自己 - 秋夢無痕 - ☆秋夢園☆

  评论这张
 
阅读(606)| 评论(12)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017