电子商务业务的 10 大 UI/UX 设计趋势

2019 年已经过去了，我们必须感谢它，因为它带来了今年的许多趋势。 特别是，有一种趋势将长期存在。 至少在电子商务方面。

是用户体验。

越来越多的电商品牌将投资UI和设计作为自己的首要任务，这不再是心血来潮。 必须的。

这是统计数据。 根据 Sagipl 的说法：

• Alexa 排名前 100 的网站中有 82% 使用自适应设计。 因此，您对 UI 和 UX 设计的投资是保持竞争力的先决条件。
• 如果购物者觉得网站不有趣或界面有问题，他们会在 0.05 秒后离开网站——这个问题，用户体验设计可以解决。
• 由于越来越多的购物者更喜欢从移动设备上购买产品（67%），拥有您的网站/服务，没有一个用户友好的网站/应用程序可能会让您损失一半以上的受众。

电子商务在今年出现了一些重要的 UI 和 UX 设计趋势。 这些趋势与创建无缝用户体验、增加参与度、流量、转化、销售以及吸引高质量的潜在客户有关。

这些趋势将继续存在，如果您希望您的电子商务业务保持竞争力，那么遵循它们至关重要。

让我们仔细看看这些趋势，并分析一些电子商务品牌的例子。

1. 极简主义的呼唤

今年势头强劲的趋势表明，网站越来越简约。

为什么是极简主义？

UI 和 UX 设计的这种趋势是对复杂和“填充”设计的反应。 而且，由于简化用户界面的趋势越来越大，极简主义提供了实现它的一切。

让我们看一下家具制造商 Iskos 位于丹麦的网站的示例：

乍一看，你已经可以看到极简网页设计的主要属性，即：

• 负空间 - 主页的空白或背景
• 平面纹理——所有图像和 UI 元素都没有使用 3D 或其他技术来脱颖而出，因为它们已经做到了，这要归功于负空间。
• 对比（硬）图像 - 极简设计使用图像来突出基本元素，而不是背景和 UI 元素的明亮颜色（在这种情况下，制造商展示他们的产品）。
• 极简字体——这个网站是极简设计的一个很好的例子，因为它使用了体面的字体大小和平静但对比鲜明的字体颜色。

您还可以注意到整体上有限的配色方案。 这种方法创建了一个很棒的用户界面，因为它直接将用户的注意力吸引到了这一点上。

该网站仅使用简单的标题和产品图像分为多个部分。

该网站上一个对比鲜明的 UI 元素是屏幕一角的弹出菜单窗口：

无需在此菜单中添加更多部分，因为它们都已在主页上，因此此菜单可为希望与品牌进行更多互动的用户提供额外的信息来源。

这样的设计，以简单的导航和产品为主要焦点，非常适合实现 UI/UX 设计的卓越。

2. 重视品牌

UI 和 UX 设计的另一个趋势是加强用户体验和品牌之间的联系。

用户体验由用户与品牌的接近程度来定义，这成为 UI 和 UX 设计师关注的重点。 此外，以品牌为中心的设计，使用户体验的每一步都集中在向这个用户介绍品牌。

在 UI 和 UX 设计中强调品牌的一个很好的例子是取消订阅，这是一个护发产品的电子商务品牌。

他们的网站是结合用户体验和品牌推广每一步的杰作。 滚动浏览该网站，用户会遇到不同的元素，这有助于实现与品牌的完整互动：

除了在他们的口号中看到与品牌名称相对应的“取消订阅”这个词外，他们还将他们的目标作为网站的焦点，即帮助活跃的人们更好地照顾他们的头发：

而且，当然，该网站采用最佳的极简实践，有助于创建简单但多功能的用户界面和整体积极的用户体验。

3. 更大胆

今年，设计师们观察到了更粗、更简单的字体的增长趋势。 这种趋势与上面提到的极简主义趋势不谋而合。

在电子商务中，粗体字体用于将用户的注意力集中在通常位于页面中间的消息上。 以下是销售高级珠宝的电子商务品牌 Limnia 的示例：

尽管该网站在背景中使用了展示产品的模型视频，但我们的注意力并没有被它吸引，而是被放置在页面中心的粗体字信息所吸引。

在最常用的字体中，UI 和 UX 设计师更喜欢 Helvetica、Sans 和 Univers。 但是，您不能随意选择 UI/UX 设计的字体。 这种选择取决于几个不同的因素，即：

• 与设计的其余部分相比的大胆程度。
• 字体的大小以及它与设计的其余部分相比如何被感知。
• 字体的类型、粗细程度、大小和颜色与您的品牌美感相关。

所有这些因素都会影响用户如何看待您的品牌并与之互动，因此字体的选择应该有助于 UI 和 UX 设计的一致性。

4. 适应移动

我们在本文的介绍中提到，超过一半的客户更喜欢通过移动设备购物。 由于电子商务品牌主要在网上运营（其中只有一些拥有实体展厅），因此投资于移动用户体验设计是强制性的。

根据交互设计基金会的说法，移动用户体验旨在通过网站、应用程序和移动设备上使用的其他服务创造积极的移动体验。 移动用户体验的关键目标是效率和可发现性。

对于电子商务品牌而言，移动用户体验首先意味着对网站所有元素的完全可访问性和界面的简单性。

为桌面和移动设备调整网站的一个很好的例子是 Boria，一个销售家居装饰的法国电子商务品牌：

Boria 网站的移动版设计元素较少。 但是，它保留了客户通过移动设备购物所需的所有关键部分：

投资移动用户体验不仅是获得出色用户体验的先决条件。 这对于您的电子商务品牌的 SEO 排名也很重要。

谷歌对拥有适合移动设备的高质量网站的品牌排名很高。 但是有几条规则可以让移动网站变得很棒。 这就是为什么在 2015 年，Google 发布了面向开发人员的移动 UX 设计技巧，并随着新趋势的出现定期更新这些技巧。 在这些提示中，您可以找到：

• 在原型之前进行研究。 由于用户体验设计师有偏见，谷歌建议不要马上进入原型设计，而是先通过启发式分析和 AB 测试来研究目标受众。
• 处理触摸目标。 即使移动网站的界面是用户友好的并且网站在移动设备上加载速度很快，但如果网站的元素对他们的触摸没有响应，用户仍然会放弃该网站。 这意味着这些元素的触摸目标太小，Google 建议将它们设置为至少 7-10 毫米宽。
• 少杂乱。 与 UI 和 UX 设计中的极简主义趋势同义，此提示表明 Google 将杂乱的移动网站排名较低，因为它们难以交互。

换言之，电子商务品牌应同时关注其网站在台式机和移动设备上的功能，以提供完整的品牌体验。

5.专注于速度

在文章的开头，我们还提到，客户在访问您的网站的前 0.05 秒内就决定是否与您的品牌互动。

对于电子商务品牌来说，低页面加载速度可能是有害的。 由于这是一个竞争非常激烈的行业，用户去寻找另一个具有类似产品但加载速度快的网站的电子商务品牌是没有问题的。

性能也是用户体验的一部分，它充分说明了您如何将访问者视为电子商务品牌。

那么，当谈到完美的页面加载速度时，UX 设计师的目标是什么？

根据 Unbounce 的说法，登陆页面加载平均需要 15.3 秒。 但是，如果您的目标是创造积极的用户体验，这已经很长了。

因此，Unbounce 声称最佳页面加载速度是 2.4 到 3.21 秒，但在 5 秒内加载的网站也会获得更长的平均会话时间（根据消息来源，延长 70%）。

因此，积极用户体验的最终目标是实现平均 3 秒的页面加载速度。

6.创造更衣室体验

现在，让我们从讨论的技术部分转向电子商务品牌可以提供的服务趋势，以增强用户体验和用户与品牌的互动。

今年 UI 和 UX 设计的增长趋势之一是引入虚拟更衣室。

在线试衣间体验是对消费者日益增长的与产品互动和试穿需求的回应。 我们都知道，如果我们不能实际接触产品，我们就是在捅猪。 对于销售服装或配饰的电子商务品牌来说尤其如此。

此类电商品牌之一是销售眼镜的在线公司 Warby Parker，针对这一问题推出了一款移动应用程序，用户只需拍照即可试戴不同形状的眼镜：

这个应用程序对想要购买眼镜但对哪种形状的眼镜适合自己的脸犹豫不决的客户非常有帮助。

这种趋势是 UX 和 AR（增强现实）之间的融合，因为客户与现实生活中的对象进行交互，这些对象通过计算机生成的感官模式得到增强，以获得完整的品牌用户体验。

7. 通过视觉讲故事

旨在通过网站内容改善用户体验的另一个趋势是视觉叙事。

讲故事在营销中的作用是巨大的。 研究表明，以故事形式传递的营销信息的吸引力和令人难忘的程度高达 22 倍。 讲故事意味着更多的价值，这就是它成功迁移到用户体验设计并成为视觉讲故事的原因。

对于电子商务品牌而言，视觉叙事对于用户体验至关重要，因为它使客户更接近品牌并让他们独家参与定义该品牌。

成功结合视觉叙事和积极用户体验的品牌之一是宝洁的个人卫生品牌 Always：

使用视觉叙事，Always 讲述品牌如何参与许多社会事业，揭示故事，人们如何通过个人观点与品牌及其产品互动：

然而，当谈到 UX 设计中的视觉叙事时，内容放置存在问题。 根据目标受众所说的语言以及他们阅读的方向（从左到右或从右到左），内容的放置方式会有所不同。

例如，对于从左到右阅读的观众，内容应该放在中间或左边，每行大约 75 个字符：

视觉叙事是用户体验设计中的一种基本方法，这对于电子商务品牌至关重要，因为它们将与客户的整个体验建立在在线体验之上。

8. 轻松结帐

要求苛刻的客户的另一个趋势是使结帐更加轻松。 轻松结帐也是用户体验设计中最大的挑战之一。

根据 InvestCRO 最近的统计，平均购物车放弃率为 65.23%，其中以下原因做出了相当大的贡献：

• 14% – 没有客人结帐选项
• 11% – 复杂的结账流程
• 7% – 没有足够的付款方式

由于完成付款和结帐属于用户体验，因此 UX 设计师应该关注使其更轻松。

如果网站在购物车放弃率高的情况下苦苦挣扎，则 UX 设计师的任务是：

• 在可用性测试的帮助下（通过用户访谈和从客户支持收到的数据）找出为什么会发生这种情况。
• 考虑从可用性测试中收集的数据，绘制客户旅程图。
• 做 AB 测试，看看解决方案是如何工作的。

由于电子商务品牌的成功在很大程度上取决于客户的结账体验，因此通过 UX 设计使这一过程更加轻松是对积极用户体验的重要贡献。

9.专注于个性化优惠

个性化是一种趋势。 用户体验可以通过设计个性化的优惠将其提升到另一个层次。

许多电子商务品牌已经在充分利用它。

例如，销售内衣和个人卫生用品的电子商务品牌 Thinx 设计了一项调查，以帮助挑选适合用户需求的产品：

根据调查结果，该品牌创建了个性化的优惠，非常适合初次购买的客户。

另一家公司 Tobi 是一家销售服装的电子商务品牌，它通过设计一个弹出窗口来帮助残疾人调整网站，使用户界面更舒适，从而专注于包容性：

这些 UI 和 UX 设计贡献的目标是个性化每个用户的品牌体验，承认每个用户的独特特征和行为。

10.与客户交谈

在电子商务中，聊天机器人发挥着重要作用，提供客户支持。 它们也是用户体验的一部分，无论他们使用图形 UI 设计还是语音 UI 设计。

在创建聊天机器人时，UI 设计为电子商务品牌提供了极大的多功能性。 例如，销售内衣的电子商务品牌 MeUndies 使用他们的网站聊天机器人来回答搜索最多的问题：

一些品牌寻求更具互动性的聊天机器人体验。 例如，总是将与他们的聊天机器人的对话变成与人类的逼真互动：

选择聊天机器人取决于您希望它如何代表您的品牌。 但不可否认，聊天机器人趋势仍将是 UI 和 UX 设计的一部分，因为它直接影响用户体验的质量。

不要忘记价值

我们在本文中讨论的每一个趋势都非常注重为客户提供价值。 他们专注于无害的设计，而是强调价值。 这些趋势还旨在通过视觉叙事、对话式人工智能设计和用户体验品牌推广，让您的电子商务品牌更贴近客户。

跟上这些 UI/UX 趋势可以帮助电子商务品牌将用户体验带到最前沿，确保他们在这个竞争激烈的行业中保持成功。