首页 > 教程 > 关键词  > 网页设计最新资讯  > 正文

四十三个应避免的Web设计误区

2010-04-21 14:11 · 稿源:网络转载

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版?嗨,我只想快点看到内容!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

举报

  • 相关推荐
  • Web3时代加速到来 欧科云链持续推动科技创新用落地

    世界正处于从商业文明转向价值文明的时代,作为人类历史上最伟大的发明之一,互联网也面临着变革和发展,价值互联网被称为人类社会网络系统进化的最高形式Web3则被认为是最接近价值互联网的产业形态。在元宇宙、NFT等热潮涌起之下,Web3看似并不遥远,作为下一代互联网存在方式的最大可能性,Web3已经构建了完整的模式概念,最为大众所熟知的是其强调用户在互联网拥有自主权,用户与建设者共建共享,以此完成数据资产权属的回归。随着Web3时代的加速来临,区块链多链生态逐步发展,像欧科云链这样的拥有核心优势且不断深耕探索的区块链大数据企业必将迎来属于自己的黄金时代。

  • 开启Web3.0新纪元 第三届元宇宙共享大会成功举办

    “趋势与未来”第三届元宇宙共享大会暨Web3.0链改——绿色积分资产化实践项目签约发布会,及汇来购全生态3.0启动盛典于2023年9月26日在广东金海湾成功举办。该活动由中国移动通信联合会元宇宙产业工作委员会,中国通信工业协会区块链专业委员会联合主办;亚洲区块链综合管理机构,汇来购经济服务平台共同承办。为推动社会走向数字文明新时代,共建元宇宙技术创新生态体系,推动元宇宙可持续健康发展。

  • Cherry推出KW 7100 MINI BT键盘:可连接三个设备

    德国厂商Cherry推出了新款KW7100MINIBT键盘,宣称是移动办公的完美紧凑型伴侣。KW7100MINIBT采用极简的设计,整体尺寸为11.60x5.10x0.60英寸,结构紧凑、节省空间还便于携带,提供了石板蓝、龙舌兰绿和樱花色三种颜色可选。KW7100MINIBT和KW3000键盘已经在亚马逊上架,售价分别为59.99美元和24.99美元。

  • 第三届元宇宙共享大会|甘华鸣:高屋建瓴地认识Web3.0/元宇宙和区块链积分

    2023年9月26日,“趋势与未来”第三届元宇宙共享大会暨Web3.0链改——绿色积分资产化实践项目签约发布会及汇来购全生态3.0启动盛典在广东惠州金海湾成功举办。该活动由中国移动通信联合会元宇宙产业工作委员会、中国通信工业协会区块链专业委员会联合主办,亚洲区块链综合管理机构、汇来购经济服务平台共同承办,物链芯工程技术研究院,央链直播联合协办。为推动社会走向数字文明新时代,共建元宇宙技术创新生态体系,推动元宇宙可持续健康发展。

  • 汤臣倍健高管三个坚持布局VDS新时期,取得亮眼成绩

    汤臣倍健高管梁允超在年初致股东信里曾提到,“2023,是疫情常态化控制下VDS新周期第一年,站在未来五年甚至更长时间往回看,2023可能就是新布局最好的时机。”基于此,汤臣倍健始终坚持“科学营养”战略,以三个坚持布局新周期,在2023年度上半年取得了十分亮眼的业绩。汤臣倍健多年来的成绩离不开汤臣倍健高管梁允超的正确决策、坚定态度以及科学战略指引,未来汤臣倍健会继续推进“科学营养”战略下的强科技企业转型和强品牌战略,按照多品牌、大单品、全品类、全渠道、单聚焦的战略方向,进一步深化管理和提升经营质量,为用户创造更大的健康价值。

  • 抛弃李佳琦的年轻人,涌进“三个小老头”的直播间

    图源备注:图片由AI生成,图片授权服务商Midjourney9月16日星期六,上午8点,10万人齐聚活力28衣物清洁旗舰店抖音直播间,他们看到的,是一个戴着眼镜的“小老头”在镜头前,背后是朴实无华的工厂,没有“小黄车”——有小黄车的时候,79元能买到31.2斤洗衣液。这已经是连续第二天,这个“小老头直播间”早晨一开播就超过10万人同时在线。也希望代工厂的这波努力,真的可以助益活力28品牌的重振。

  • 测评博主B太回删除花西子产品测评:不是广告

    测评博主superB太发布国内外品牌化妆品克数的视频,视频中删除了花西子产品的测评内容。有网友质疑B太在视频中删掉关于花西子产品的测评,是在洗白花西子。B太回复称:这次测试确实有点草率了,接下来会用更严谨的方式来测试美妆产品,这次视频里的任何品牌都不是广告,如果收钱直接注销账号。

  • IBM发布基于AI的威胁检测与响服务 高效处理关键威胁

    在网络安全领域,安全威胁不断演化,使得组织面临了一个越来越具有挑战性的问题:安全警报的数量不断增加。安全团队发现自己在攻击者面前数量不足,深陷于漏洞、警报和安全工具的海洋之中。组织可以依赖来自IBM网络安全服务专业人员的全球支持。

  • 富而喜悦邀参加2023北京国际设计周”绿动童行展!

    北京国际设计周“绿动童行”国际儿童友好型绿色设计展于9月21日在北京拉开帷幕,活动将持续到10月10日,本届国际设计周的主题为:开放创新。富喜悦品牌应邀参展,旗下的富喜悦明日之星产品将在本次展会上亮相。这种开放创新的理念和本次北京国际设计周的主题“开放创新”十分契合。

  • 亚运会电竞首枚金牌!《王者荣耀》中国夺冠 完美三个2:0

    9月26日晚,杭州亚运会《王者荣耀亚运版本》决赛在杭州电竞中心进行,中国队以2:0战胜马来西亚队,赢得冠军。马来西亚获得银牌,泰国获得铜牌。近期还有全英雄限免、全直售皮肤限免、五排不限段、钟无艳巨星闪耀皮肤免费送等更多夺金福利,即将上线。