10最糟糕的网站设计错误

文章撰写者:
  • 网站设计
  • 更新:Aug 03,2017

你是否曾在当地社区学院上过课程 设计网站多年,或者是一个业余的学习,如果你想让访问者喜欢在他的网站上花时间,每个网页设计师都应该避免一些事情。

你可能在网站上听过“粘性”一词。

这仅仅意味着访问者想要留下的网站 - 一个与浏览器保持一致的网站以及她书签和频繁出现的网站。 有很多元素可以使网站变得粘稠,这是另一个主题。

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

错误#1:Jarring Colors

如此明亮的颜色会伤害您的眼睛或颜色彼此冲突,这会使网站访问者想要逃离网页。 在规划网站主题时,请尝试选择相互补充的颜色。 黄色很少作为主色,虽然它看起来很好看作为一种口音。 使用彩虹的每种颜色也不是一个好主意。

网站标题:Moradito

糟糕的设计实例

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

错误#2:图形太多了

如果您使用图形使网页混乱,则会出现两种不同的情况。 首先,页面变得如此繁忙以至于访问者可能不确定首先要点击的位置或他们想要查看的内容。 其次,如果浏览器的Internet连接速度较慢,则加载页面可能需要很长时间。 在30秒之后,大多数人将离开并转移到另一个站点。 我们生活在一切都很直接的时代。 如果你在最初的几秒钟内没有引起顾客的注意,你就有可能完全失去她。

网站标题:Pine-Sol

糟糕的设计实例

这个网站有很多图形,只是看起来很杂乱。

在众多图形之上,图像在整个页面上移动,因此即使访问者想要点击其中一个图像,她也必须用鼠标追逐它们。

错误#3:慢加载时间

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

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

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

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

网站标题:我的博物馆

糟糕的设计实例

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

提示: 检查网站速度并获得改进建议 谷歌网页速度洞察.

错误#4:广告太多了

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

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

网站标题:Hemmy.net

糟糕的设计实例

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

错误#5:业余照片编辑

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

网站标题:彼得的公共汽车

糟糕的设计实例

此页面上的图形存在一些问题。

首先,有一个白色而不是透明背景的公共汽车,只是在页面上插入,看起来很业余。 右边的两张照片也存在问题,因为它们已被拉伸并调整大小而不保持比率。 照片看起来很像,右边一个人看起来如此伸展,以至于他们可能成为Lilliput地区的巨人。

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

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

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

网站标题:Cyber​​ D-Sign Clan

糟糕的设计实例

糟糕的设计实例

这种设计非常简单,可以立即识别为基本的Microsoft模式背景和Word Art。

设计师甚至没有改变标准设计MS开头的单词的颜色。 最重要的是,弹出页面会尝试加载。 如果在跳过介绍并点击进入主页后设计更好,则可能会忽略这一点。 但是,链接页面的设计(如下)同样令人失望。

错误#7:导航不良

即使网站具有视觉上吸引人的设计,访问者也会感到沮丧,并留下糟糕的导航。 例如,没有明确链接或有太多项目的网站很难决定去哪里。 许多网站所有者面临的一个问题是一个小网站突然变大。 当网站有500页面时,当网站有五个页面时工作的导航将无法正常工作。 了解如何将网站重新设计并重新组织为类别和子类别,以便访问者能够准确了解他们想要的位置。 添加搜索框也很聪明。

网站标题:LawnSignDirectory.com

糟糕的设计实例

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

错误#8:文本问题

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

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

网站标题:百慕大三角

糟糕的设计实例

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

错误#9:错别字

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

网站标题:Web Tek Rocks

糟糕的设计实例

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

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

错误#10:太糟糕了,你无法解释它

有些网站在设计上本质上是不好的。 有时,这不是让网站痛苦的一件事,而是网站上的几乎所有内容。

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

网站标题:来世

糟糕的设计实例

这个网站太可怕了,很难描述。 首先,任何易患癫痫发作的人都应远离本网站,因为即使是非癫痫发作的人也可能引发癫痫发作。 该网站滚动,充满了动画和闪烁的图形。 最重要的是,图形在大多数情况下并不吸引人,最后是一个婴儿用头巾弹吉他。 如果你敢,请去参观。

关于Lori Soard

Lori Soard自1996以来一直担任自由撰稿人和编辑。 她拥有英语教育学士学位和新闻学博士学位。 她的文章出现在报纸,杂志和网上,她已经出版了几本书。 自1997以来,她一直是作家和小企业的网页设计师和推动者。 她甚至在短时间内为一个热门的搜索引擎排名网站,并为许多客户研究深入的SEO策略。 她喜欢听读者的意见。