最糟糕的网页设计错误:10个糟糕网站的例子

最糟糕的网页设计错误:10个糟糕网站的例子


无论您是在当地社区大学学习课程,多年来一直在创建网站,还是业余学习,如果希望访问者喜欢在他的网站上花费时间,每个网页设计师都应该避免一些事情。

您可能听说过有关网站的“粘性”一词。

这仅仅意味着访问者想要停留的站点 – 一个与浏览器保持一致并且她添加书签和经常访问的站点。 使网站具有粘性的因素太多了,这完全是另一个话题。

但是,肯定有一些网页设计错误会使网站成为访问者想要逃离的网站。 这是您应该避免的设计禁忌。

错误#1:刺眼的颜色

明亮到会伤害您的眼睛的颜色或相互冲突的颜色会使网站访问者想要逃离网页。

在规划网站的主题时,尽量选择相得益彰的颜色。 黄色很少用作主要颜色,尽管它可以很好地作为口音。 使用彩虹的每种颜色也不是一个好主意。

坏网站的例子项目:莫拉迪托

糟糕的设计示例
该网站几乎使用了拼图式图案中可以想象的所有颜色。 描述它的唯一方法是丑陋。

错误#2:图形太多

如果您将网页中的图形弄得杂乱无章,则会发生两种不同的事情。

首先,页面变得如此繁忙,以至于访问者可能不确定点击哪里或他们想先看什么。

其次,如果用户的 Internet 连接速度较慢,则页面加载时间可能会过长。 30 秒后,大多数人会离开并转移到另一个站点。 我们生活在一个一切都是即时的时代。 如果你没有在最初的几秒钟内抓住客户的注意力,你就有可能完全失去她。

坏网站的例子ite: 松溶胶

糟糕的设计示例
这个网站有很多图形,看起来很混乱。 在众多图形之上,图像在整个页面中移动,因此即使访问者想要单击其中一个图像,她也必须用鼠标追逐它们。

错误 #3:加载时间慢

您的网站加载速度是否如此缓慢,以至于访问者在回来之前有时间去喝杯咖啡和甜甜圈?

添加太多元素,例如 Flash、声音、大量高分辨率图形或 Java 脚本,可能会导致网站加载速度越来越慢。 请记住,虽然您的大多数访问者将使用高速访问,但仍有一些农村客户使用拨号上网,如果加载速度太慢,他们将无法访问您的网站。

提示: 通过 Google Page Speed Insights 检查网站速度并获得改进建议。

速度不仅对用户体验至关重要,而且是一个非常重要的排名因素。 页面速度在 2010 年成为搜索引擎排名因素,2016 年 6 月,谷歌报告将更新页面速度排名因素,以专门查看移动页面的页面速度。 由于移动搜索占谷歌搜索的一半以上,移动页面速度也必须优化。

— 来源:以更快的网站速度提升您的 SEO

坏网站的例子项目:我的博物馆

糟糕的设计示例
该网站上的 Flash 导致其加载非常缓慢。 最重要的是,没有一个容易看到的链接来跳过 Flash。 下载速度较慢的浏览器会发现该站点加载起来非常麻烦,以至于他们可能会退出该站点并且永远不会返回。

错误四:广告太多

内容网站和博客通过广告而不是销售产品来赚钱。 然而,许多网站所有者失败的地方是添加了太多的广告,以至于访问者无法区分内容和广告。 如果访问者必须搜索才能找到文章或文章的其余部分,则页面上的广告过多。 最好在网站上放置一两个广告。 不仅如此,您还有可能惹恼您的浏览器。

事实上,Upstream 和 YouGov 在 2012 年的一份数字广告报告中发现,大约 20% 的消费者表示,如果一家公司的广告过多,他们将永远不会再使用该公司。

坏网站的例子网站:Hemmy.net

糟糕的设计示例
在该网站的几个页面上,页面顶部的整个查看区域大约有 90% 是不同类型的广告。 要访问页面内容,必须向下滚动。 即使在那里,也散布着额外的广告。 它是如此分散注意力,以至于很难专注于该网站。

错误#5:业余照片编辑

没有什么比未经正确编辑的图像更能让业余爱好者尖叫的了。 存在此类问题的网站可能会剪掉带有模糊边框的图像,自动校正的颜色看起来不正常,糟糕的分层技术使得两张图片拼接在一起或奇怪的调整大小的比例很明显。

提示: 使用免费的在线图像编辑工具:Canva、Pic Monkey

坏网站的例子ite: 彼得的巴士

糟糕的设计示例
此页面上的图形存在几个问题。 首先,有一个白色而不是透明背景的公共汽车,它只是放在页面上,看起来很业余。 右边的两张照片也有问题,因为它们已经被拉伸和调整大小而没有保持比例。 照片看起来不对劲,右边那张的人看起来很伸展,他们可能是小人国土地上的巨人。

错误#6:三岁孩子可以创造的设计

如果您的网站看起来像是您打开了 Microsoft Word、创建了一个艺术字并将网站发布到 Internet 上,那么您可能需要重新考虑您的设计元素。 虽然简单是一些较繁忙的网站的可喜缓解,但如果您过于简单,您的网站可能会显得幼稚且便宜。

坏网站的例子ite: Cyber​​ D-Sign Clan

糟糕的设计示例
设计师甚至没有改变 MS 开始的标准设计中的文字颜色。 这种设计非常简单,可以立即识别为基本的 Microsoft 图案背景和艺术字。
糟糕的设计示例
最重要的是,一个弹出页面会尝试加载。 如果您跳过介绍并单击进入主页后设计更好,则可能会忽略这一点。 然而,链接页面(下图)的设计同样令人失望。

错误 #7:导航不佳

即使网站具有视觉上吸引人的设计,访问者也会变得沮丧并离开糟糕的导航。

例如,没有明确链接或项目太多以至于很难决定去哪里的网站。 许多网站所有者面临的一个问题是小型网站突然变大。 当网站有 5 个页面时可以使用的导航在网站有 500 个页面时根本无法使用。 看看如何对网站进行重新设计和重组为类别和子类别,以便访问者准确了解他们想要的东西去哪里。 添加搜索框也很聪明。

坏网站的例子项目: LawnSignDirectory.com

糟糕的设计示例
访问者期望他们所在区域的可搜索方向,但页面左侧列出了数十个链接,右侧列出了广告,以及一些特色企业。 该站点可以从组织结构的改进中受益,以便访问者可以轻松找到他们正在寻找的资源。

错误 #8:文本问题

使用繁忙背景然后选择不提供足够对比度的文本颜色的网页设计师会使他们的网页难以阅读。 如果访问者在阅读一篇文章后眼睛受伤,她为什么还要坚持阅读您网站的更多页面? 如果一定要选择繁杂的背景,至少要放置一个纯色背景的框、图层或内容表,并选择一种相反的文字颜色。 尽量避免灰色上灰色,而是选择深红色上的白色,浅粉色上的黑色等。

相互重叠的单词也难以阅读,部分重叠图形和部分在纯色背景上的段落也是如此。

坏网站的例子项目:百慕大三角

糟糕的设计示例
该网站不仅存在对比度问题,而且文本与其他文本重叠,几乎无法阅读。

错误 #9:错别字

没有什么比明显的拼写错误和语法问题更能说明问题了。 虽然没有人是完美的,但你可以尝试接近。 请朋友和家人查看您的页面并帮助您找到这些错误,或聘请专业编辑来校对您的页面。 下面的例子只是为了好玩。 这不是一家真正的网页设计公司,而是对一些公司显得多么不专业的半开玩笑的看法。

提示: 学习如何在自己的写作中发现错别字和错误。

坏网站的例子ite: Web Tek Rocks

糟糕的设计示例
一个错字可能会被忽略,但这个网站显示了一些阴暗的网站是如何充满错​​误的。 对于希望帮助您将网站放到网络上的公司,他们可能会更好地服务于在构建您的网站之前花一些时间纠正他们自己网站上的问题。 “特殊”拼写为SPECAIL; “expertise”拼写为“experteze”; 他们提供“帮助自己”上网; “我们可以 建成 您的网站比任何人都快!”

错误#10:最糟糕的网站设计——糟糕到你无法解释

有些网站本质上在设计上真的非常糟糕。 这些设计糟糕的网站——这不是让网站让您感到痛苦的一件事,而是网站上的几乎所有内容。

可能有丑陋的颜色、糟糕的导航和其他项目的组合。 幸运的是,这些网站很少见,但查看它们可以帮助您了解 不是 设计网站时要做的事情。

坏网站的例子作品:来世

糟糕的设计示例
这个网站太可怕了,很难描述。 首先,任何容易癫痫发作的人都应该远离这个部位,因为即使是不容易癫痫发作的人也可能会引发癫痫发作。 网站滚动,充满了动画和闪烁的图形。 最重要的是,这些图形大部分都没有吸引力,最后是一个婴儿在乐队里弹吉他。 有胆就去看看。

Leave a Comment