糟糕的网站设计:设计网站时要避免的11个错误

你的网站是你的数字营销存在的核心,所以你要确保你的设计正确。当你在设计你的网站时,很容易犯错误,但你可以通过观察常见的网页设计错误来防止你的业务犯错误。

这就是为什么我们收集了11个糟糕的网站设计错误,以帮助你避免这些设计灾难。继续阅读,了解更多关于常见的网页设计错误,以避免和解决这些问题的方法。想要了解最新的网页设计技巧,请订阅我们的频道每周收入!

1.困难的导航

公司犯的第一个网页设计错误是网站导航困难。用户希望快速、轻松地查找信息。如果他们不能快速找到信息,访问者不会在你的网站停留太久。

如果您的导航是杂乱无章的,它将阻止用户浏览您的网站。杂乱无章的导航将使人们很难找到他们需要的页面。你会让更多的用户离开你的页面,因为他们找不到信息。

杂乱无章的导航会阻止人们使用你的网站。在组织混乱的情况下,您可能在菜单中意想不到的地方有页面,或者在导航结构中缺少页面。用户找不到他们想要的页面,他们会感到非常沮丧。

良好的导航将使你的网站看起来更有条理,更容易浏览,并保持网站的导向性。讨论如何修复糟糕的导航。

如何解决导航困难

如果你认为你的网站导航困难,你可以采取以下几个步骤来解决这个问题:

  • 概述你的导航层次结构:计划好你的访问者将如何浏览你的网站。站点上的核心页面应该能够以某种方式从导航菜单中访问。
  • 确保你的访客可以轻松进入你的主页:你的访问者应该能够导航回到你的主页,无论是通过你的导航菜单还是公司标志。确保你添加了这些功能,以获得简单的浏览体验。
  • 检查你的链接:仔细检查你网站上的链接,确保它们都是有效的,并指向它们应该指向的地方。当访问者点击坏链接时,他们会失去粘性。

2.可怜的颜色选择

一个公司可能犯的最糟糕的网站设计错误之一就是他们网站的调色板。

网站的颜色是访问者注意到的第一件事。有些公司会犯使用过多颜色的错误,让访问者不知所措。

太多的颜色会让你的网站混乱,让用户很难知道去哪里看。因为颜色对品牌形象有很大的影响,你要确保你为你的页面选择了正确的颜色。

如何修复糟糕的颜色选择

  • 专注于有限的色调:网站理想的配色方案由三到四种颜色组成。这些颜色的分解应该是一个主色,一个到两个强调色,以及你的文本颜色。ζ就是一个很好的例子,他们的网站采用了紫色和粉色配色方案。

提升gif

  • 选择能反映你品牌的颜色:你选择的颜色应该有助于建立品牌知名度。人们会把你的颜色选择和你的品牌联系起来,就像红、白、蓝和百事可乐联系在一起一样,所以选择最能反映你的业务的颜色。
  • 研究色彩心理学:在为你的品牌选择颜色时,一定要研究颜色背后的心理.颜色会让人们产生特定的情绪或感觉,所以了解颜色是如何影响你的观众是很重要的。

3.缺乏响应式设计

移动响应式网页设计是流畅的互联网体验的基本组成部分。在50%的互联网流量来自手机然而,许多企业忽视了为移动用户优化他们的网站。

如果你的网站没有响应式设计,你就无法为在平板电脑和移动设备上浏览的用户提供良好的体验。他们会在手机上浏览你网站的桌面版本,这将使阅读信息和浏览你的网站变得困难。

如何修复响应性设计的缺失

  • 使用响应工具:谷歌的页面测试将帮助您查看您的网站是否移动友好,或者是否需要改进。您可以将此作为确定您的站点是否已经适合移动设备使用的起点。
  • 集成响应设计:如果你使用一个WordPress网站,你可以选择一个响应主题。否则,你可以跟着走这些步骤或者试着雇佣一个网页设计机构像WebFX。
  • 添加响应的元素:网站上的照片和横幅等元素必须能够扩展到移动设备。按钮和链接需要缩放,以便用户可以在移动设备上轻松访问它们。大师级是移动响应式网站的一个很好的例子,它为移动用户扩展了自己的设计和按钮。

提升gif

4.缓慢的加载时间

网站加载缓慢是另一个糟糕的网站设计例子。一个缓慢加载的网站会阻止人们停留在你的网站上。

人们希望快速得到答案,如果你的页面加载时间过长,他们就会转到其他网站。

用户希望加载一个网站页面两秒内.因此,如果您的站点加载时间超过两秒,则需要优化站点以提高性能。

如何解决加载慢的问题

  • 使用页面速度工具和服务:首先使用工具测试加载速度谷歌PageSpeed.许多工具会提供如何加快页面速度的建议。你也可以投资页面速度优化服务提高你的网站的速度。
  • 压缩页面上的重元素:加载时间较慢的一个主要原因是来自图像、gif和视频等元素的文件过大。您可以通过使用压缩工具压缩和调整这些元素的大小来加快站点的速度Kraken.io不和在他们的网站上有相当多的元素,但因为它们是压缩的,加载很快。

5.太多的元素

有些网站错误地把每一寸地方都填满了东西,无论是大量的文字还是满墙的照片。过度拥挤是最常见的糟糕网站设计错误之一,它会让用户返回搜索结果。

如果你的网站上有太多的元素,你会让用户在了解你的业务之前就离开页面。

如何修复过多的元素

  • 减少元素的数量:最好的网页设计是简约。花点时间把网站上的元素数量减少到只有必要的。
  • 组织你的网站:您可能需要重新组织您的站点,以帮助您确定站点中哪些元素是必要的。一个杂乱无章的网站很容易因为太多的元素而陷入困境。
  • 利用空白:留白可以让网站看起来更干净,让人们更容易浏览你的网站。它提供了更好的浏览体验,让你的观众更容易阅读信息。留白可以防止你在网站上使用太多的元素,你可以看到留白是如何清理网站的,就像Verk的

6.无光泽的呼叫行动(CTA)按钮

行动号召(cta)是让人们采取行动的方式。无论你是想让他们注册你的通讯,关注你的Facebook页面,还是打电话给你预约,你都需要有令人信服的cta。

cta的一些常见错误包括:

  • 不要在你的网站上使用它们
  • 没有使用可操作的cta
  • 没有让你的cta有吸引力
  • 不使用使你的CTA按钮突出的颜色
  • 没有表示CTA是可点击的

用户需要清楚您的业务是做什么的,并拥有使用您的CTA按钮进行转换的最简单的方法。

如何修复无光泽的CTA

  • 使用诱人的商品交易顾问基金:诱人的cta是可操作的。他们确切地告诉你的观众你想让他们做什么。它们还会提示你的观众通过执行它们可以获得什么好处。
  • 用你的cta来吸引别人的注意:你的cta需要吸引眼球。这意味着它们必须从你的其他内容中脱颖而出。与导航菜单项类似,通过包含对比色和悬停动画,使cta从页面中弹出。Feals就是一个很好的例子,他们使用了深粉色的按钮来突出他们的浅粉色设计。

  • 测试你的商品交易顾问基金:计划并测试你的cta,看看什么最适合你的读者。制作多个版本的cta,并将它们展示给从观众中抽取的不同群体。找出他们认为可行和有吸引力的东西。

7.读字体标记

如果你正在寻找一个糟糕的网站设计的例子来避免,难读的字体是其中之一。

选择网站的字体和选择配色方案一样重要。如果你没有选择正确的字体,你的读者将无法阅读你的信息。

有四个主要的网页设计错误的企业在字体:

  • 太大/小:如果你的字体大小太小或太大,你的用户就无法阅读你网站上的内容。
  • 太难读了:认为装饰字体。它们可能看起来很好,但是一整页的文字都是那种风格的字体,很难阅读。确保你选择的字体清晰易懂,便于读者阅读。
  • 太多:无论如何,不要使用超过三种字体。如果你使用太多的字体,你的网站会看起来杂乱无章,设计看起来也不连贯。坚持使用少数几种字体可以帮助你的网站保持整洁和有条理。
  • 颜色:冲突字体的颜色也很重要。有些颜色通常很难阅读,特别是非常饱和的颜色,当与小字体搭配时。检查你的颜色,确保它们在背景下容易辨认。在大多数情况下,黑色效果很好。

如何修复难以阅读的字体

  • 使用合适的尺寸:至少,让你的正文字体保持在16分以上。再小一点,就太小了,无法在屏幕上阅读。你的标题可以大一点。你的标题应该足够醒目。
  • 正文使用无衬线字体:你的正文字体也应该是web-compatible字体.为了保持你的正文可读,使用无衬线字体,它可以在不同的设备和大小上翻译得最好。

8.墙上的文字

最糟糕的网站设计错误之一就是在你的页面上添加文字墙。用户想要信息,但大量的文字让人望而生畏。

互联网用户喜欢易于扫描的文本,所以如果他们在你的页面上遇到大量的文本,你就会阻止他们访问你的网站。

为了让用户停留并阅读你的内容,它需要具有可扫描性。

如何修复文本墙

  • 使用标题:在你的文本中放置相关的标题,以提高你的网站的用户体验和可爬性。
  • 把你的文字分开:通过拆分文本,使文本更易于扫描。要做到这一点,可以用标题、要点和编号列表。然而,最好的方法是充分利用空白,使你的段落简短而甜蜜,不要超过三句话左右。
  • 添加视觉元素:在你的文本中加入图片、视频和信息图表是另一种很好的方式,可以从文本中提供视觉上的放松,并增加你从观众那里获得的参与度。

9.不完整的网站设计

不完整的网页设计会让你的网站看起来不可靠,导致人们从你的页面跳出来。

他们会认为你的设计支离破碎,尤其是当文字与图片之间的包装很差,如果你的网站看起来杂乱无章,或者链接不起作用的时候。没有一个完整的网站设计,用户会从你的页面跳出来。

如何修复一个不完整的网站设计

  • 验证你的导航链接到右边的页面:检查你的导航链接到页面,并修复任何损坏的链接,你的网站可能有。
  • 确保所有页面的设计一致:站点上的页面设计应该具有一定的内聚性。如果没有内聚性,您的页面就不会看起来像属于自己。一致的设计也会使你的页面看起来更完整。
  • 有目的地使用留白:我们之前谈过这点,但我们再怎么强调留白的重要性也不为过。留白是一种设计元素。它应该得到与页面上的元素同样多的关注。当留白是有目的的,它会很容易充实你的整个网页设计,让它感觉完整。
  • 检查所有元素是否正常工作:确保在发布后检查页面。通常情况下,页面上的元素看起来并不是你想要的样子,可能需要一些调整。花点时间检查你的图片是否正确显示,你的文本是否组织有序。

10.不安全的网站

随着人们对个人信息安全问题的日益关注,你的网站必须是安全的。如果你的网站不安全,人们浏览你的页面会感到不舒服,并会返回到搜索结果。

安全的网站对电子商务网站尤其重要。人们不太可能在不安全的网站上购物,因为他们觉得输入自己的信用卡信息不安全。

但如果你要求提供任何信息,即使只是访问者的姓名和电子邮件,你的网站必须是安全的,以确保人们会向你提供这些信息。

如何修复一个不安全的网站

  • 确保你的网站:要保护你的网站,你应该做的主要事情是获得一个安全套接字层(SSL)证书,它会加密你网站上的信息,并在你的域名前添加HTTPs而不是HTTP。有很多步骤你可以采取确保你的网站你的听众。

11.过时的网页设计和内容

一些网站犯了糟糕的网站设计错误,在他们的网站上有过时的设计和内容。

过时的设计会让你的网站看起来不那么值得信任,并告诉你的观众你不够关心你的网站,没有跟上最新的设计趋势。如果你的设计过时了,人们也会认为你的内容过时了。

过时的内容也会降低你的网站的可信度,因为访问者会觉得他们不再信任所呈现的信息,因为它的年龄。

当访问者看到你的内容有多老时,他们可以跳转去寻找更多的最新信息。

如何修复过时的网站

  • 更新你的设计:花点时间做调查最近的设计趋势.你也可以查看一些知名品牌,看看他们在自己的网站上做了什么。
  • 更新你的旧内容:每隔一段时间,浏览你的内容并更新它以匹配你所在行业的最新信息。不要忘记在你的内容中添加注释,说明内容已经更新。访问者会欣赏你的透明度。
  • 使用常绿内容:常青树内容是指不随时间发生太大变化,并继续与用户和行业保持相关性的内容。它会不断为你带来线索,而不需要像你的其他内容那样进行太多优化。创建常绿内容通过寻找不依赖于趋势的话题,并回答观众的常见问题。

需要一个网站设计师?

让我们面对现实吧。如果你的网站上有任何不好的设计元素,是时候进行网站更新

WebFX可以帮助你做到这一点!无论是帮助你更新旧网站还是设计一个新网站,WebFX都有合适的人才和专业知识为你的网站注入新的活力。

我们有一个广泛的获奖网页设计投资组合这表明我们是如何帮助客户建立他们喜欢的新网站的!

在线联系我们或致电888-601-5359和网页设计专家谈谈WebFX如何帮助你改进你的网站!

最重要的