深色模式、无障碍设计以及拥有大量留白的简洁布局,可能是2020年最受欢迎的电子商务设计趋势之一。
本文联系到的20多位电子商务专业人士中,大多数人认为2020年在特定于设计的趋势方面并没有太多显著变化。就布局、大字体以及基于模板或CSS框架的电商网站而言,这更像是“老调重弹”。
然而,确实有一些趋势或倾向脱颖而出。在许多情况下,这些趋势——例如深色模式、无障碍设计和以内容为中心的设计——是某种使能技术或其他外部影响的结果,而非用户体验需求所致。
深色模式
深色模式将移动操作系统的背景切换为黑色,在某些环境下可减轻眼睛疲劳,帮助移动设备更好地适应环境光照条件,并且(由于手机上的黑色像素处于关闭状态)还能延长电池续航时间。
今年早些时候,Apple在iOS 13中引入了“深色模式”。Google也在Android 10中添加了其深色模式。
作为回应,在过去一年中的大部分时间里,移动应用开发者、社交媒体网站的设计师以及设计界的几乎所有人都推出了其应用和网站的“深色模式”版本。
Twitter可以显示为深色模式。预计电子商务网站将在2020年开始提供深色模式。
欧洲软件公司Smartym Pro的首席用户界面设计师Maksim Rudakouski认为,深色模式将在2020年变得“无处不在”,并扩展到电子商务网站设计和电商应用界面。
如果Rudakouski的说法正确,你可能会在热门零售网站和继承操作系统深色模式设置的电商应用的顶部看到“深色模式”切换开关。
无障碍设计
“《美国残疾人法案》于1990年通过,同年万维网也被发明。当时只有15%的家庭拥有电脑,消除障碍的要求旨在促进对公共实体场所的访问,”数字营销和电子商务机构Corra的产品营销经理Erica Mazzucato解释道。
“如今,网站提供产品和服务……企业因内容无障碍问题而面临越来越多的诉讼,”Mazzucato继续说道。
“为了避免实现难以使用或与残障人士所需设备不兼容的功能,设计师需要确保网站遵循Web内容无障碍指南。即使这些指南引入了一些限制,例如使用适当的对比度和为视频添加字幕,大多数标准也不会影响用户体验或限制创造力。随着数字和电子商务格局的演变,借助WCAG,设计师能够融入新的视觉趋势并确保包容性。”
实际上,为无障碍而设计将因两个原因而变得重要。首先,它将帮助电子商务公司更好地服务残障购物者。其次,为无障碍而设计可以帮助企业避免诉讼。
极简主义
一些电子商务网站可能寻求简化或最小化站点导航和布局,强调产品的功能和特性,而不是使用大量的过滤器和小部件,Smartym Pro的Rudakouski将其称为“侵入式设计”。
BigCommerce的首席产品官Jimmy Duvall表示赞同。“我认为电子商务的一大趋势,坦率地说,就是简化。”
时尚零售商Mosaert在其电子商务网站上使用了大量留白、大字体和简单的导航。
“绝大多数[大型零售网站]存在的复杂性使得消费者难以……”Duvall继续说道。
在2020年,至少有些网站可能会更新其设计,以“迎合消费者的需求”,这不仅体现在跨设备或体验上,也体现在特定的购物体验中。
“你在行业的一些前瞻性细分市场中可以看到这一点,比如任何销售CBD(大麻二酚)的人,”Duvall说。“你会发现这些网站是多么简单和清晰。”
“这实际上是在缩小网站上数以亿计的小部件的范围,试图弄清楚26种不同的商品类别,并直接与消费者沟通。”
在实践中,极简设计和简化可以产生更多的留白、相对较大的字体和简单的导航。
以内容为中心的设计
简化电子商务网站设计也可能促使一些企业相对更多地关注内容并提供更多内容。
这种以内容为中心的设计核心在于提供shoppers发现新产品或进行购买所需的信息。
“我们生活在一个内容世界里,”Duvall说,“我认为在很多方面……电子商务在一定程度上偏离了以内容为中心的商业模式。”
无头产品信息管理系统可以使将产品数据和内容引入其他应用程序或丰富功能变得更加容易。
例如,想象一本包含可购物摄影的型录。当顾客点击连衣裙的图片时,链接不仅会将该顾客引导至产品详情页,还会在上下文中提供相关的产品信息。
例如,服装零售商Maison Ullens的型录展示了引人入胜的摄影作品,并链接至产品详情页。在2020年,它允许顾客在不离开当前页面的情况下直接购买。
Maison Ullens的型录展示了精美的摄影作品,并链接至产品详情页。在2020年,它允许顾客在不离开当前页面的情况下就地完成购买。
或者你可能会在博客文章中看到提及的产品。当顾客将鼠标悬停在产品名称上时,一个迷你购物车可能会就地弹出,让读者可以直接下单或将商品加入购物车。
随着电子商务平台将产品信息与网站设计解耦,从而有效地提供一种无头产品信息管理器,这类体验正变得可行。这正是BigCommerce作为例子一直在推广的做法。

