您的网站是人们对您的业务的第一印象,因此您想要展示自己最好的一面是有道理的。入选 2021 年最佳和最差网站设计前 5 名的网站展示了为什么精心策划的设计和可靠的营销策略会产生巨大的不同。您将在这里看到的是,在网站开发方面,真正糟糕的网站与设计精良的网站一样脱颖而出。
最好的网站设计和最差的网站设计之间的主要区别在于,当您被视觉上令人惊叹的网站所吸引时,您想要利用所提供的美妙用户体验——您想要关注故事。在设计不佳的网站上,您的第一反应通常是跳回搜索页面寻找更好的选择或体验。
最糟糕的网站设计几乎都不是故意的。更常见的情况是设计元素选择不当或只是缺乏经验。有时,网站会成为无法“登陆”的不良品味或幽默的受害者。当然,这是聘请专业公司如此重要的主要原因之一,因为您根本没有第二次机会留下第一印象。
让我们从一些真正富有想象力和启发性的网站设计开始,这些网站设计为“在线体验”一词赋予了新的含义。这些网站有几个共同的关键设计特点:
• 它们在视觉上令人惊叹
• 它们对移动设备友好且反应灵敏
• 它们分享故事
• 它们具有互动性和吸引力
登陆该网站,您会对视觉效果很感兴趣 — 一个时尚的徽标和简单的英雄在一个柔和的几乎神秘的热带羽毛背景下前进,以及召唤您采取行动的“点击发现”按钮。该网站将带您踏上一段意想不到且引人入胜的故事、声音和 3D 视觉之旅。
通过使用动画讲故事和充满活力的配乐,这个精心制作的网站创造了引人入胜且令人难忘的身临其境的体验。
作为一个展示意大利漫画作家作品的网站,这个网站的设计非常出色。全黑和白色,这是一种组合处理,但有优势。音乐、改变外观和感觉的昼/夜功能,以及让人们参与的大量工作,这个干净的网站提供了通过艺术家成人漫画和概念艺术的画廊组合的轻松导航。这一切都设置为让人想起 60 年代狂热时尚的科技节拍。
Neverlands 是一家位于洛杉矶的夜生活和活动场所,从事体验业务,他们的网站通过一个非凡的幻想世界反映了这一点,混合了禁酒时代的艺术和一丝蒸汽朋克。凭借好奇心驱动的品质,该网站将自定义动画与视差效果交织在一起,带领用户踏上奇特场所和不寻常产品的神奇之旅,这显然是 2021 年最佳网页设计之一。
为位于伦敦、纽约和洛杉矶的创意制作工作室 The Mill 开发的视觉上引人注目的网站,您可以在“沉浸式挂毯”上展示他们在移动图像、视觉效果和数字项目方面的作品。移动内容可以由控制扫描速度、关注内容以及以触觉方式探索的位置的用户探索。独特的是,该网站在每个页面上都有他们的号召性用语,准确地在最佳时间传递营销信息。
Apple 的 AirPods Pro 网站使用 3D 图形和超越滚动和点击的交互方式,打造交互式和身临其境的数字体验。这种技术克服了销售您无法触摸或试用的产品的典型电子商务缺点,并创造了一种对销售产生积极影响的创造性发现体验。
登陆该网站后,有清晰、干净的黑色背景和 AirPods 的图像,但没有指示要做什么。直观地,您滚动(按预期)进入一个讲故事的体验,其中包含一个“哇”的冲击力,突出了使该产品受到早期采用者和普通用户追捧的技术和高级功能。
并不是说您已经看到了一些最好的,这里是一些真正杰出的不设计网站的方法!
这个位于挪威的技术和小工具电子商务网站确实值得出现在每一个最差网站设计列表中。从视觉上看,显示屏的每一厘米都铺满了产品,让人不知所措。它们提供了独特的横向滚动元素,切勿将其与吸引您的眼球并分散客户注意力的动画图像一起使用。导航选项无处不在,而且该网站不响应或不适合移动设备。最后但并非最不重要的一点是,Arngren 不使用 HTTPS 安全协议,即使他们销售产品并为客户处理付款信息也是如此。
在这个网站上,配色方案、排版和布局完全来自 90 年代!虽然他们声称“简直是最好的!” 在页面顶部,很难想象有任何医疗保健组织登陆此站点并自愿开展业务。虽然导航位于前端和中心,但它是集群的并且缺乏任何逻辑流程。颜色和缺乏定义让人很难专注于重要的 CTA。该站点也不使用 HTTPS 或任何类型的移动友好界面。
乍一看,这个网站似乎很合理,您可能会质疑为什么它会出现在最差网站设计列表中。它加载很快,着陆页很有趣,瓶子滑进去了。但是,一旦向下滚动,所使用的信息和图像就没有结构,并且与不同的字体、不同颜色的文本和黑色背景相结合。毫无疑问,阅读信息是困难的。奇怪的是,由于专注于实际的瓶子,需要多次点击才能查看低于标准的图片,而精心设计的图片库和高质量图片会是更好的选择。
看着这个网站,很难相信它属于饥饿游戏系列丛书的作者苏珊娜柯林斯。你会期待一些更有趣和令人兴奋的东西,但我们得到的却是一个平淡无奇的网站,布局相当杂乱无章,没有真正的中心焦点——它有点曲折。即使在作品部分点击图片也无济于事,因为它们应该将您引导至销售点。一位图书销量超过 1 亿册的作者应该得到更好的待遇。
这是一个有趣的网站,以前曾出现在糟糕的设计列表中。显然,007.com 的供应商确实听取了意见,因为他们最近进行了一次大修,使网站变得更好。然而,它仍然在榜单上,因为 007 值得“动摇,而不是搅动”。虽然使用空白和元素周围的分隔使外观好得多,但最终会出现过多的空白并且字体使用不一致。使用图块作为元素有点不和谐,因为大小和位置不一致,吸引了整个屏幕的目光。
通过查看这些好网站和坏网站的示例,我们可以学到很多可以合并的东西,以便您的网站最终出现在正确的设计列表中:
• 页面应该干净且定义明确,增加兴趣而不是减损
• 直观、易于查找的导航对用户体验很重要
• 随着搜索引擎将重点转向智能手机设备,移动友好性成为 2021 年及以后的关键
• CTA 或号召性用语应易于识别并引导用户采取营销销售渠道的下一步
• 简洁、视觉上吸引人的布局和界面更易于用户理解
• 应始终如一地应用字体,不要使用多种类型、大小和颜色
• 每个站点都应该有一个目的并讲述一个故事;设计应该围绕这个目的和故事
• 提供深思熟虑且有趣的内容,以便在搜索引擎中排名靠前
• 使用适当的安全协议来确保客户的财务信息
底线
最重要的是,您的网站通常是您的企业与新客户之间的第一个联系点。您要向他们发送什么类型的消息?这份 2021 年最佳和最差网站设计前 5 名的列表很好地提醒了您应该避免的事情,除非您喜欢低转化率和以这样的文章结尾的恶名。