
效果不好的网站设计: 设计时尽量避免
这就是为什么我们收集了11个糟糕的网站设计错误来帮助您避免这些设计失误的原因。
1.导航困难
公司犯的第一个网页设计错误是在您的网站上难以导航。用户希望快速方便地查找信息。如果他们不能快速找到信息,您网站的访问者就不会停留太久。
如果您的导航杂乱无章,它将阻止用户浏览您的网站。杂乱无章的导航会让人们很难找到他们需要的页面。您会因为找不到信息而让更多用户离开您的页面。
混乱的导航会阻止人们与您的网站互动。如果组织混乱,您的菜单中的页面可能会出现在意想不到的位置,或者导航结构中的页面会丢失。用户找不到他们想要的页面,他们会发现这非常令人沮丧。
良好的导航将使您的网站看起来更有条理,更易于浏览,并在您的网站上保持领先地位。讨论某人如何解决他们糟糕的导航问题。
如何修复困难的导航
如果您认为您的网站导航困难,可以采取以下几个步骤来解决问题:
- 概述您的导航层次结构: 规划访问者将如何浏览您的站点。您网站上的核心页面应该可以通过导航菜单以某种方式访问。
- 确保您的访问者可以轻松访问您的主页: 您的访问者应该能够导航回到您的主页,无论是通过您的导航菜单还是公司徽标。确保添加这些功能以获得轻松的浏览体验。
- 检查您的链接: 仔细检查您网站上的链接,确保它们都有效并引导到它们应该去的地方。当访问者点击损坏的链接时,他们会失去参与度。
2.颜色选择不当
公司可能犯的最严重的网站设计错误之一是网站的调色板。
您的颜色是网站访问者首先会注意到的。一些公司犯了使用太多颜色的错误,并使他们的访客不知所措。
太多的颜色会使您的网站混乱,并使用户难以知道去哪里看。由于颜色对品牌标识有巨大影响,因此您要确保为页面选择正确的颜色。
如何解决颜色选择不当的问题
- 专注于有限的调色板: 网站的理想配色方案由大约三到四种颜色组成。这些颜色的分解应该是一种主色,一到两种强调色,以及你的文字颜色。 Zeta 就是一个很好的例子,他们专注于为他们的网站设计紫色和粉红色的配色方案。
- 选择能反映您品牌的颜色: 您选择的颜色应该有助于您建立品牌知名度。人们会将您的颜色选择与您的品牌联系起来,例如红色、白色和蓝色与百事可乐的联系方式,因此请选择最能反映您业务的颜色。
- 研究色彩心理学: 为品牌选择颜色时,一定要研究 色彩背后的心理。颜色会让人产生某种情绪或感觉,因此了解颜色如何影响您的观众非常重要。
3.缺乏响应式网站设计
移动响应式网页设计是流畅的互联网体验的基本组成部分。超过 75% 的互联网流量来自移动设备,但许多企业忽视了针对移动用户优化其网站。
如果您的网站没有响应式设计,您将无法为在平板电脑和移动设备上浏览的用户提供良好的体验。他们会在移动设备上浏览您网站的桌面版本,这会导致难以阅读信息和浏览您的网站。
如何修复缺乏响应式设计
- 使用响应工具: Google 的移动设备友好测试 将帮助您了解您的网站是否适合移动设备或者是否需要改进。您可以以此为起点来确定您的网站是否已经适合移动设备。
- 整合响应式设计: 如果您使用 WordPress 网站,您可以选择响应式主题。否则,您可以按照 这些步骤 或尝试聘请像ChinaSEO这样的网页设计机构 。
- 添加响应元素: 您网站上的元素(如照片和横幅)必须能够扩展到移动设备。按钮和链接需要缩放,以便用户可以在移动设备上轻松访问它们。 MasterClass 是移动响应式网站的一个很好的例子,它为移动用户扩展了他们的设计和按钮。
4.加载时间慢
拥有一个加载缓慢的网站是我们另一个糟糕的网站设计示例。加载缓慢的网站会阻止人们留在您的网站上。
人们希望快速得到答案,如果您的页面加载时间太长,他们就会离开到另一个站点。
用户希望网站页面在两秒内加载完毕 。因此,如果您的网站加载时间超过两秒,您需要优化您的网站以获得更好的性能。
如何修复缓慢的加载时间
- 使用页面速度工具和服务:首先使用Google PageSpeed 等工具测试您的加载速度 。许多工具会提供有关如何加快页面速度的建议。您还可以投资页面速度优化服务来提高您网站的速度。
- 压缩页面上的大量元素: 加载时间慢的主要原因之一是来自图像、GIF 和视频等元素的大文件。您可以使用Kraken.io等压缩工具压缩这些元素并调整它们的大小,从而加快您的网站速度 。 Discord 在他们的网站上有很多元素,但因为它们是压缩的,所以加载速度很快。
5.元素太多
有些网站会错误地用一些东西填充每一英寸,无论是大量的文本还是照片墙。过度拥挤是最常见的糟糕网站设计错误之一,它会让用户返回搜索结果。
如果您网站上的元素太多,您会在用户了解您的业务之前将他们赶出页面。
如何解决元素过多的问题
- 减少元素的数量: 最好的网页设计是简约的。花一些时间将您网站上的元素数量减少到仅需要的数量。
- 组织您的网站: 您可能需要重新组织您的网站,以帮助您确定网站所需元素的优先级。一个杂乱无章的网站很容易因元素过多而陷入困境。
- 利用空白: 空白有助于网站看起来更干净,并使人们更容易浏览您的网站。它可以提供更好的浏览体验,并让您的受众更轻松地阅读信息。空白会阻止您在网站上使用太多元素,
6.缺乏号召性用语(CTA)按钮
号召性用语 (CTA) 是让人们采取行动的方式。无论您是想让他们注册您的时事通讯、关注您的 Facebook 页面,还是打电话给您安排约会,您都需要有引人注目的 CTA。
CTA 的一些常见错误包括:
- 不在您的网站上使用它们
- 不使用可操作的 CTA
- 没有让您的 CTA 具有吸引力
- 不使用让您的 CTA 按钮弹出的颜色
- 不表示 CTA 是可点击的
用户需要清楚您的业务是做什么的,并使用您的 CTA 按钮以最简单的方式进行转换。
如何修复乏味的 CTA
- 使用诱人的 CTA: 诱人的 CTA 是可操作的。他们准确地告诉您的听众您希望他们做什么。它们还暗示了您的听众可以通过采取行动获得的好处。
- 用您的 CTA 吸引注意力: 您的 CTA 需要吸引眼球。这意味着它们必须从您的其他内容中脱颖而出。与您的导航菜单项类似,通过包含对比色和悬停动画,使您的 CTA 从页面中弹出。Feals 就是一个很好的例子,他们使用深粉色按钮从浅粉色设计中脱颖而出。
- 测试您的 CTA: 计划并测试您的 CTA,看看什么最适合您的受众。制作您的 CTA 的多个版本,并将它们展示给从您的受众中拉出的不同群体。找到他们认为可行且引人入胜的内容。
7.难以阅读的字体
如果您正在寻找一个糟糕的网站设计示例来避免,那么难以阅读的字体就是其中之一。
选择网站的字体与选择配色方案一样重要。如果您没有选择正确的字体,您的观众将无法阅读您的信息。
企业在字体方面犯了四个主要的网页设计错误:
- 太小/太大: 如果您的字体太小或太大,您的受众将无法阅读您网站上的内容。
- 太难阅读: 想想装饰字体。它们可能看起来不错,但是整页文本都使用这种样式的字体会让人不知所措且难以阅读。确保您选择的字体清晰易读,便于观众阅读。
- 太多: 无论您做什么,都不要使用超过三种字体。如果您使用太多字体,您的网站会显得杂乱无章,设计看起来也不连贯。坚持只使用几种字体将有助于您的网站保持整洁有序。
- 颜色冲突: 字体的颜色也很重要。有些颜色通常很难辨认,尤其是极度饱和的颜色和搭配小字体时。检查你的颜色,确保它们在你的背景下不难辨认。在大多数情况下,黑色效果很好。
如何修复难以阅读的字体
- 使用合适的大小: 至少,将您的正文字体保持在 16 pts 以上。任何更小的,它都会太小而无法在屏幕上阅读。您的标题可以大几个点。您的标题大小应该足够大以脱颖而出。
- 对正文使用 Sans Serif 字体: 您的正文字体也应该是 与网络兼容的字体。为使您的正文文本易于阅读,请使用 Sans Serif 字体,这种字体在各种设备和尺寸之间的转换效果最佳。
8.文字墙
最糟糕的网站设计错误之一就是在页面上添加文本墙。用户需要信息,但文字墙令人生畏和不知所措。
Internet 用户喜欢易于扫描的文本,因此如果他们在您的页面上遇到大量文本,您将阻止他们访问您的站点。
为了让用户留下来阅读您的内容,它需要是可扫描的。
如何修复文本墙
- 使用标题: 在整个文本中放置相关标题,以改善网站的用户体验和可抓取性。
- 分解文本: 通过分解文本使文本更易于浏览。一些方法是使用标题、要点和编号列表。然而,最好的方法是充分利用空白,让你的段落短小精悍,不要超过三句话左右。
- 添加视觉元素: 在文本中加入图像、视频和信息图表是另一种从文本中提供视觉效果并增加观众参与度的好方法。
9. 网站设计不完整
不完整的网页设计使您的网站看起来不可信,并导致人们从您的页面跳出。
他们可能会认为您的设计破烂不堪,尤其是当文本围绕图像包装不当、您的网站看起来杂乱无章或链接不起作用时。如果没有完整的网站设计,用户会从您的页面跳出。
如何修复不完整的网站设计
- 验证您的导航链接是否指向正确的页面: 检查您的导航链接是否指向它应该指向的页面,并修复您网站上可能存在的任何损坏的链接。
- 确保您所有的页面都具有一致的设计: 您网站上的页面设计应该具有一定的凝聚力。没有凝聚力,您的页面将看起来不属于它们。一致的设计也会让你的页面整体看起来更完整。
- 有目的地使用空白: 我们之前谈到过这一点,但我们怎么强调空白的重要性都不为过。空白是一种设计元素。它应该受到与页面上的元素相同的关注。当有目的地放置空白时,它很容易充实您的整个网页设计并使其感觉完整。
- 验证所有元素是否正常工作并就位: 确保在发布后检查您的页面。页面上的元素通常不会按照您的预期显示,可能需要进行一些调整。花一些时间来验证您的图像是否正确显示以及您的文本是否井井有条。
10.不安全的网站
随着对保护个人信息安全的担忧不断增加,您的网站必须是安全的。如果您的网站不安全,人们在浏览您的网页时会感到不舒服,并会跳回搜索结果。
安全网站对于电子商务网站尤为重要。人们不太可能从不安全的网站购买商品,因为他们觉得输入信用卡信息不安全。
但是,如果您要求提供任何信息,即使只是访问者的姓名和电子邮件,您的网站也必须是安全的,以确保人们会向您提供该信息。
如何修复不安全的站点
- 保护您的站点: 保护您的网站应该做的主要事情是获得安全套接字层 (SSL) 证书,该证书对您站点上的信息进行加密,并在您的域名前面添加 HTTPs 而不是 HTTP。您可以采取许多步骤来 为您的受众保护您的网站 。
11. 过时的网页设计和内容
一些网站犯了糟糕的网站设计错误,即其网站上的设计和内容已过时。
过时的设计会使您的网站看起来不那么值得信赖,并告诉您的受众您对您的网站关注不够,无法跟上最新的设计趋势。如果你的设计过时了,人们会认为你的内容也过时了。
过时的内容也会降低您网站的可信度,因为访问者觉得他们不能再相信所提供的信息,因为它已经过时了。
当访问者看到您的内容有多旧时,他们可以跳转以寻找更多最新信息。
如何修复过时的网站
- 更新您的设计: 花一些时间研究 最近的设计趋势。您还可以查看知名品牌,看看他们在自己的网站上做什么。
- 更新您的旧内容: 每隔一段时间,浏览您的内容并更新它以匹配您所在行业的当前信息。不要忘记在您的内容中添加注释,说明它已更新。访客将欣赏您的透明度。
- 使用常青内容: 常青内容是指不会随时间发生太大变化并继续与您的受众和行业保持相关性的内容。它会不断为您带来潜在客户,而无需像其他内容那样进行优化。 通过查找不依赖趋势的主题并回答观众的常见问题来创建常青内容。
需要网站设计服务吗?
面对现实吧。如果您的网站上有任何糟糕的网站设计元素,是时候进行网站改造了。