2017年,仅估计美国的电子商务销售均估计到达 4340亿美元.
有几个因素确定了电子商务网站的整体成功;例如,产品质量,运费,可信度和客户服务。然而,伟大的用户体验设计也是为客户提供令人满意的体验的关键。它不仅将潜在的点击转换为实际的电子商务交易,还会导致客户再次回来。
以下是设计伟大的电子商务网站的全面指南,其中包含示例。
值得信赖
首先,设计一个购物者觉得他们可以信任的网站很重要。大多数购物者都担心隐私以及该网站是否将通过提供安全交易来保护其个人数据。如果网站不觉得值得信赖,他们将只是选择在其他地方购物。

asos. 有关页脚中的业务和安全付款解决方案的相关信息。
以下是一些将沟通可信度的方法:
- 包括业务概述:
- 一般信息
- 业务背后的人的照片
- 联系信息
- 与社交媒体的链接
- 常见问题解答
- 发布商店策略,并确保他们不太难以找到:
- 运费和退货政策
- 返回过程的概要以及可以返回的产品
- 宽容访问的隐私政策,涵盖购物者的个人和财务信息(这至关重要)
以简单的语言写作,避免合法或内部策略行话。
- 分享产品评论:提供产品评论,以帮助购物者了解更多关于该产品的产品;这将有助于减轻他们可能拥有的任何疑虑。通过提供产品审查以及审阅者的其他信息,或通过总结评论,进一步逐步。这一步骤可以帮助购物者更容易获得他人的充分利益。
- 使用安全服务器:购物者预计他们的个人信息将在网上购买时保持安全。 SSL. (安全套接字层)证书认证网站的身份并加密需要保持安全的信息。它是一个重要的标志,表示结账是安全的。确保购物者通过实现SSL并显示SSL证书徽章来保护其数据。

信任密封的一些例子
- 添加认可 信任海豹:信任密封验证网站的合法性和安全性。如果交易证明是欺诈性的,一些信托公司甚至通过提供一些保险来增加额外的保护层。使用公认的信任密封件劝告安全交易过程的潜在购物者,这导致了 增加销售额.
- 详细介绍细节:通过避免拼写错误,缺少图像,破碎的链接,404错误和其他错误来使网站看起来合法和专业。
设计注意事项
网站的外观和感觉是第一印象的主要驱动因素。 研究 结论,人们将确定他们是否喜欢一个网站或不在50毫秒的网站上。
以下是一些必不可少的用户界面设计提示:
- 遵循品牌标识:品牌在整个网站上都应该显而易见。选择反映品牌的颜色,并设置风格以便清除销售的产品类型。确保品牌经验一致地遍布所有渠道,无论是在线,店内还是在移动设备上。这将有助于建立一个强大的品牌关系。
- 采用可视化层次结构:最关键的内容应显示在折叠以上。在某些情况下,使用更少的空格将物品更靠近,比推下折叠的关键内容更好。
- 不要过度设计:限制字体面,尺寸,尺寸和颜色等字体格式。当文本看起来太像图形时,它将被误认为是广告。使用高对比度文本和背景颜色尽可能清晰地制作内容。
- 坚持已知符号:使用易于识别的图标或符号。陌生的图标只会混淆购物者。避免任何可能混淆的好方法是为图标提供标签。
- 避免弹出窗口:弹出窗口是一种分心。即使它们包含有价值的信息,购物者也可能超时地解雇他们,即使他们想要,也很难再次找到信息。

导航
导航是关于人们在网站上移动的容易,最后采取行动。电子商务购物体验应该是无缝的,所以购物者不会通过过程中途掉落。电子商务网站设计的一些关键方面,以便于导航:
类别
最高导航级别应显示该网站提供的类别。将产品分类为有意义的类别和子类别。类别标签最适用于描述产品范围的单词,使购物者可以扫描它们并立即了解它们所代表的内容。
搜索
如果购物者找不到产品,他们不能购买产品 - 构建一个搜索功能,帮助他们轻松找到他们正在寻找的东西:
- 使它成为Omnipresent:将搜索框放在每个页面和熟悉的位置。该盒子应可见,可快速识别,易于使用。实现搜索框的标准位置是页面的右上角或顶部中心,或在主菜单上。
- 支持各种查询:搜索需要支持所有类型的查询,如产品名称,类别,产品属性以及客户服务相关信息。在输入字段中包含示例搜索查询是一个好主意,以建议购物者使用各种功能。
- 具有自动完成功能:自动完成功能使购物者更容易找到他们正在寻找的内容,并通过建议他们已经搜索的区域内的东西提高销售潜力。

- 允许对结果进行排序和过滤:让购物者根据各种标准(最佳卖家,最高价格,最低价格,产品评级,最新物品等)进行搜索结果以及消除不适合某一类别的物品。
过滤器
给出的越多,选择更难。帮助购物者通过实施过滤器找到合适的产品。它将帮助他们缩小他们的选择并直接跳转到所需的产品范围。
快速浏览
通过消除不必要的页面加载,“快速视图”减少了购物者找到合适产品所需的时间。通常,产品详细信息显示在视图页面上的模态窗口中。不要试图显示所有产品详细信息;相反,包括到完整产品页面的链接以查看完整的详细信息。此外,请务必包含一个突出定位的“添加到购物车”按钮以及“保存到愿望列表”功能。

特别优惠
购物者始终寻找特别优惠,折扣或最优惠的优惠。使独家优惠可见,所以购物者了解它们。即使价格差异也不是那么大 心理学意义 节省一些钱会产生占有鞋面的幻觉。
产品页面设计
当购物者成功时 找 他们想要的产品,让他们 找出 关于产品。设计一个创建一个与众多可能的购物体验类似的产品的产品页面,包括许多图像,详细描述以及关于产品的任何其他有用和相关信息。让我们深入了解这意味着什么。
产品图片

通过电子商务,购物者无法触摸,感受或尝试产品。相反,一切都完全取决于他们在线看到的。这就是为什么提供清楚地表现出产品的所有方面的产品图像至关重要。以下是完美产品的清单:
- 使用白色背景:产品图像的背景不应分散或与产品本身冲突。一个白色背景效果最佳,因为它允许产品脱颖而出,并与几乎任何风格或配色方案一起使用。
- 使用高品质,大图像:良好的照片出售产品。高质量的图像捕获购物者的兴趣,并确切地向他们展示了他们正在购买的东西。拥有大型图像让购物者放大并在精细的细节中检查产品。

- 使用各种图像:从多个不同角度显示产品,并包括特写镜头,以便提供更完整的产品感。一个360度的观点,他们可以在哪里移动产品,是提供靠近物理进入商店并与之交流的经验的好方法。 VR电子商务是下一波这一体验。
- 使用视频:视频有能力在短时间内提供大量信息。使用视频显示在使用中的产品,并尽可能多的功能信息。
- 保持一致:使用跨多个页面一致的图像,也与网站其他部分的外观和感觉一致。这将使一切都看起来干净和整洁。主要产品图像应在站点的所有区域上相同,例如产品亮点或特色项目部分。
为购物者提供有关该产品的详细信息,以便他们可以做出明智的购买决定。显示可用性,不同尺寸或颜色,尺寸,尺寸图表,使用的材料,总成本,保修等等选项。他们对产品的剩余问题越少,他们越有可能进行购买。

产品稀缺
根据这一点 稀缺原则,人类对物体的价值较高,对那些丰富的物体较低。通过显示稀缺显示销售过程中的紧迫感,展示缺货,缺货的灰色尺寸,或显示销售截止日期的速度。稀缺将激励潜在的买家采取行动。
公司越来越多地使用先进的心理研究,并为了推动更多的参与和购买,使曾经是艺术成为一种科学的东西。 佩戴ASIVE设计 在电子商务中是一种非常有效的方法来加勒纳更多购买。

展示类似产品,购物者也可能与其他购买的产品或产品一起使用。这可以在产品详细信息页面或购物车中显示,并将帮助指导购物者到满足其需求的产品,并可能鼓励他们继续购物 - 这是交叉销售相关产品的好方法。

购物车至关重要,因为购物者在购物者审查所选产品的地方,进行最终决定,并继续结帐。购物车的主要目标是引导购物者结账。以下是设计用户友好的购物车的提示,并鼓励购物者进一步购买。
- 清除呼叫操作(CTA):购物车页面上的主要呼叫应该是结帐按钮。使用明亮的颜色,充足的可点击区域,简单的语言,使结账按钮可见,直接且易于使用。
- 提供足够的反馈:确保将产品添加到购物车中,立即明确确认。购物者因反馈不足而感到困惑,例如显示不起眼的确认文本。一个好主意是使用动画,因为运动吸引人眼。
- 使用迷你购物车小部件:允许购物者将产品添加到购物车,而不会使用迷你购物车将其上的页面添加。它还允许他们导航,发现和添加更多产品。迷你购物车小部件应始终链接到全页购物车。

- 显示产品详情:显示购物车中的产品名称,图像,尺寸,颜色和价格等详细信息,帮助购物者记住每个产品以及比较产品。将购物车中的产品链接回其全部产品页面,以便购物者可以在必要时查看更多细节。
- 使购物车轻松编辑:删除的能力,保存稍后,或更改尺寸,颜色或数量等细节应易于访问。
- 避免意外运输成本和税收意外:意外运输成本是主要原因之一 购物者放弃他们的购物车。放置运输选项和税收,精确计算成本和预期的交货日期。
结账设计
时尚和时尚的设计并未确定成功的电子商务网站。成功通过完成的购买数量来衡量。以下是构建精心设计的结帐页面的几种方法,这将有助于成功转换:
- 提供各种付款方式:在付款后,不同的购物者有不同的偏好。尽可能多的付款方式(目标受众)尽可能多的付款方式,以扩大客户群,并使购物者容易完成其订单。
- 保持简单:最大限度地减少完成购买的字段数量和步骤。默认情况下使用送货地址作为帐单地址是最小化字段数量的好方法 - 理想情况下,设计单页结账,购物者可以查看他们的购物车并输入交货和付款信息。

- 订购注册可选:强制购物者在首次购买之前创建一个帐户 赶走购物者。在购买完成后,请选择在购买后注册并在要求他们注册时突出注册的好处。福利包括更快的结账,感谢个人信息,如保存的送货地址或付款信息,以及仅供注册成员可用的独占优惠。
- 使用清除错误指示:没有比不能购买购买更令人沮丧并不得不猜测为什么。代替在提交表单后显示错误,而不是实时出现的错误通知。在需要更正的项目上直接放置清晰简洁的错误消息,因此购物者将立即注意到它们。

- 保持轨道上的:使用多页结账时,请包括一个进度条,显示剩余剩余的步骤以完成购买。这将消除任何歧义和保证他们在正确的轨道上的购物者。购买完成后,使用装运跟踪显示订单确认和订单状态。
- 提供支持:在整个结账过程中包括实时聊天或联系人,因此当购物者有疑问时,他们可以快速获取答案,而不是必须离开网站并进入其他地方。
概括
在设计电子商务网站时,它不仅仅是建立网站,还创建了一个在线购物体验,将被动购物者转化为付费客户。使用本指南来制定必要的设计决策,以便建立一个专业,有吸引力,用户友好的网站,并使购物者再次又一次地回来。