作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
斯坦Prysiazhniuk的头像

斯坦Prysiazhniuk

Stan是一位专门从事电子商务的UX/UI顾问. 他的最终目标是为客户提供具体的投资回报率.

工作经验

9

分享

随着整体零售格局的不断发展和 实体连锁店举步维艰在美国,电子商务市场蓄势待发. 到2021年,全球电子商务销售额预计将增长到2000亿美元以上 4.48万亿美元这一数字是2017年的两倍多.

电子商务零售商和设计师们密切关注 用户体验 并坚持一套标准的电子商务用户体验 设计原则 对于客户来说,购物流可以资本化这个市场的增长,并看到有形的财务回报.

购物流程是一般的用户旅程, 如果实现得当, 导致更多的冲动消费, 少弃车, 更高的整体转化率.

用户旅程包括:

  • 网站上发现
  • 产品搜索和浏览
  • 产品页面
  • 结帐
  • 确认

本文将介绍用户旅程中的这些关键点以及如何进行 电子商务设计师 能让客户的体验愉快、直接、轻松吗.

电子商务用户体验客户旅程的各个阶段

网站上发现

品牌定位清晰

访问者对一个网站的第一印象通常是在10分钟内形成的 50毫秒. 一个电子商务网站需要通过清晰、快速地展示它卖什么以及它在整个市场中的位置来吸引用户的注意力.

例如, 奢侈品珠宝零售商的网站看起来和感觉可能与精打细算的大型商店的网站非常不同. 高端电子产品零售商 爆炸 & Olufsen音响 通过优雅的字体传达品牌品质, 复杂的调色板, 时尚的产品形象.

电子商务用户体验设计的登陆页

展示相关的行动呼吁

当用户到达主页时, 用及时的内容和具体的行动呼吁(cta)迎接他们. 与当前季节或特定事件相对应的大型横幅图像以及适当的CTA可以帮助用户进入购物过程的下一步. 在创建cta时, 避免使用通用短语 比如“开始”,并没有清楚地告诉用户接下来要做什么.

宝丽来 通过帮助购买礼物的用户,在假期期间创建了一个有效的CTA. 而不是使用一个通用的短语, 宝丽来使用“商店礼品”,,明确表示用户将被带到网站上提供礼物建议的区域.

电子商贸行动呼吁

为SEO量身定制登陆页面

通过将用户的搜索词从谷歌等搜索引擎连接到特定的登陆页面, 电子商务零售商可以抓住那些寻找特定产品的用户.

当用户搜索某样东西时,他们很有可能想要购买. 创建自定义 着陆页 对于常见的产品搜索词,增加了零售商获得销售(可能还有新客户)的机会。. 文具公司 在谷歌搜索结果中出现一个专门为婚礼请柬制作的页面,这一点做得好吗.

移动电子商务登陆页面

产品搜索和浏览

虽然看起来很基本, 许多网站仍然不提供一般的全站搜索, 或者如果他们这么做了, 它没有得到适当的优化. 但 现场搜索是最基本的 要有扎实的电子商务购物体验.

根据 Invesp在美国,60%的网购都是网购 冲动的. 人们通常知道他们在寻找什么, 在电子商务网站上的搜索栏中输入他们的查询——比如产品名称或型号——比在菜单选项中筛选要快得多.

其他功能,如预测搜索或自动完成功能,可以帮助用户快速查看选项. 苹果 将此策略用于搜索字段,该搜索字段动态更新,包含指向产品的快速链接和热门建议搜索.

电子商务搜索领域

在发现模式中激励访问者

虽然许多购物者心中都有特定的购买商品,但并非所有访客都如此确定. 根据尼尔森·诺曼的调查,确实有 五种类型的电子商务购物者,其中之一就是“浏览器”.“浏览器并不一定是在寻找特定的东西. 相反,他们悠闲地环顾四周,看看是否能找到有趣的东西.

电子商务网站 是否可以通过向购物者展示最新或最畅销的产品,并允许他们轻松快速地查看产品类别,从而支持购物者的发现模式.

Etsy 通过显示当前流行的内容以及清晰地显示整体产品类别来吸引浏览器, 无论是在导航还是在主页内容上.

电子商务用户体验产品发现

面向方面的搜索 使用过滤,并更进一步,允许用户一次选择多个属性.

创建过滤器时, 而不是将选项限制在大小等一般标准上, color, 或价格, 为所售产品的特定类别添加特定的过滤器. 这些过滤器可以是衣服的合身或面料, 字体, 或者邀请的场合, 还有屏幕尺寸和处理器.

一旦用户应用了过滤器, 在UI中应该立即显示应用了哪些过滤器. 用户还应该能够轻松地删除已应用的过滤器.

ASOS 显示每个类别的筛选器的详细范围,并清楚地显示应用了哪些筛选器.

移动电子商务过滤

产品页面

突出显示主要操作

用户不应该担心如何做一些重要的事情, 比如把产品放到购物车里. 将“添加到购物车”或“立即购买”等主要操作显示为按钮, 并将它们放在屏幕上相对于其他内容的显著位置.

家装零售商 劳氏 让用户知道如何将产品添加到购物车中, 绿色按钮是页面上最显眼的东西之一.

电子商务ux最佳实践突出显示了主要操作

提供详细的产品信息

展示高质量的, 专业的照片和详细的说明,帮助买家了解产品.

使用 进步的信息披露 和视觉层次,给用户提供他们需要的适当数量的信息. 立即给他们最重要的信息, 然后在页面下方为想要了解更多信息的用户添加详细信息.

Break long descriptions into sections; for example, 概述, 大小/尺寸, 详细的功能, 和运输信息. 对其他部分使用展开/折叠导航,如 Myprotein 是否有助于防止用户感到不知所措.

移动电子商务用户体验-产品描述

建立客户信任

避免让客户猜测运输选项、产品可用性和退货政策. 确保所有这些信息都是随时可用的, 什么能建立顾客的信心和信任,并可能帮助推动不确定的顾客购买. 知道他们是否可以以及如何退货有助于他们做出更明智的决定.

ASOS 使用从每个产品名称下的链接访问的模式,在每个产品页面上清楚地显示重要的运输和返回信息.

电子商务运输和退货政策

增加社会证明

社会认同是一个概念,意思是人们会受到他人行为的影响. 这个概念是 Dr. Robert Cialdini (影响力科学的主要研究人员) 说服原则 并且已经被证明是有效的.

电子商务零售商可以通过增加顾客评级来增强消费者的社会信心, 评论, 和评论. 产品 亚马逊 通常有数千条评论,用户可以根据星级等级对它们进行排序.

电子商务ux客户评论

购物车

显示清晰的订单摘要

之前 买家 完成他们的购买, 向他们展示一份清晰简洁的订单摘要,包括所购买的物品, 每件商品的数量和价格, 总的顺序是. 允许用户编辑他们想要更新或删除的任何项, 并通过附上送货摘要来避免意外的运费.

的Modist 显示清晰的订单摘要和收据. 用户可以很容易地管理他们所选择的项目(移动到愿望列表), 删除, 更改数量),并看到摘要和详细细分的航运和税收.

移动电子商务ux购物袋

结帐

让用户以客人身份退房

冲动购物 占近40% 花费在电子商务上的钱. 通过允许买家以客人身份结账,消除了创建账户或登录的额外障碍. 在客人退房过程中, 创建帐户的简单集成可能会将一些来宾转换为帐户用户.

伊索 允许用户作为客人轻松结账,同时还提供登录或注册选项. 在一个表单中提供多个选项,为那些想要快速结账的人消除了潜在的购买障碍, 但也给想要注册的用户提供了机会.

电子商务用户登录

在结帐过程中提供视觉反馈

包括进度条可以帮助客户了解他们在结账过程中的位置以及他们还需要完成多少.

苹果 向用户显示流程中的每个步骤,并允许他们使用进度链接在步骤之间导航. 进度被保存,因此用户在步骤之间移动时不会丢失任何内容.

电子商务ux结账进度条

使用常用的付款方式

除了允许通过主要信用卡付款外,还增加了其他流行的付款方式,如 贝宝 可能会增加那些不想交出信用卡信息的买家的转化率.

在荷兰, 理想的 经常用于电子商务交易, 60%的荷兰消费者在最近的购买中使用过它. 服装零售商 苏格兰威士忌 & 苏打水 允许买家用理想的和贝宝结账.

电子商务支付方式

订单确认

购买后显示详细的订单确认

一旦客户完成购买, 给他们确认,包括成功的付款处理和送货细节,如地址, 交货方法, 预计交货日期.

这个概念 亚马逊的一封确认邮件显示了订单号, 给出已购买物品的概述, 并提供发货日期和对未来购买的一些建议.

电子商务ux订单确认

发送订单和航运更新通过电子邮件

除了确认屏幕, 发送确认电子邮件有助于让用户了解他们的购买状态. 而所有客户应收到电子邮件确认, 当用户以客人身份退房,并且在网站上没有账户来查看他们过去的订单时,这一点尤其有用.

如果订单有任何变化,比如交货延迟,发送更新. 一旦物品发货,发送一个电子邮件与跟踪号码更新.

Summary

本文中的原则提供了用户旅程接触点的基线 电子商务设计师 应该跟进,但这只是个开始. 有关移动电子商务用户体验的更多细节,请访问 移动体验的电子商务 或者阅读更多关于登陆页设计的内容 如何设计有效的登陆页.

不断增长的电子商务市场为零售商提供了许多机会. 那些认识到用户体验的重要性并遵循电子商务用户旅程最佳实践的人可以保持竞争力,并积极影响他们的底线.

了解基本知识

  • 什么是电子商务零售商?

    电子商务零售商是在线商店,它为顾客提供了通过网站浏览和购买商品的功能.

  • 电子商务网站的好处是什么?

    随着网上购物的增加和预计的增长, 遵循关键电子商务用户体验设计原则的零售商可以利用巨大的市场增长.

  • 什么是网站上的行动号召?

    电子商务网站的行动召唤有助于引导买家完成购物过程. 它们通常显示为按钮.

聘请Toptal这方面的专家.
现在雇佣
斯坦Prysiazhniuk的头像
斯坦Prysiazhniuk

位于 荷兰海牙

成员自 2017年7月19日

作者简介

Stan是一位专门从事电子商务的UX/UI顾问. 他的最终目标是为客户提供具体的投资回报率.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

工作经验

9

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.