公司主页 / 文章 / 网站创建 / 最糟糕的网页设计错误:不良网站的10个示例

最糟糕的网页设计错误:不良网站的10个示例

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

您可能听说过“”指网站。

这仅表示访问者想要停留的站点,该站点停留在浏览器中,并且为该站点添加书签和访问者。 使网站变得粘稠的因素太多了,这是另一个主题。

但是,肯定会出现一些网页设计错误,这些错误可能会使访问者想要逃离的网站失败。 这是你应该避免的设计禁忌。

错误#1:Jarring Colors

如此鲜艳的颜色会伤到您的眼睛,或者彼此冲突的颜色会使网站访问者想要逃避网页的困扰。

在计划网站主题时,请尝试选择能够相互补充的颜色。 黄色虽然可以看起来很重,但很少用作主要颜色。 使用彩虹的每种颜色也很少是一个好主意。

恶意网站示例ite:莫拉迪托

糟糕的设计实例
该网站几乎使用了拼图类型中可以想象的每种颜色。 描述它的唯一方法是丑陋。

错误#2:图形太多了

如果用图形使网页混乱,则会发生两种不同的情况。

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

其次,如果用户的Internet连接速度较慢,则该页面可能需要很长时间才能加载。 30秒后,大多数人将离开并移至另一个站点。 我们生活在一个瞬息万变的时代。 如果在最初的几秒钟内没有引起客户的注意,则可能会完全失去客户。

恶意网站示例ite:Pine-Sol

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

错误#3:慢加载时间

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

添加太多元素(如闪存,声音,大量高分辨率图形或java脚本)可能会导致网站加载速度越来越慢。 请注意,虽然大多数访问者都会有高速访问,但仍有农村客户在拨号时无法访问您的网站,如果加载速度太慢。

提示: 单向阀 网站速度 并通过以下方式获得改进建议 谷歌网页速度洞察.

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

- 资源: 以更好的网站速度提升您的SEO

恶意网站示例ite:我的博物馆

糟糕的设计实例
此网站上的闪存导致加载速度非常慢。 最重要的是,没有一个容易看到的链接可以跳过闪光灯。 下载速度较慢的浏览器会发现此网站加载非常繁琐,以至于它们可能会退出网站而永远不会返回。

错误#4:广告太多了

内容网站和博客通过广告赚钱,而不是通过销售产品。 然而,许多网站所有者失败的地方是添加了太多广告,访问者无法区分内容和广告。 如果访问者必须搜索以查找文章或文章的其余部分,则页面上的广告过多。 放置到网站的一两个广告是最好的。 更重要的是,你冒着烦恼浏览器的风险。

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

恶意网站示例ite:Hemmy.net

糟糕的设计实例
在本网站的几个页面上,页面顶部的整个查看区域是关于不同种类的90%广告。 要获取页面内容,必须向下滚动。 即使在那里,也有分散的广告。 它太令人分心了,很难专注于网站。

错误5:业余照片编辑

没有什么比没有正确编辑的图像更能让业余人士大声尖叫。 具有此类问题的网站可能会删除带有模糊边框的图像,自动校正的颜色以及不合适的分层技术,这些技术可以明显地将两张图片拼接在一起,或者调整奇怪的比例。

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

恶意网站示例ite:彼得的巴士

糟糕的设计实例
此页面上的图形存在几个问题。 首先,有一辆白色而不是透明背景的公交车,它只是塞在页面上,看起来很业余。 右边的两张照片也存在问题,因为它们在未保持比例的情况下进行了拉伸和调整大小。 这些照片看起来很不对劲,右边那张照片中的人显得如此伸展,以至于他们可能是Lilliput土地上的巨人。

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

如果您的网站看起来像是打开了Microsoft Word,创建了一段Word艺术并将该网站放到了互联网上,那么您可能需要重新考虑您的设计元素。 虽然简单是一些繁忙的网站的一个受欢迎的缓解,如果你太简单,你冒险你的网站看起来少年和便宜。

恶意网站示例ite:Cyber​​ D-Sign氏族

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

错误#7:导航不良

即使网站具有视觉吸引力的设计,访问者也可能会感到沮丧,并且会因为导航不便而离开。

例如,没有明确链接或站点太多的站点很难决定去哪里。 许多网站所有者面临的一个问题是一个小型网站突然变得越来越大。 当网站只有五页时,仅在网站有500页时无法使用的导航功能。 查看如何对网站进行重新整理和重组,将其分为类别和子类别,以便访问者确切了解要去的地方。 添加搜索框也很聪明。

恶意网站示例ite: LawnSignDirectory.com

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

错误8:文本问题

使用繁忙背景然后选择不提供足够对比度的文本颜色的Web设计人员使他们的网页不可读。 如果一位访客在阅读一篇文章后眼睛受伤,为什么还要留下来阅读更多网站页面? 如果必须选择繁忙的背景,请至少放置具有纯色背景的框,图层或内容表,并选择相反的文本颜色。 尽量避免灰色灰色,但选择深红色为白色,浅粉色为黑色等。

彼此重叠的单词也难以阅读,部分覆盖图形并部分覆盖在实体背景上的段落也是如此。

恶意网站示例ite:百慕大三角

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

错误9:错别字

除了明显的拼写错误和语法问题之外,没有什么比不专业更​​令人尖叫的了。 虽然没有人是完美的,但你可以尝试接近。 让朋友和家人查看您的页面并帮助您找到这些错误,或聘请专业编辑来证明您的页面。 下面的例子只是为了好玩。 这不是一个真正的网页设计公司,而是一瞥一些公司出现的不专业。

提示: 了解如何 在你自己的写作中发现拼写错误和错误.

恶意网站示例ite:Web Tek Rocks

糟糕的设计实例
一个拼写错误可以忽略,但这个网站显示了一些阴暗的网站是如何充满错​​误的。 对于想要帮助您将网站放在网络上的公司而言,在构建您的网站之前花一些时间纠正自己网站上的问题可能会更好。 “特殊”拼写为SPECAIL; “专业知识”拼写为“experteze”; 他们提供“帮助自己”在线; “我们可以 你的网站比任何人都快!“

错误10:有史以来最糟糕的网站设计–太糟糕了,您无法解释

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

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

恶意网站示例ite:来世

糟糕的设计实例
这个网站太恐怖了,很难描述。 首先,任何容易癫痫发作的人都应远离此部位,因为即使是非易发作的人也有可能引发癫痫发作。 该网站滚动,充满了动画和闪烁的图形。 最重要的是,图形在大多数情况下都没有吸引力,最后是乐队里的婴儿并弹吉他。 如果您敢,请访问。
作者照片

文章 Lori Soard

继续阅读