首页 > 行业知识 > 内容
2020年及以后的11个Web设计趋势
- 2019-12-13-

随着2020年临近,现在是评估2020年Web设计趋势的最佳时机。行业发展趋势在不断发展,但在本文中,我们将重点关注可能在未来几年内影响网页设计的趋势。

我们将关注的主要网页设计趋势是:

设计经验,不仅是网站

超个性化

最小的导航菜单

微互动

暗模式

增强现实

设计语音搜索

为SEO设计

粗体,自定义字体

辅助功能

避免设计风潮

其中一些是全新的趋势,而另一些则以前已经讨论过,但尚未真正起步-通常是由于缺乏技术或设计师的采用缓慢。 无论哪种方式,这些都是品牌和设计师都需要在2020年及以后实施的关键原则。

#1:Web Experience设计

对于品牌而言,2020年最重要的设计概念是设计体验的重要性,而不仅仅是网站。

customer-journey-touchpoints

根据Google的研究,当今的消费者旅程可能涉及20到500多个接触点。这可能涉及搜索,与您的广告互动,页面浏览量,社交媒体互动,再营销广告系列,更多页面浏览量,多封电子邮件以及各种其他接触点。

您的网站是在线业务的枢纽,但是大多数接触点实际上发生在其他地方:搜索,社交,电子邮件,电话甚至商店。这些接触点定义了用户需要从您的网站获得的体验,以及如何与构成更广泛的消费者旅程的其他渠道/平台相适应。

品牌犯的一个常见错误是认为体验会随着购买/转化而结束。实际上,这是消费者旅程真正开始的地方,然后优先考虑的是让这些客户与您的品牌互动,从而使他们成为回头客并最大化客户的终身价值。

#2:超个性化

随着消费者的旅程变得越来越多样化,接触点的数量不断增加,揭示了对目标受众的更深刻的见解。您已经制定了买方角色,但是现在您拥有大量的行为数据,可以告诉您各个用户想要您品牌的产品。

每个用户都是具有自己独特需求的个人,80%的购物者更有可能从提供个性化体验的公司购买商品。

随着人工智能和机器学习的日趋成熟,设计人员和市场营销人员能够创造出超个性化的体验,以满足个人用户的需求,而不是通用的买方角色。最著名的例子可能是亚马逊的产品推荐和Netflix的内容推荐,它们都将用户数据与数百万其他用户习惯进行了比较,以发现模式并提出相关建议。

pullandbear-ecommerce

不过,数据驱动的个性化并非唯一选择。您还可以使用导航细分来引导用户进行个性化体验。

我们还看到越来越多的零售品牌围绕超个性化的体验建立其整个业务模型。我们之前曾研究过Stitch Fix和其他电子商务品牌如何使用超个性化功能来为单个用户量身定制体验。

Care / of是另一个为每个用户提供100%个性化服务的品牌,这种方法的最大优势是人们愿意提供所需的数据,因为它可以带来真实的体验。

#3:最少的导航菜单

在移动时代,大型菜单和嵌套链接的时代已经过去很久了,这迫使设计师不得不考虑采用其他方法。汉堡菜单当然是首选的响应解决方案,但是隐藏带有歧义符号的菜单会导致许多UX折衷。

mini-nav

现在,设计师越来越多地对网站结构和菜单设计采用更精致的方法。

最小的导航菜单会在顶层保留3-5个链接,使它们足够小,以使移动用户可以在屏幕上停留。使导航保持可见状态可提供有关您的网站/应用程序运行情况的上下文视觉线索,并减少基本导航的点击次数。

多层导航仍然可以通过弹出子菜单或分段的页面导航来实现,这些导航可以引导用户通过预定义的路径-非常适合导航个性化。

#4:微互动

微交互本质上是UI动画,可将动作传达给用户并创造更加身临其境的体验。当您将文件上传到某些云软件时,最常见的示例是Facebook上的点赞和表情符号,或者是百分比计数器。

在上一节中,我们说过屏幕上的导航提供了有关您的网站如何运行的重要上下文线索,而微交互通过增加视觉反馈以创建更具交互性的体验来鼓励互动,从而进一步推动了这一概念的发展。

对于喜欢Facebook的用户而言,这对于最大限度地提高用户喜欢率非常重要,同时它也是一种强大的技术,可以引导用户访问您网站的最重要部分。

#5:黑暗模式

目前,黑暗模式无处不在,并且这种网络设计趋势几乎没有被忽视的可能性–这几乎是微妙的。

但是,暗模式并不只是为了视觉上的好处。它们背后有一些重要的设计原则:

dark-mode

它们具有更高的能源效率,尤其是在OLED和AMOLED显示器上。

深色背景上的白色文本可减少在弱光条件下的眼睛疲劳。

较暗的屏幕可减少眩光,闪烁和蓝光。

本质上,黑暗模式是我们所有人都因智能手机而失眠的产物。五年前,黑色背景上的白色文字本来是对基本设计原则的嘲弄,但午夜的Instagram会话比所有这些都重要。

#6:增强现实

增强现实(AR)出现已经有一段时间了,但是该技术还没有真正达到人们的期望。但是,我们开始看到真正增加了与品牌互动和购买产品的体验的实现。

欧莱雅(L'Oréal)现在正在使用一些人工智能驱动的AR,为亚马逊上的化妆品购买者提供虚拟试穿。宜家有其自己的实施方案,可让潜在客户了解家居用品的外观。

AR尚有待发展的地方,但对于消费者品牌而言,销售他们想首先尝试或放置在其周围环境中的物品的技术已经可以做很多工作。

#7:设计语音

语音搜索是另一项仍需要时间成熟的技术,但是设计人员需要立即考虑为其创建平台/体验。最重要的是,品牌必须确保其网站设计用于语音搜索,而这是设计师和SEO需要合作的众多领域之一(下一部分将对此进行详细介绍)。

随着语音搜索技术的不断普及,优化语音搜索对于提高可见性至关重要,但这并不是所有设计师都需要考虑的。

语音为设计人员和开发人员提供了一种全新的界面,以集成到更广泛的体验中。这为创新提供了很大的空间,使应用程序可以免提操作,并且可以与品牌进行对话交互。我们真的不知道这项技术可以带给我们多远的距离,但是对于设计师来说,2020年是开始突破当前极限的一年。

#8:为SEO设计

根据Unbounce的《 2019年网页速度报告》,只有3%的营销人员表示,更快的加载时间是今年的重点之一。考虑到同一份报告说,几乎70%的消费者承认页面速度会影响其购买可能性,因此该错误对于UX设计和SEO均不成立。

谷歌研究发现,超过三秒钟的加载时间严重损害了您的转化前景,并已使移动页面速度成为2018年的排名因素。

不过,这并不是影响搜索排名的唯一设计因素。您还需要考虑以下几点:

page-speed-bottom-priority

网站结构

导航

布局

内容质量

内容放置

内部连结

使用JavaScript(例如:动态内容)

移动优化

侵入性内容(弹出窗口,自动播放视频/音频,广告等)

这份清单还在继续,糟糕的设计选择将损害关键参与度指标,例如跳出率,访问的页面和页面停留时间-相当有力的指标,表明Google是否应继续以您的方式发送流量。

每年,Google都会在其算法中纳入更多设计因素,例如移动设备优化和页面速度。设计和SEO变得越来越密不可分,这意味着从最初的概念阶段开始,两个部门就需要密切合作。

#9:粗体,自定义字体

近几年来,这种趋势在设计行业中逐渐得到发展,现在已经为广泛采用做好了准备。在过去的几年中,我们已经看到许多技术巨头,例如Google和Facebook都为徽标创建了自己的自定义字体,而世界领先的品牌创建自己的印刷图章的历史由来已久。

facebook-cocacola-disney

正如肖恩·斯波基特(Shawn Sporckett)在他的UX Collective文章中所解释的那样,“ Airbnb,Google,IBM甚至Jagermeister在过去的一年中都创建了自定义字体,以帮助他们以更人性化的体验取代非人性化的市场。”

就Google而言,这家科技巨头为营销商,广告商,B2B品牌,B2C品牌甚至政府部门提供产品。正如肖恩·斯普罗基特(Shawn Sprocket)所指出的那样,谷歌的徽标重新设计意味着其所有产品“现在都拥有一种通用字体,可以在适当的程度上保持清晰的视觉联系。”他将新徽标描述为“一个很好的交流友好性的示例,少年鼓舞人心的信任和能力,而不会显得吓人或霸道。”

自定义字体的品牌影响力已有数十年的历史,可作为与竞争对手区分开来的工具,同时又创造出人们可以熟悉的东西。

自定义字体还使您能够通过版式设计来与众不同,从而减少了对整个网站中庞大图像的依赖。使用自定义字体,粗体文本,空格和高对比度可以实现的效果令人惊讶,这些组合对于服务器请求和加载时间非常不昂贵。

#10:可访问性最终成为主流(我们希望)

将其包含在2020年的Web设计趋势文章中真是可耻,但Domino最近因盲人可访问性差而在美国败诉,这提醒我们仍然需要取得多少进展。如果该特定案件应向品牌传授任何内容,则在使网站和应用程序无障碍访问方面有特定的法律要求。

在英国,这些法规的最新版本称为《 2018年公共部门机构(网站和移动应用程序)(第2号)无障碍法规》。

对于2018年9月23日或之后创建的网站,遵守这些法规的最后期限是2019年9月23日,而在此之前创建的网站需要在2020年9月23日之前遵守。

移动应用需要在2021年6月23日之前符合要求。

#11:避免设计风潮

从视差和无限滚动到视频背景和浏览器过时的动画,有许多本不应该流行的设计“趋势”。今年也一样,2020年将有很多关于3D动画的讨论。这听起来可能是最前沿的,但是,直到平均互联网连接速度大大提高并且Web浏览器变得更加高效之前,3D动画的实际应用才基本不存在。 。

更重要的是,它们真正将为您使用网站带来什么价值?

野蛮主义是另一种不断流行的设计趋势,但没有必要赶上潮流。如果这符合您的品牌形象和/或原则,那就去吧。但是,对于绝大多数品牌而言,这是一种时尚风尚,将很快消失。

着重于为最终用户增加价值的Web设计趋势,因为这些更改将超过任何表面上的改头换面。