通过设计创造最佳的电子商务客户体验

随着电子商务销售的飞速增长，所有企业都在寻找方法来依靠有限的可用渠道来增加销售额。根据Salesforce的数据，2020年第一季度的电子商务销售收入增长了20％，而2019年第一季度为12％。特别是，在本季度的最后15天，数字收入增长了41％。

客户们经常光顾网站，从杂货到家庭游戏，应有尽有。设计不良，难以导航，购物难度大，结帐过程混乱或复杂的电子商务网站将无法承受。这些摩擦点可能会导致销售损失，但是有一些方法可以通过从客户的角度考虑设计决策来避免这些问题。

从设计和用户体验的角度出发，请记住以下几点，以确保最佳的客户体验。

避免过于复杂的导航和布局
导航可以通过多种方式影响网站和客户体验。最终，主要目标是让客户在最少的点击时间内找到他们想要的东西并获得销售。

因此，重要的是不要在布局上重新发明轮子。遵循设计标准意味着客户将知道在哪里可以找到他们要搜索的内容，而不必习惯于其他导航方法。修改已建立的框架（例如，将“定价”页面重命名为其他名称）可能会给客户造成混乱，并最终导致销售损失。

一种简化此过程的方法是简化“搜索”功能并使过滤成为优先事项。由于客户并不总是知道如何找到他们要寻找的内容，因此请将“搜索”功能放在页面的醒目位置，并提供深入的过滤选项。

找到所述产品后，其产品页面应包括引人注目的有用图像，简单的导航和面包屑，以便轻松查看相关产品。

保持设计最小化
虽然视觉吸引人的设计对于品牌识别至关重要，但过度的设计可能会使客户不知所措，或者使网站速度变慢。将调色板限制为中性色，并使用品牌颜色指定的一种或两种强调。Adobe Color和Color Safe是创建美观，可访问的网站调色板的有用资源。

选择字体时，请选择一种字体以使用主标题，并选择一种字体作为主体文本。

正文文本字体应易于在较小，较密的段落中阅读-通常为无衬线字体。您选择的标题字体可能会因其较大的字体大小而具有更多个性。Google和Typekit都提供了字体配对工具，可用于尝试不同的组合。在考虑可读性时，请记住考虑字体的最佳粗细和颜色。

产品图像应该引人注目，并突出产品的功能，或者至少是人们最感兴趣的功能，以了解产品是否在实体店中。照片的大小会对网站的速度产生重大影响，并且较长的加载时间可能会导致客户不耐烦。

一种提高速度的方法是通过减小尺寸和质量来优化图像。另外，尽管滑块和轮播很吸引人，但它们通常使用大量JavaScript进行操作。将具有多张照片和一张静态图片的滑杆替换为滑杆可以减少加载时间，同时也更加便于移动。使用快速，优化的电子商务托管服务可能会进一步影响网站速度，因为托管服务的质量与网站的性能直接相关。

优先考虑移动
虽然看起来很明显，但令人惊讶的是，许多电子商务网站都没有配备移动设备。对于包括亚马逊和沃尔玛在内的一些零售商而言，其电子商务站点视图的一半以上来自仅移动设备访问者。同样，有36％的千禧一代客户正在通过手机进行购买，在当前的气候下，这一数字正在稳定增长。

客户在移动设备上浏览网站时，通常使用2G，3G或LTE，这通常比他们在家中使用的连接速度慢。

因此，最佳做法是仅以优化，更轻便的网站移动版本（而不是整个网站的缩小版本）显示用户需要在其移动设备上看到的内容。确保该站点具有响应能力，这意味着所有内容都保留在页面上，但是会在屏幕上移动以适合屏幕且不需要横向滚动。

允许表单自动完成，以便客户轻松输入他们已经保存的运输和开票数据。使所有按钮和链接变大，并使所有文本易于阅读。尽可能减少图像和文件的大小，以使网站加载速度更快。

设计优化的购物车
客户浏览网站并找到他们感兴趣的物品后，请确保将物品添加到购物车是一种简化的体验。通过在可见的位置拼出所有产品选项（例如尺寸，颜色，等级或其他价格点），使所有号召性用语易于查找。无论他们在哪里采取行动，客户都应该通过弹出窗口，菜单或其他可视提示知道添加成功。

现在，已将商品添加到购物车，至关重要的是，使其内容易于从任何页面查看。一些站点在其主菜单或辅助菜单中添加了购物车图标，以显示总成本和/或项目总数。通常，单击此图标会显示一个“微型购物车”或更小的界面，其中包含所有产品的摘要，并且能够访问购物车主页面以查看更多详细信息或签出。

一旦准备好完成销售，请确保无论客户身在何处，都可以签出。如果可能，请尝试将流程保持在单个页面上，以减少完成购买所需的摩擦。如果有必要使用第二页或将客户发送到异地，请明确所涉及的步骤，并确保集成清晰流畅。

最重要的是，允许客户选择以访客身份签出，而无需他们拥有或创建帐户。额外的一个步骤可能会导致购物车被遗弃。

电子商务网站不是万能的方法，但是有许多最佳实践可以衡量设计和用户体验中的成功。在考虑网站更新以增加网站访问量和促进销售时，请牢记这些想法。