常见网站设计错误(网页(yè)制作(zuò)经验收集)

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

以上信息是由鹏程科(kē)技(jì )（http://pengchengsoft.com/）建站的经验所总结出来的，希望对你的网站有(yǒu)所帮助。使你的网站走向正规划。鹏程科(kē)技(jì )依托八年的郑州网站建设,郑州网站制作(zuò),郑州网站推广,郑州网页(yè)制作(zuò)经验,為(wèi)您提供从专业的郑州网站建设,郑州网站制作(zuò),郑州网页(yè)设计,郑州网站推广等一站式互联网服務(wù)。鹏程科(kē)技(jì ),企业E化首选品牌！