吉安市新闻 | 吉安概况 | 吉安规划 | 县志 | 江西新闻 | 国内新闻 | 旅游风俗 | 特产美食 | 亲子健康 | 房产情感 | 数码科技 | 网络互联

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

热度664票  浏览72次 【共0条评论】【我要评论】【进入吉安论坛】 时间:2010年4月22日 13:44
这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念, 因此希望这篇文章对大家能有作用。江西吉安网'? P|+^q

9L[g qUL8ET;p01. 用户必须在几秒钟知道网站是做什么的。注意力是因特网上最有价值的货币。 如果访问者无法在几秒钟之内得知你的网站的方向,他很有可能转而访问其他网站。 你必须迅速地告诉访问者为什么要在你的网站上花费时间。江西吉安网/J e6shS

江西吉安网s1WC0^HA8D0B2z

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

P*Wjc%u!R0 江西吉安网t'WWw$T y/I7ZQ8}

3. 不要使用难于阅读的花哨字体。当然,某些字体可以让网站精彩纷呈。 不过它们容易阅读吗?如果你的主要目的是传递信息并让读者阅读, 你应该让阅读过程舒服些。江西吉安网A0X@2SD%m1Sh

江西吉安网K,s-T `+Yo;k$z G

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

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

`[5FM*As2[a.HS(q0

1b(Z[l9UbD06. 不要改变用户的浏览器窗口大小。用户有权控制自己的浏览器。 如果你改变窗口大小,你会在他们面前失去信用。

| b-s'W.ax9c{+]^0 江西吉安网M*G#a6UY

7. 不必要时不要让用户注册。直白地讲,我上网是为了获取信息,不是为了别的。 不要强迫我注册并留下我的电子邮件以及其他信息,除非特别必要(比如你 能提供的消息非常有价值)。江西吉安网%f+J8B)YJ9Dk2A

wl |/|)FxTC6l08. 不要在未经访问者同意的情况下为他们订阅电子杂志。 不要在访问者注册时自动给他们订阅电子杂志。 不请自来的邮件可不是个交朋友的好办法。江西吉安网`6h!P7?-V u

"^ D s{f0F-i09. 不要过多使用Flash。Flash不仅会增加网站的读取时间, 过度使用甚至会让访问者感到不快。只有当静态页面无法表达你的意图时 才使用Flash。

h{L S"p"`-G S)X0 江西吉安网9o4p:mBzW?0K"p

10. 不要播放音乐。早些年Web开发者都喜欢在网站中集成音乐,结果他们失败了。 记住,永远不要使用音乐。江西吉安网 ?:Z6j~!sL/[c

s?Vk$Uc0 江西吉安网Y|5KI-OG#P`O

江西吉安网 M:q:B1r-H{4^iX%K

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

&?J_#]@$oVx;E_0 江西吉安网#A;v;rL@:vS

12. 不要让标志弄乱你的网站。社交网络和社区的标志会让你的网站看起来十分不专业。 就算是奖章和荣誉等标志也应当放到“关于我们”页面上。江西吉安网jI"ATS~

江西吉安网cn:Oh5BI Vu)DF

13. 不要使用“点击进入”页面。用户访问到内容的步骤越少越好。江西吉安网pP|*HK2V2hHR

江西吉安网d~uG&P`Ix9m

14. 注意要留下联系方式。最差的莫过于网站没有留下联系方式的了。 不仅对访问者不友好,而且对你也没好处,你会错过珍贵的反馈信息。江西吉安网w0R&{u^;r;Z6P+]

江西吉安网2S9]7B/Lu

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

l9vX.OTI9O]c0

.fRS%?Y`016. 不要用闪烁的文字。除非你的访问者来自1996年,否则别用闪烁文字。

.p\)K u C:Mz0 江西吉安网 h8L9n [Vwr

17. 避免复杂的URL结构。一个简单的基于关键字的URL结构不仅能提高你的搜索引擎排名, 还能让访问者在访问之前了解网页内容。江西吉安网w [2p]!fD i

江西吉安网ugPJ%wX kq&i&c

18. 用CSS布局,不要使用表格。HTML表格曾经被用于页面布局, 但没有必要拘泥于此,尤其是在CSS诞生之后。CSS更快、更稳定, 并能提供更多的特性。江西吉安网%k(A*W G T&n

江西吉安网4W4MC8M _g4r B

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

$WVGhR'V['p0

An cvMeq p020. 避免使用下拉菜单。用户应当直观地看到所有导航选项。 下拉菜单会造成混乱,并且会隐藏访问者真正要找的信息。江西吉安网t `0Kz6Z8Dehes&M"AM2r

江西吉安网jO3FHl1fL x+{+j

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

_/K Bh!Ml&RF0 江西吉安网8T:W'AMb

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

K$T,W\REHD]U;C0

b _-C{z @023. 不要用多种版本让访问者迷惑。你想用哪种带宽?56Kbps?128Kbps?Flash版还是HTML版? 嗨,我只想快点看到内容!

8Pi oxBXN%q0 江西吉安网1_/m |2\l6I

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

WG;M? e/P,r S0

UM'K,_:ba xR7V025. 使用简单的导航结构。过犹不及。这个规则通常适用于人和选择上。 确保你的网站的导航结构单纯简洁。你不想让用户在查找信息时遇到麻烦吧?江西吉安网y8zr5M| |:U2RW

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

v5~.c(\(f6|_0 江西吉安网/q'M?+rL#^

27. 不要使用FrontPage。这一点也适用于其他廉价的HTML编辑器。 它们让页面设计变得更方便,但其输出结果将会非常低级,不兼容不同的浏览器, 并且会包含错误。江西吉安网0q&Zm4i*Pn

江西吉安网@jm3WtK!y&O

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

w#p w}O.{G k0 江西吉安网Y^/Yd5Upza

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

x Clz5j'f I]Iw0 江西吉安网d_K$w#zf

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

m!e%E.|,G%b0 江西吉安网H7Wn/Ba2S3]

31. 使链接可见。访问者应能轻易识别出哪些能点击,哪些不能。 确保链接的颜色有强烈的对比(标准的蓝色通常是最好的)。可能的话, 最好加上下划线。江西吉安网u7U@!p7?kMj

江西吉安网.SF8g Bok1c

32. 不要在普通文本上添加下划线或者颜色。除非特别需要,否则不要为普通文字添加下划线。 就像用户需要识别哪些能点击一样,他们不应当将本不能点击的文字误认为能够点击。江西吉安网Z_#v.b!AoW"S

$m)tHK l"^+Ar:w ^"Y033. 改变访问过的链接的颜色。这一点对于提高网站可用性非常重要。 改变访问过的链接颜色有助于用户在网站中定位,确保他们不会不经意地 访问同一页面两次。江西吉安网4DcEH#k/T

%[4B^@?;O034. 不要使用动态GIF。除非你有需要动画的广告条,否则避免使用动态GIF。 它会使网站看上去很业余,并且会分散访问者的注意力。

g[bf*n]3W R0

b A#z|Z&H7qZJu"U&K035. 给图像添加ALT和TITLE属性。ALT和TITLE不仅会带来SEO效果,而且 对盲人有很大帮助。江西吉安网5~I:X\-f'q%q!R

@o+K&rg(g r4w4_5hB036. 不要用令人不快的颜色。如果用户连续阅读10分钟后觉得头疼, 那么你最好选择别的配色方案。根据你的目的决定设计(例如,创造一种氛围 使得用户将注意力放在网站内容上,等等)。江西吉安网-EsB1^9kE y-YE8S

江西吉安网1GTc;]0n&R9ZT

37. 不要弹出窗口。这一点涉及任何种类的弹出窗口。即使用户要求使用, 弹出窗口也不宜使用,因为它会被弹出窗口拦截功能阻拦。江西吉安网*R7V/s DG7n

S%t \4m J1V038. 不要使用Javascript做链接。远离那些点击之后执行一小段Javascript的链接, 它们经常给用户带来麻烦。江西吉安网B&hTK H-Jl'vI

江西吉安网}y!x-b lts

39. 在页面底部放置有意义的链接。访问者在找不到所需信息时通常会滚动到页面最底端。 作为最后的手段,你应当在页面底部放一个“联系我们”页面的链接。江西吉安网"}N?i&U i fZp4D

江西吉安网!}|d1tJu;V6cOb

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

)\c^;Qi7N0 江西吉安网-j5i WLV+Q RPI

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

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

L-R;\%P:V'|Y*PX@$q4x0

3N3N u E&B043. 如果你使用图片认证,要保证能看清其字符。有些网站将图片认证作为对抗垃圾评论的方法, 或是在注册表单上使用。其中有个问题就是,用户经常需要叫上全家人来讨论图片上到底是什么字母。江西吉安网Ps No9o;N5U

顶:30 踩:31
对本文中的事件或人物打分:
当前平均分:-0.22 (236次打分)
对本篇资讯内容的质量打分:
当前平均分:-0.25 (241次打分)
【已经有126人表态】
17票
感动 感动
12票
路过 路过
13票
高兴 高兴
19票
难过 难过
17票
搞笑 搞笑
14票
愤怒 愤怒
18票
无聊 无聊
16票
同情 同情
  • 上一篇:25种给网站添加优质内容的方法
  • 下一篇:15条,让搜索引擎信任你!
  • 发表评论
    换一张

    网友评论仅供网友表达个人看法,并不表明江西吉安网同意其观点或证实其描述。

    查看全部回复【已有0位网友发表了看法】

    吉安微搏

    网络资源