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

弥迦书鲍尔斯

Micah通过品牌、插图和设计帮助企业建立有意义的联系.

分享

电子商务销售额持续增长. 移动设备占电子商务流量的大部分, 然而,桌面网站的购物车放弃率较低,平均购买价值较高. 移动电子商务是未来, 但如果设计师希望在当前实现利润最大化, 他们必须用电子商务用户体验最佳实践来增强桌面站点.

潜力是惊人的. 年复一年,电子商务的收益节节攀升. 线下销售仍然占零售收入的大部分, 但电子商务的上升趋势是不可否认的. 今年,美国电子商务零售商的销售额达到了10%.S. 是 预计 为了达到8400亿美元的销售额,他们预计要到2022年才能达到这一水平.

电子商务占美国零售业总收入的21%.S. in 2020.

在这些辉煌的统计数据中,人们纷纷宣称,电子商务的未来将由移动设备主导——而且理由很充分. 移动设备产生的数据最多 交通 和零售 收入 在世界范围内. 不幸的是, 手机网站无法满足两个关键指标:与桌面网站相比,手机网站的购物车放弃率更高,平均购买价值更低.

桌面电子商务网站的购物车放弃率低于移动网站.

电子商务的命运是移动的吗? 毫无疑问. 利用电子商务用户体验最佳实践优化桌面网站是否有可观的收益? 绝对.

四页纸的电子商务体验

在桌面, 几乎所有的电子商务网站都依靠类似的页面序列来引导购物者完成销售过程.

  • 整洁的 主页 具有不可抗拒的价值主张
  • 组织良好的 分类页 很容易操作
  • 抛光 产品页面 它结合了社会认同和引人注目的内容
  • 简单的 结帐页面 这表明了进步,让购物者感到安全

桌面电子商务UX设计模式由四个主要页面组成:一个主页, 分类页面, 产品页面, 结帐页面.

布局, 内容, 每个页面的导航都是为了帮助购物者找到他们想要的信息,同时引导他们更接近购买. 所有四个页面必须协同工作以创建无缝的电子商务 经历 消费者的欲望. 这一切都从主页开始.

整洁的主页

1. 使产品价值立即显现

主页是第一印象. 购物者必须能够迅速确定产品的价值. 不要在主页上喋喋不休地谈论技术特性. 帮助消费者设想产品将如何解决他们的问题并改善他们的生活 要做的工作 框架是一个有用的起点).

文案要简洁扼要. 使用图片说明产品的好处. 如果购物者必须阅读很多, 经常滚动, 或者观看冗长的解说视频来理解价值, 那么价值就不会立即显现出来.

文本和图像必须使价值主张明显.

2. 支持从任何地方搜索

只出售少数商品的电子商务网站可能不需要搜索栏, 但随着供品的增加, 搜索成为顾客根据自己的需求找到产品的重要方式 心智模式. 粘性搜索栏确保搜索在每个页面的任何地方都可用,但是 最好从结帐页面中删除搜索 为了转换.

在拥有多个产品类别的电子商务网站上包含一个粘性搜索栏.

3. 给产品起一个对消费者有意义的名字

产品名称在内部有意义可能会让购物者感到困惑. 提供决策背景. 基于型号或底层技术的名称有疏远外行的风险. 同样的道理也适用于过于可爱或有创意的游戏. 从消费者的角度选择能显示效用或价值的产品名称.

写出对购物者有意义的电子商务产品名称.

4. 突出优惠和促销

购物者带着特定的商品来到电子商务网站. 当交易和促销活动融入主页时,它们会被忽视. Call out处理明亮的颜色、粗体文字和整页的照片.

如果销售是次要的, 它应该引人注目,但不应该与主页的主要价值主张相竞争. 如果促销是购物者最需要知道的事情,那就把它放在聚光灯下.

销售和交易应该在电子商务主页上突出.

组织良好的分类页面

1. 电网中的现有产品

桌面屏幕提供的空间对于产品网格来说是完美的. 网格对齐 f模式 扫描并使购物者能够快速比较多种产品. 它们对那些易于用图片解释的项目尤其有效. 为了最大限度地发挥网格的优势,请尽量将每行的项数保持在2到4之间. 在五个或更多的产品中,网格变得非常重要 困难 扫描.

奖金: 列表视图确实有效,但它们最适合需要更详细解释的产品.

为了获得最佳的电子商务用户体验,请将产品安排在桌面站点的网格视图中.

2. 确保轻松导航

导航需要是直观的. 购物者不应该在类别页面之间切换或启用产品过滤器. 在一个类别中有大量产品的网站应该使用左列导航,以允许购物者根据不同的属性对产品进行分类(分面搜索)。.

类别页面导航必须是直观和整洁的,以获得最佳的电子商务体验.

3. 展示畅销书

用独特的图标标记最畅销的物品,或者把它们放在最畅销的部分. 为什么? 畅销书是一种社会证明. 当人们不确定的时候,他们会看别人的行为来决定自己的行为. 对于新顾客来说尤其如此.

类似的原则也适用于最近推出的产品. Showcasing new 和 improved items is more than just a one-time sales tactic; it’s a way to entice shoppers to return for updates in the future.

在电子商务产品页面上向顾客展示最畅销的商品和新到货的商品.

精心制作的产品页面

1. 用社会证明引诱

社会认同灌输 信任 在顾客. 评级和评论对购买决策有深远的影响, 但是桌面网站也有足够的空间来处理其他形式的社会认同:

  • 客户拍摄的产品照片
  • 名人和网红代言
  • 专家名言
  • 来自独立审查站点的批准徽章

社会认同的目标是帮助购物者觉得他们做出了明智的决定,与其他人的积极经历保持一致.

社会认同是一种有说服力的电子商务销售策略.

2. 用文字和图像来展示美好的生活

电子商务的内容应该是信息性的, 但说服并不仅仅是事实和功能列表. 使用文字和图像来帮助购物者想象结账后等待他们的美好生活.

在这里,桌面大小也是一个优势. 没有理由不使用巨大的照片和视频,或者从多个角度展示产品. 复制也是如此. 不要犹豫,让标题变大,并用大量的空白包围文本块.

电子商务用户体验最佳实践:产品页面副本和图像应该阐明价值.

如果购物者对他们在产品页面上看到的东西不满意, 他们不应该回到分类页面去寻找其他选项. 而不是, 向他们展示类似价格的替代产品,或者更贵但功能更好的选择, 评论, 或者品牌认知度.

也可以建议相关的项目来补充产品页面. 买鞋? 为什么不买鞋带和足弓支架呢? 为了减少摩擦,确保相关物品有一个“添加到购物车”选项.

通过增加销售和交叉销售,在电子商务产品页面上赚取更多收入.

4. 设计大而大胆的“添加到购物车”按钮

当涉及到产品页面时,“添加到购物车”按钮必须突出. 让它们大一些,高对比度,容易点击. 克制自己想要机智的冲动,写出明确的、以行动为导向的号召性文字.

购物者在向购物车中添加商品时必须收到视觉反馈. 许多桌面网站通过购物车摘要覆盖来实现这一点,这些内容可以从屏幕的一侧瞬间滑动进来(这是一种允许购物者过渡到结帐或继续浏览的创造性方式)。.

“添加到购物车”按钮应该很容易找到并点击,以获得最佳的电子商务体验.

简单的结帐页面

1. 显示购物者结账进度

电子商务消费者 花大量的时间和精力在网上寻找产品. 当他们准备购买时,他们需要保证这个过程的结束就在眼前. 进度条是一种简单的方式,可以显示购物者在每个结账阶段所处的位置.

为了最好的结账用户体验, 结账进度条让购物者知道他们离终点还有多远.

2. 接受多种付款方式

当购物者到达支付网关时,便利性和安全性是他们最关心的问题, 这也是人们放弃购物车的两个主要原因. 幸运的是,网上有越来越多的人 付款方式 这可以减轻安全方面的担忧,加快结账速度. 与输入信用卡信息相比,由值得信赖的公司(如亚马逊和苹果)支持的第三方支付选项可能对购物者更有吸引力.

同样值得考虑的还有“先买后付”(BNPL)之类的选择 贝宝信贷Klarna. BNPL是一种销售点信用的形式,允许客户在收到商品后一段时间内付款.

接受多种付款形式,使电子商务结帐更容易.

3. 考虑客人结账

客人结账可能并不适合所有的电子商务零售商, 尤其是那些以创造客户账户为商业策略的公司. 然而,它被证明可以加速结帐,防止帐户创建疲劳,并且 减少弃车.

另一种选择是要求通过电子邮件确认订单, 然后跟进运输和交付信息的交易.

为了获得最佳的结帐用户体验,提供客人结帐以减少购物车放弃.

4. 提供清晰的订单摘要

这个是必须的. 向顾客提供简明的订单摘要,包括:

  • 产品详情及数量
  • 所有费用的细目
  • 运输和账单信息

展示产品图片也很聪明, 但要确保属性符合客户的选择(颜色), 大小, 完成, 等.).

为了确保卓越的电子商务用户体验,订单摘要是必须的.

5. 提高信任与安全徽章和客户支持

通过展示给顾客信心 安全徽章 第三方的支持. 结帐是一个提醒购物者经过验证的排名和评论的好地方.

附近的, 包括诸如聊天机器人之类的支持功能, 退货政策, 常见问题解答链接, 以及客户支持热线. 购物者可能不会在结账时使用这些资源,但知道它们的存在,他们会心安理得.

安全徽章和经过验证的评论增加了购物者的信任.

遵守电子商务用户体验最佳实践

购物是有触觉的. 一个物体的重量,它的角度和边缘,它的合适性和触感——这些都很重要. 在不存在的情况下,熟悉度和显示尺寸是至关重要的. Desktop提供了这两种功能. 这是一个舒适的范例,屏幕是宽敞的, 导航很简单, 图像和视频更贴近生活.

移动零售是一个相对较新的领域. 还有一些问题需要解决,但这仍然是网上购物的未来. 在那之前, 设计师 利用电子商务用户体验最佳实践优化桌面网站是否明智.


让我们知道你的想法! 请在下面留下你的想法、评论和反馈.

了解基本知识

  • 电子商务网站如何改善用户体验?

    网站可以通过优化主页、类别、产品和结帐页面来改善电子商务用户体验. 电子商务用户体验最佳实践建立信任并帮助购物者做出明智的决定. 例如, 图片网格比分类页面上的列表效果更好, 而且,如果没有订单摘要,大多数购物者不会完成结账.

  • 什么是用户体验最佳实践?

    用户体验设计是基于以用户为中心的设计方法. 以用户为中心的设计建立在一系列设计方法和最佳实践的基础上,这些方法和实践可以帮助用户实现目标. 最终, 这些方法使设计师能够创造符合用户期望的直观体验.

  • 什么是电子商务中的用户体验?

    电子商务用户体验是为在线销售产品的网站设计的. 成功的电子商务用户体验设计提供直观的购物体验, 采用最佳实践, 为企业提供竞争优势, 并扩大品牌的影响力和吸引力.

  • 什么是好的电子商务体验?

    高质量的电子商务体验具有相似的属性:直观的布局, 引人注目的文案, 以及说明性的视觉效果. 电子商务页面应该明确价值主张,并为购物者提供轻松购物所需的信息和导航组件.

  • 什么是电子商务设计?

    电子商务设计有几个方面. 品牌, 视觉, UI, 文案, 和电子商务用户体验必须协同工作,以突出产品价值并激励购物者进行购买. 成功的电子商务网站是迭代的, 这意味着所有的设计元素都在不断地被测量和改进.

聘请Toptal这方面的专家.
现在雇佣
迈卡·鲍尔斯的头像
弥迦书鲍尔斯

位于 温哥华,华盛顿州,美国

成员自 2016年1月3日

作者简介

Micah通过品牌、插图和设计帮助企业建立有意义的联系.

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

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

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

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

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

Toptal设计师

加入总冠军® 社区.