电商中用户体验设计的六大原则

网上购物已经成世界上增长最快的趋势之一，五年前，全球电子商务市场的价值就达到1.3万亿美元，在2019年，它的价值几乎是原来的三倍。
在中国，电子商务平台发展更为迅猛，充斥在我们生活的方方面面，电商已经成为商家必争之地，变成了基础建设。

越来越多的人开始体会到从网上订购带来的便捷性，无论购买的商品是衣服还是其它杂物。对于许多电子商务商店来说，即使转换率相差0.5％，有可能造成年收入相差成千上万美元。这就是为什么让电子商务商店中的用户体验越来越被商家重视，因为它与利润直接相关。

如今，客户在网上购物时有太多的选择。如果网站令人困惑，缺乏吸引力，甚至使用不恰当的控件样式，都会导致客户的流失，即使客户会进行一次购买，但永远不会复购。网站的用户体验，可以通过有效的方式进行提升，下面要介绍的就是电商设计的六个重要可用性设计原则。

1.使用易于理解的类别

轻松导航是主要挑战之一：用户希望快速找到他们想要的物品。
用户如何快速地在网站上找到特定的东西，这一点很重要。例如在商店里成千上万种白色运动鞋中，快速找到自己中意的。通常，第一步是找到正确的类别（除非用户使用搜索栏进行导航）。
类别应始终反映用户的心理模型（他们希望在哪里找到商品），而不是系统或仓库组织。你可以通过真实的用户测试来验证类别的合理性，最有用和广泛使用的测试方式是树测试和卡片分类测试。
还可以从主导航轻松访问类别，但不要忘记，过多的类别会降低可读性，因此，如果类别过多，就要尝试创建主类别，然后将其余类别列为子类别。用户应该能够同时进入主类别页面和子类别页面。
创建产品类别的最佳方法

如果一种产品适合几个不同的类别，则将其放在每个类别中。这使该产品更易于被找到。

类别名称要符合用户的预期，而不是业务或技术的想法。

尝试限制类别的数量，以免过量造成用户选择无所适从。

如果有很多类别，请将它们分为主要类别和子类别。

在上线之前，请务必先测试类别，以确保导航简单直观。

2.支持搜索

使用搜索栏仍然很流行，尤其是在电子商务中，但是你应该理解为什么某些用户使用搜索栏，而其他用户直接浏览界面。使用搜索框的人非常清楚他们要查找的内容-通常与实际产品名称一样具体。按照导航浏览界面的用户，探索更多的相关内容，通常没有固定的目标。相较而言，使用搜索框的用户，一般更接近达成购买行为，当他们收集了他们认为必要的所有信息后，就会进行购买。
这就是网站要设置搜索功能重要原因，以下是支持强大搜索功能的提示。
将搜索栏放置在网站醒目的位置，并且可以从每个子页面访问。用户应该能够快速找到搜索栏，因此请确保它醒目（包括在手机上）。仅显示搜索图标是不够的，最好显示整个文本输入或至少显示部分输入。
在用户键入查询时，动态显示建议结果。如上所述，当用户，目标明确，大概率会在电子商务商店中使用搜索框。例如，它可以是品牌名称，产品型号或衣服类型等等。当用户输入搜索关键词，通过动态显示建议匹配结果，可以大大减少完成搜索活动所需的时间和犯错的次数。 
支持模糊查询。用户经常会出现拼写关键词的错误。有时他们不记得商品的确切名称，在这种情境下，他们会猜测。因此，必须以一种考虑错误的方式显示搜索结果。没有什么比用户看到“无结果”更糟糕的了，永远不要让这种情况发生。
搜索栏最佳的设计方式

使搜索栏可见并可以从所有页面轻松访问。

在搜索查询中支持错别字-用户确实会犯错，因此请帮助他们。

当没有匹配的查询结果时，显示相似或建议的产品。

如果可能，动态显示建议搜索结果。

3.使用有效的筛选条件

有些线上商店拥有数十万种产品，用户很难浏览全部信息，设计人员会使用有效的筛选条件，筛选条件应便于使用，并在产品列表上可以直观看到。要设计它们，必须首先了解用户如何搜索产品。有些关键词比其他的更重要-例如，价格范围通常是对客户最重要的因素之一。
设计筛选条件时，不仅要考虑其顺序，而且还要考虑可自定义筛选条件，这一点很重要。尤其价格作为筛选条件出现时，宽泛的整数区间未必能满足用户的真实需求，请始终根据数据类型和上下文选择允许用户自定义筛选条件。
还必须在动态排序和根据用户命令进行排序之间进行选择。使用动态排序，结果在用户选择筛选条件后立即改变。使用用户命令排序，用户必须首先确认他的选择，然后才显示结果。这两种方法的使用频率几乎相同。在它们之间进行选择主要取决于两个考虑因素：
（1）产品数量以及后台的设计方式
为了使动态排序起作用，几乎需要立即对结果进行排序，考虑到技术因素，这并非总是可能的。
（2）设计源自场景
用户是否一次选择多个筛选条件？还是他们通常只选择一个过滤器，然后根据需要选择另一个过滤器？想象一下，你在寻找一件完美的T恤，但你只对特定的颜色感兴趣。如果你选择每种颜色后，产品列表保持刷新，你可能会感到恼火。但是，如果是正在浏览酒店预订网站并选择每晚最高价格，则你可能希望结果及时刷新。 

4.使用产品列表显示必要的信息

在拥有很多产品的商店中，用户会经常体会到选择的悖论-选择越多，越无从选择。产品列表让用户可以决定要查看哪些产品。可以通过展现能帮助用户快速找到所需产品的关键信息，来解决这个问题。这些信息通常是价格，但并非总是如此。它可以是大小（或可用大小），颜色变化，模型类型等。除了价格外，最多不超过两种其他信息，因为那样会使列表更难阅读，让用户感到迷惑。
设计过程中，还面临另一个决策-在产品列表层级，是否提供将产品添加到购物车的选项？这完全取决于产品类型。如果用户是在食物这类商店，这些无需了解细节的商品，则可以添加一个选项以将产品快速添加到购物车中，避免用户不必每次都做多余的点击步骤。
但是，如果产品需要选择某些属性，才能决定是否购买，比如裙子的尺寸或颜色，或价格昂贵的产品，例如相机，那么期望用户查看产品详情就将其添加到购物车中就没有意义了。

5.设计易于阅读的产品详情页

通常在产品详情页，用户会决定是否购买产品。因此，详情页既要提供足够的产品信息，便于用户决策购买，同时又不能让信息中断购买行为，这就显得至关重要。
关键信息应该是可见的，其他次要信息应该做到易于被访问，同时不能造成视图拥挤。有些用户只根据概述信息进行购买就可以了，而另一些用户则想在购买前了解有关该产品的所有信息。需要在网站上同时容纳这两种类型。
优秀产品详情页的组成元素：

一组来自不同角度的高质量产品照片（有时甚至具有360°视角）

产品概述

产品价格

醒目的购买按钮

6.临门一脚的设计，至关重要

结帐的流程最终决定了转化率，引导用户完成销售过程的最后步骤绝对至关重要，因此必须尽可能保证这个流程的顺畅。
最常见的错误是：

将结帐流程排成一整页

挤满了太多信息（例如推荐的产品或广告）

向用户提供退出结帐过程的简便方法（例如显示完整的导航）

所有这些错误都会导致用户中断付款流程，从而影响到转化率。将结帐流程分成较小的步骤，可以减少用户的认知负担，并可以让更轻松地估算结算进度，从而使结帐过程看起来更快。 对于金额较高的订单，最好在每个步骤（或至少在付款之前）显示订单摘要，因为用户可能会担心任何操作错误导致的财产损失。
订单完成后，发送包含订单摘要的电子邮件，并将其显示在网站上。在订单摘要中，最好包括订购的产品，已付款的金额，包裹到达的估计日期以及交货地址之类的内容。 结帐流程的设计方法：

切勿使用深色图案来暗示用户或强化购物车的商品金额。

仅显示完成购买所需的信息。

显示结帐过程的可见步骤，并提供在步骤之间轻松切换而不会丢失数据的功能。

在可能的情况下显示订单摘要，以便用户感到可控性和清晰度。（这对于昂贵的产品尤其重要。）

允许用户轻松编辑购物车中的商品（例如，更改数量，从购物篮车取出，可跳转到商品详情页）。

显示最少的网站导航，最好将选项限制到仅返回店铺首页。

即使用户离开网站，也要保存用户购物车中所选商品一段时间（最好是无限期地保存）。这样，如果用户再次回来，他可以轻松地从上次中断的地方继续。

提供支付的倒计时，提示用户如不能再有效的时间范围内完成支付，可能面临所选商品失效，需要重新操作，造成时间的浪费。

为了确保设计的有效性，设计人员或产品运营人员需要非常关注数据并经常检查结果。如果不确定设计的效果，可以先进行A / B测试以验证假设，然后再进行有益的优化。