8455澳门新


抢票技术攻防战:12306一败涂地 措施被指业余
8455澳门游戏 6
唐骏:套现13亿确为收购青啤不排除继续增持

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

网站设计常犯的二十个错误

• 2013年02月20日09:52

在营销社会中,一个好的东莞网站建设网站即要符合搜索引擎收录条件,也要利手用户的体验,来提高水晶灯网站的流量及客户的转化率,好的网站设计不仅是来自于视觉的,更重要的是如何更有效的迎合后期的优化及营销,让你的热熔胶网站为你创造价值。针对这一点,北京顶级SEO公司总监杨营为您总结了二个网站设计中常犯的二十个错误,看一看你的起重机制造网站设计中有没有存在吧。

 

1、导航菜单使用图片、flash

为了美观大方,很多的网站导航菜单使用图片、flash当然比纯文本来得好看一些,但是搜索引擎并不认识你的图片和flash。如果你非要使用漂亮的图片来做导航的话,可以使用背景替换的方法。建议做一个导航菜单链接的xml文提交到搜索引擎。让搜索引擎更多的去索引你的挖掘机配件网站。

 

2、不恰当地使用图片

在网站设计时,为了网页美观,和整体的融合,经常会到处贴满图片,这样做是不正确的,与内容无关的图片能少就少吧。我们可以把这些图片做成容器的背景写在CSS代码中。如果必需要使用图片的话,建议在图片中放入Alt=””标签,来告诉搜索引擎你这张图片所要表达的内容,或是放入网站的关键词。

 

3、内容里特殊字体的运用

在网站设计中,为了追求美观,使用过多的字体。楷体很漂亮,草书也不逊色于宋体。但是不是所有人的电脑都安装有这些字体。如果使用这些特殊字体的话,在别人的电脑里看到的网页将会是不堪入目。

 

4、新窗口打开

在网站设计中,为了让更多的用户留在我们的网站,设计者加入了新窗口打开功能,但是却忽略了控制用户的机器所带来的负面效应,这种策略恰恰弄巧成拙,因为当用户想通过“后退”按钮返回先前的站点时,已经做不到了。用户通常注意不到新窗口已经被打开,尤其当他们的显示器很小,而窗口又正好是最大化时。因此,当用户想要返回原来的站点时,面对的却只是一个不可用的灰色
“后退”按钮。这样就不太利于用户体验了,解决方法可以在网站的侧栏设计指向其他你想推荐给浏览者的内容或是更有吸引力的内容,去吸引更多的用户来浏览你的网页。

 

5、无实际意义的特效

JS特效不可过多的使用,避免使用炫耀的技巧。这些特效对你的网页没有任何实际意义。反而会增加服务器的负担。

 

6、内容滚动

内容滚动可以在比较小的空间里展示比较多的内容。这是它的一个好处。但内容滚动却是弊大于利的。不是所有平台和浏览器都支持滚动的;在w3c看来,内容滚动会降低用户体验。

 

7、用户难以获取自己想要的内容

如果一个用户访问你的网站跟走入迷宫一样,会有什么后果?听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

 

8、文件名命名不规范

不要忽视这一点,例如新闻页面可以用:news.html,而不是类似2323123.html这样的无规范的命名方式。使用规范的命名方式不仅有利于搜索引擎,而且有利于网站日后的维护管理。

 

9、长篇文章未设置分页

长篇文章不分页,会导致网页加载速度慢,用户阅读疲劳。所以建议长篇文章设置分页。

 

10、颜色搭配错误,网页难于阅读

如无必要,你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。

 

11、没有返回指向

“返回指向”是网络用户的生命线,同时也是继超文本连接后最常使用的导航特征。用户可以随意尝试网页所指向的任何地方,而只需点击一两次“返回”按钮就可以回到先前的页面。

 

12、显眼的点击计数器

不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。

 

13、使用框架

与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。

 

14、不恰当地使用声音

声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。

 

15、兼容性不佳

你的网页在1024下看得顺眼么?那么换成1280看呢?不是所有人的显示器都用同一种分辨率的。无论是谁,都无法做出所有分辨率下完美的网页,但我们要做出能确保所有分辨率下不出错的网页。还有两点就是:不要以为只有电脑才能看网页!不要以为世界上只有一种浏览器!

 

17、急于发布网站

网站没有内容、网站程序bug,这些问题解决后再发布吧。内容较为充实、程序bug基本没有的网站才会让用户流连。

 

18、发布网站后未登录搜索引擎

有客户问,是不是我的网站已发布就可以在百度搜到了?但是百度不是我家开的,也不是你家开的,你发布网站时百度他是不知道的。所以,你发布网站后要到各大搜索引擎的登录口提交一下你的网站信息。

 

19、不留空白

注意留空白。不要用图像、文本和不必要的动画gifs来充斥网页,即使有足够的空间,在设计时也应该避免使用。

 

20、缺乏互动性

让用户与网站能够互动,让用户与用户之间能够互动。所以最少要有一个留言本,这能激励访问者再次回到你的网站,还有助于扩充网站内容。这个是极其重要的,web
2.0的核心思想。

网站的设计,是为了更好的留住用户,更好的让搜索引擎识别,所以在网站的设计者首先要对搜索引擎有初步的概念,及思维。

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

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

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

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

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

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

  网站产品设计

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

设计网站需要严谨的思考和周全的计划

  1. 不要在未经访问者同意的情况下为他们订阅电子杂志。
    不要在访问者注册时自动给他们订阅电子杂志。
    不请自来的邮件可不是个交朋友的好办法。

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

最重要的是了解你的受众用户

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

用户都是浏览者。一般只会停留几秒,最重要的要直接呈现。

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

少即是多。

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

导航。所有页面用导航串起来,保持整站结构清晰,以便访问者浏览。

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

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

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

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

下载速度。可用性方面的研究告诉我们,如果网页的下载时间超过7秒,大多数访问者会选择离开。

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

允许你的用户发言。可得到技术和知识各不相同的人们大量有益的反馈。

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

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

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

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

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

 

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

    深入了解网站用户

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

您的用户所用的软件和硬件各不相同

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

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

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

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

最重要的是了解你的用户

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

他们使用什么显示器。分辨率支持1024*768,分辨率尺寸可变,以适应不同显示器。

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

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

他们使用什么浏览器。

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

他们安装了什么插件。你的网页使用的插件,用户有权限有么,用户们有么

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

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

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

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

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

怎样帮助残疾人士。这些用户也许,是也许,也许同样需要访问你的网站。这是蓝海???

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

用户都是浏览者。一般只用几秒时间看你的网页。

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

 

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

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

    网站品质

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

使用最新的 WEB
标准。html4.01或用xml重新表达html4.01的xhtml。使用css1或2或3。通过web验证工具的验证网页。

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

增强网页的易读性。根据WAI(W3C发起的网页易读性倡议)的指导方针编写页面。即使残障人士,也能阅读。

html元素内容更合理。如title意义正确;改用h1标签就用h1,以免给搜索引擎带来困扰;doctype内容正确。

使用样式表注意事项。不在页面文件使用font标签,改到css,不至于改font需要改很多处,改css一处即可;不使用固定的字体尺寸,使用相对尺寸值,在调整浏览器显示比例时,就会跟随变化显示比例;不使用很小的默认字体尺寸;字体和背景颜色,不至于相同影响阅读。

字的可读性要好。不会看不清;不会字挤到一起,或间距过大;避免奇特的字体;少用斜体;另外为了在关闭浏览器图片显示的情况下,使用alt属性。

国际化。

相关文章

No Comments, Be The First!
近期评论
    功能
    网站地图xml地图