确保积极的电子商务体验的 30 个 UX 设计技巧

已发表: 2017-06-14

电子商务改变了我们的生活，改变了我们购买东西的方式。在电子商务中，第一印象对于在线商店来说至关重要，因为竞争激烈，客户极易流失，只需点击一下，您的客户可能会因为糟糕的用户体验而退出您的页面，再也不会回来。

您需要考虑价值主张，如何简化用户的生活并让他们一遍又一遍地向您购买。您需要考虑如何分享您的公司与其他数百家在线商店的不同之处。结合简单性、简单的用户流程和号召性用语，您可以为客户创造在线体验。

让我们看看我们的 UX 设计技巧，以促进您的电子商务。

电子商务中的第一条规则——展示您产品的高质量图片。
让您的购物者保持专注。确保您的主菜单、交叉销售或追加销售等不会分散您的购物者完成结账的注意力。使用颜色或箭头等视觉队列将注意力集中在单个号召性用语上。
您的主页最需要工作。例如，许多公司坚持使用能够准确代表其目标类型的鼓舞人心的视频和故事。不要忘记提供推荐、评级和评论。使用简单、整洁的设计。使用尽可能少的词，消除所有不会产生影响的内容，例如您最近的博客文章。
顶级电子商务商店通常会提供商品集合来引导用户趋势，例如，它们可能会以网格为特色，其中包含所有最受欢迎的女式裙子，或者它们可能会根据过去的客户体验提供推荐产品。
数据验证。不要等到用户提交表单，验证并实时通知用户，如果有一些错误或缺失的字段应该填写。实时内联验证将帮助您的客户快速完成结帐，更省力并且错误更少。确保通知足够可见，以至于用户不会跳过它。
结帐表格的组织。将结帐页面分解为多个部分，并将相关项目保持在附近。并避免询问不必要的信息。单页结帐旨在快速简便。所以，避免询问不必要的信息。此外，不要让您的购物者猜测完成结账需要多少步骤，让他们了解情况。
大多数订单的送货地址和账单地址是相同的，因此请使用送货地址预先填写账单地址详细信息，而不是要求用户执行此工作。显示邮政编码字段并隐藏城市和州。当用户输入邮政编码时，使用预先填写的城市和州字段展开表单。确保这些字段是可编辑的。它对您的用户来说更容易、更快捷。
付款安全。与往常一样，电子商务中的安全性存在很多问题。通过显示您的安全凭证、客户服务号码和隐私政策链接，向您的购物者保证他们的数据是安全的。
您可以通过创造紧迫感来减少购物车的放弃。如果只剩下几件，请指定仍有库存的单位数量。或者，如果您对添加到购物车的产品提供优惠或折扣，并在一两天内结束，请出示。
如果您为超过一定金额的订单提供免费送货或折扣，那么您应该提醒您的购物者他们需要花费多少才能获得该优惠。
在可能的情况下，为在您的商店购买的商品添加礼品包装选项，并允许买家在他们的礼品中添加个人备注。此外，让购物者选择是否在交货期间在发票中包含价格信息。
用户的愿望清单。一个能记住你的购物车。如果用户觉得他们负担不起订单的总费用，他们可能会从购物车中删除一些商品。提供将这些产品保存或移动到愿望清单的选项，这样他们就不会忘记它。您还可以在下次购物车页面上出现愿望清单中的产品时提醒他们。此外，当用户想要从购物车中删除商品时，请将其命名为 remove 而不是 delete。并允许用户将数量设置为零以从购物车中删除商品。一旦用户单击删除链接，而不是立即删除项目，询问单击是否是故意的。不要忘记，您应该选择在购物车页面本身上进行这些更改，而无需导航到产品页面。当然，当购物者将商品添加到购物车时，不要让他们猜测该商品是否已添加，提供确认消息。您可以在同一页面上提供确认消息，也可以将它们重定向到购物车页面。当您让购物者保持在同一页面上时，请提供产品推荐以及确认消息，以便他们可以购买更多。
可共享的愿望清单。许多客户不会立即做出购买决定，他们需要时间考虑一切，与不同的电子商务商店比较价格或与家人或朋友咨询他们的选择。当然，他们可以为页面添加书签，但这不如将所有项目存储在一个地方方便。标记潜在有趣的产品并将它们添加到愿望清单的可能性是一个很好的解决方案。如果愿望清单要真正对用户友好，请确保客户可以在线与其他人分享。不仅提供电子邮件和社交媒体共享，还使客户能够创建可共享的链接。这样的链接将使客户更容易与他人咨询购买。
显示最近购买的产品。可能您有一群常客，他们经常在您的电子商务商店购买相同的产品，那么个性化他们的帐户是一个好主意。如果某个客户每个月都会拜访您购买给定的猫粮，那么在登录后立即显示一个包含最近购买产品的部分，将使他们的购物更容易。无需浪费时间寻找合适的袋子尺寸和类型的猫零食，只需单击一下，产品就在购物车中。知道此类功能正在您的商店中等待他们，将使他们更有可能回来。
使购物车始终可见。如果添加商品，更高级的在线购物者将不希望被直接发送到购物篮页面。因此，重要的是在网站的每个页面上都可以看到购物篮，其中包含添加的物品数量和价格。
当您有很多类别、可变产品或具有许多选项的产品时，导航至关重要。人们越快找到他们想要的东西，您就能越快将他们转移到结帐流程。将顶部菜单限制为 7 个选项。使用组织类别和子类别的多列菜单。不要忘记隐藏菜单。在过去的几年里，极简主义一直是最一致的网页设计趋势之一，专注于干净、简单和易于导航的美学，并突出图像和大背景。许多设计师认为汉堡包图标已经获得了普遍的地位，品牌应该不再害怕隐藏他们的导航，因为用户将图标与菜单或列表相关联并与之交互。
搜索引擎优化。使用面包屑来帮助用户导航并将 pagerank 分发到您的类别页面。在页面标题、网址、标题和描述文本中使用最相关、难度最低的关键字。在页面顶部或照片旁边提供简短的产品摘要。首先考虑移动，现在电子商务也依赖于移动。您可以做的最低限度是让您的网站响应。
产品数量。显示产品列表前后的页数。显示该类别中的产品总数。
过滤器。允许用户按：价格、类别、性别、颜色等进行排序。
提供缩放选项，让用户自己查看详细信息。
一切的个性化。
金钱与价值。一些用户专注于花费特定金额。其他人则专注于价值。您的网站可以帮助解决这两个问题。你们提供免费送货吗？是不是价格更高，但质量更优？在您的网站上明确说明这一点，展示您的竞争优势以及您可能为客户带来的好处。
高效搜索。一个想法是让您的网站自动保存用户上次搜索的位置。例如，假设您的用户将搜索范围缩小到四页，每页 30 项。他在查看第 3 页第二行的第二项时被打断了。所以基本上，您可以让您的用户选择从他离开的地方继续，而不是重新开始。
通讯形式。建立一个强大的电子邮件列表是一个漫长的过程，但对于促销尤其是在假期期间非常有价值。拥有时事通讯注册表单是任何电子商务商店的标准，因此请尽量让您的订阅表格比其他商店更具吸引力。
不要忘记更新您的内容。上个月的促销不应出现在您的任何页面上。找到您将无法使用的促销活动很烦人。
强调拥有帐户的好处。独家折扣和促销等福利足以让许多购物者创建一个帐户。
不要忘记人们如何阅读和扫描信息。将每个网页的重要部分放在左侧的顶部和底部。访问者以“F”模式扫描网页，这是众所周知的事实。因此，请使用强大的标题和相应的布局页面来吸引他们的注意力。
提供虚拟协助。电子商务公司使用带有预测技术的聊天机器人或实时聊天工具来预测购物者的需求并在最重要的时刻提供指导。例如，如果客户在结账时收到错误消息，或正在搜索尺码指南，智能聊天机器人可以提供及时、相关的帮助。他们还可以根据用户的喜好给出个性化的推荐。
卡片设计。卡片设计趋势变得越来越流行，原因很简单，它可以轻松组织大量内容。之所以称为卡片设计，是因为用于呈现产品信息的卡片状盒子。它简单，易于阅读，而且看起来仍然令人印象深刻。卡片非常适合以整洁且用户友好的方式组织部分或产品。它们简化了导航并改进了用户体验，使用户能够轻松地一目了然地访问信息并区分主题。采用卡片布局的最大好处是它们非常适合响应式网页设计，这就是它们在电子商务网站中非常受欢迎的原因。
大背景。客户喜欢图像，而不是文字。如果他们没有时间阅读，这无疑会导致他们专注于图片。客户购买决定的一个关键因素是他们在浏览您的商店时的初步印象。大图片和视频背景创建漂亮的引人入胜的网站。他们可以鼓励潜在客户在他们到达您的网站的那一刻进行购买。电子商务商店广泛使用这种技术来创造干净、专业的外观，并使他们的产品更受欢迎。

我希望您发现我的列表很有用，它将帮助您改善电子商务商店的用户体验。趋势变化非常快，保持转向！