万圣节可能还有几周的时间，但如果你想体验所有的恐怖，恐惧和不适，一般的恐怖片，giallo或怪物电影可以聚集，只要看看一些真正糟糕的糟糕网站设计的例子。
糟糕的网站设计绝对是内容营销人员的绊脚石，在他们有机会真正开始之前，就把网站访问者拒之门外，降低他们的参与度。在过去的一年里，有相当一部分可怕的网站设计是烂到核心的。
有这么多真正糟糕的网站设计的好处是，它们简洁地指出了在创建或更新自己的网页时不该做的事情，这样你就不必遭受同样的命运。我们今天要和大家分享的这些糟糕网站设计的“流氓画廊”是如此令人发指，它会让蝙蝠侠躲在韦恩庄园里，在恐惧中畏缩，甚至可能无法控制地抽泣。
但首先……
为什么好的网站设计很重要
你的网站是潜在客户将与之互动的第一个接触点之一——在很多情况下，的确如此的首先，你要确保给人留下好印象。你知道房地产经纪人总是一遍又一遍地说什么"路边吸引力"吗这个基本概念也适用于网页设计。如果你的网站很难看，很难导航，或者只是简单的损坏，这对你的目标用户来说意味着什么?给你个提示:没什么好东西。
如果你想站在最前沿，不管你的行业是什么，你需要一个看起来不像在。com时代的鼎盛时期创建的网站。
当然，“看起来漂亮”只是网站设计优先考虑的众多重要原因之一:
搜索引擎优化
谷歌的搜索排名算法可能是绝对无情的，但你不能指责他们半斤八两。他们权衡了大量的变量来决定哪些网页应该排在搜索结果的第一页，甚至达到前三的位置。其中很多直接受到网站设计的影响。例如，重复的内容是一个巨大的危险信号，肯定会损害你的网站的排名。
导航
好的内容不仅能吸引潜在客户到你的网站，还能把他们留在那里。但如果访问者不能直观地在页面之间导航并找到他们感兴趣的内容，他们就会弹开。好的导航会清除任何障碍，让你的目标受众可以轻松地浏览你的网站，无论他们是在寻找产品规格、案例研究、博客、白皮书还是产品演示。另一种选择只会导致挫败感。
网站的速度
每个人都希望自己的网站看起来不错，但如果加载一个页面要花很长时间，又有什么区别呢?过于依赖多媒体会把你的网站的加载时间拖得很慢——加载时间越长，访问者离开的可能性就越大。最重要的是，你拥有的时间可能比你想象的要少:根据谷歌，超过一半的手机用户会在页面未加载时离开在3秒内．
响应设计
说到手机，如果你的网站设计没有考虑到在智能手机或平板电脑上观看内容的细微差别，你基本上是搬起石头砸自己的脚。响应式网页设计确保无论你的用户使用哪个平台，他们都能获得最好的用户体验。
扎实的网站设计在行动
与其继续在假设中说，让我们看看一个真实的例子，好的网站设计，由体式：
为什么工作原理:
- 它是干净的。没有什么比充斥着按钮、图形和文字的B2B网站更令人恼火的了。你一眼就能看出，为了给Asana的首页一个干净、流线型的外观，有人花了很多功夫去除掉不必要的元素。
- 它是友好的。那种干净的外表不仅赏心悦目;它还使你可以轻松地找到你想要的东西，而不必在不同的页面之间跳来跳去或无望地在屏幕上扫描信息。下拉菜单包含了Asana产品和服务的所有最相关的细节(你最后一次看到一个网站把“定价”放在顶部导航是什么时候?)看啊!它始终固定在屏幕顶部，所以无论你往下滚动多远，它都可以随时使用。
- 它的移动。Asana的页面为移动用户进行了优化，采用垂直设计，鼓励快速和方便的滚动。单独的按钮很大，间隔很大，所以你不必担心不小心按错了图标。
更多的B2B网站可以从Asana的书中学习，但不幸的是，有很多决定像Lindsey Buckingham一样走自己的路。
所以，废话不多说(我承认，有很多废话)，让我们来看看2018年糟糕网站设计中最糟糕的那些:
为了创造性而牺牲可读性
毫无疑问，你想让你的网站脱颖而出，但当创造性的陈述阻碍了基本的可读性时，你就犯了一个重大的设计过失。
最好的例子来自荷兰，那里的设计工作室Bolden的布局有点太可爱了:
困惑吗?我敢打赌。Bolden的设计师采用了某种反3d效果，将红色和蓝色文本结合在一起，造成了难以阅读的混乱。如果您将光标悬停在位于任意一个角落的红色和蓝色斑点上，相应的文本就会向前显示，欢迎您进入该页面。
这是聪明的，太聪明了，如果第一要务只是让访问者阅读你的网站。有很多不同的方式来展示你的公司的个性和创造力——为什么不选择一种不牺牲可读性和整体用户体验的方式呢?
色彩和对比上的失误
留白对于网页设计者来说是一个很有价值的工具，它可以让重要的细节从页面的其他部分中脱颖而出。但如果你不添加大量的颜色来与中性色调形成对比，就没有什么能吸引眼球。
例子:排版设计。乍一看，一切都很正常。你已经有了一个很好的自动播放视频，它不会从页面中分心，同时展示了企业的协作和实践方法。该网站具有一定的垂直性，所以它在移动平台上是完美的导航。破旧的,嗯?
然后你进入他们的作品集页面……
那真是，呃，很多灰色。
天啊，伙计们，你只要加点颜色就会死吗?当你只使用中性色调时，你很难分辨出任何东西，这对于一个设计工作室的网站来说是一个问题。
错过移动领域的标志
如果你不考虑你的网站在移动平台上的外观，你就会陷入网页设计失败的境地。想要证据?看看佛罗里达的猎头美发吧。
无论这些造型师对美和美貌有什么了解，都没有转化到他们的网页设计中。
现在，乍一看，这个网站看起来还不错:没什么特别的，但也没什么特别过分的。
只要你看一眼手机，一切都变了。主页上那个正在进行的发型自动播放视频?是啊，这在手机上并不是自动播放的，但它会放大某个流浪汉后脑勺的静态镜头。
现在，每个人都知道内容营销的第一条规则是“质量重于数量”。但另一条鲜为人知但同样重要的规则(你甚至可以说是第1b条)是“永远不要在你的主页上放一撮头发的特写图片。”学习它，生活它。
检查每一个选项(并不是用好的方式)
你不会指望那些受人尊敬的机构会设计出糟糕的网站，但后来耶鲁艺术学院的出现完全颠覆了你所知道的和珍视的一切。
恕我直言，这个网站简直一团糟。看起来没完没了的背景图片——一只毛茸茸的狗把自己抖干——已经够让人迷糊的了——这还是在你加入随意混合的文字字体、颜色和完全业余的设计选择之前。
我的意思是，看看这个:
你能辨认出上面那所学校的地址吗?因为我肯定不能。
这个网站的设计太糟糕了，唯一合乎逻辑的结论就是他们在恶搞互联网上的其他网站。必须是玩笑，必须是玩笑。哈哈，不错，书呆子们。现在修复你的网站。
还有很多糟糕的网站设计的例子可供选择，但说实话，仅仅是通过那些十恶不赦的设计选择就已经是一个足够痛苦的经历了。伙计，谁需要一个网页设计的清洁托盘?
不要犯上面这些组织犯过的错误。好的网站设计是成功的数字营销的基本原则，所以要把它放在首位。否则，你吓跑潜在客户的速度比迈克尔·迈尔斯、杰森·沃里斯和弗雷迪·克鲁格加起来还要快。
