移动优化:如何以十一步改进您的结帐页面

已发表: 2020-12-16

您知道40%的在线交易是使用移动设备完成的吗? 尽管转化率仍落后于台式机,但移动设备购买量仍在不断增长。

如果您是网上商店的老板,则必须优化您的移动结帐流程,否则您将失去客户。

有关移动购物的数据说明了什么?

数据如何说明移动购物

  • 根据美国61%的受访者的调查,良好的移动体验可以提高品牌的知名度。
  • 糟糕的移动体验后,有52%的消费者推迟了业务。
  • 在对您的移动网站的不良体验之后,有40%的消费者会选择您的竞争对手。
  • 页面慢会导致97%的移动购物车被放弃。

出色的移动购物体验至关重要。 以上数据证明了这一点。 在网站运行缓慢且未针对移动设备进行优化的网站上,很容易失去客户。

如何优化转换的结帐流程

还有更多。 尽管在过去七年中,移动流量增长了222%,但桌面转换率仍高于移动设备。

我们可以得出结论,人们越来越多地使用他们的移动设备,但他们仍然更喜欢在台式机上购买。

消费者不喜欢从他们的移动设备中退房。 他们可能浏览产品或将产品添加到愿望清单,以便以后可以从台式机购买产品。

因此,在本文中,我们提供了11个步骤来说明如何改善移动设备上的结帐页面并提高移动设备转化率。

1.设计简易的移动导航

移动导航与桌面导航不同。 设计移动界面时,请注意人们会用拇指。

您是否知道用户实际上拥有手机的六种方式:

用户握住手机的方式实际上有六种

资料来源:Uxplanet

研究表明,有75%的人用拇指触摸屏幕。 只有不到50%的人单手握住手机。

诸如号召性用语按钮等最重要的项目应位于客户的舒适区域内,并且易于点击。

号召性用语按钮应位于客户的舒适区域内

资料来源:丝芙兰

让我们快速检查一下上面的屏幕截图中的可见元素:

  • 登录到您的帐户
  • 购物篮图标
  • 显示产品
  • 添加到愿望清单图标
  • 可见号召性用语按钮

结帐似乎非常容易,您无需搜索购物篮或已保存的产品。

将产品添加到愿望清单是移动购物体验的一项重要功能,下面我们来看看为什么。

2.将“以后保存”功能添加到购物车

“以后保存”或“添加到愿望清单”功能可以减少购物车放弃的次数,并使购物者可以保存要稍后购买的物品。 它还允许客户在需要时离开网站,当他们返回时,将保存所需的产品。

这样,购物者就不会浪费时间再次搜索所需的产品,并且可以根据需要进行结帐。

一个专业的技巧是向客户发送提醒电子邮件,并让他们知道他们保存了产品。 您甚至可以说出要保留他们产品的时间,从而产生一种紧迫感。

3.确保您拥有清晰可见的“添加到购物车” CTA按钮

最重要的元素之一是号召性用语按钮。 您需要以一种可见,吸引人的方式设计它,并使您的客人转换。

想象一个喜欢某种产品并想要购买但找不到号召性用语按钮的客户。 您负担不起,尤其是考虑到移动转化率已经很低的事实。

移动设计的基本原则是使号召性用语变大。 用户必须能够使用手指或拇指轻松地敲击他们。 这与桌面上的小型号召性用语相反,您可以在其中用鼠标单击它们。

使号召性用语大

资料来源:奥修

4.通过提供来宾结帐来加快结帐流程

让客户创建帐户可能是真正的障碍。 实际上,这是放弃购物车的第二个原因。 研究表明,有28%的顾客离开购物车是因为该网站没有为那些不想注册的人提供客人退房选项。
为了降低购物车放弃率,请选择一种不要求购物者先注册的简单,快速的结帐流程。 访客结帐快捷方便。

通过提供来宾结帐来加快结帐流程

资料来源:Levi's

登录需要更多的承诺并共享个人信息。 并非所有人都对此感到满意,尤其是如果客户想要一次性购买。

5.分解结帐流程并添加进度栏

购物者点击“立即购买”按钮后,您可以向他们显示过程需要多长时间。

让我们假装客户在旅途中并且需要快速购买生日礼物。 他们已将商品添加到购物篮并移至结帐处。 但是他们不知道这个过程要花多长时间。 而且如果他们很着急,他们可能会把购买的商品留待以后再用,但是再也不会回来。

您的客户不会发生这种情况,因为您将失去他们。 21%的购物车遗弃是由于流程时间过长和复杂。

为了避免这种情况,您可以实施进度指示器,该指示器将使客户知道他们所处的结帐流程处于哪个阶段。

分为四个步骤

您可以将其分为四个步骤:

  1. 交货
  2. 付款
  3. 确认书

使您的移动策略正常运行的事情

6.通过引入自动填充功能节省客户的时间

在移动销售的世界中,一切都需要快速发生。 用户不会花时间等待页面加载,也不会用不必要的字段填写无休止的结帐表格。 通过为姓名,地址或电子邮件添加自动填充选项,可以使客户的生活更轻松。

如何加快结帐流程:

  • 引入自动填充
  • 将输入字段减少到最少
  • 索取最基本的信息,没有不必要的细节
  • 自动为新注册生成密码
  • 提供地址查找器或地图,以便客户可以快速添加其地址
  • 用星号清楚地指出每个必填字段
  • 使用送货地址作为帐单地址
加快结帐流程

资料来源:丝芙兰

7.使用自动建议和错误显示

自动建议的主要目的是使用户更轻松快捷地填写表格。 地址协助和自动填充功能不仅可以节省时间,还可以减少错误。

通过在字段周围添加红色边框使错误消息突出,您将使结帐更加轻松快捷。 这样,用户将立即看到它并更正错误。 如果购物者错过必填字段,则可以立即显示该消息,并向用户确切说明问题出在哪里。

使用自动建议和错误显示

资料来源:阿迪达斯

8.在“签出”页面上添加电话号码或客户服务图标

设置可点击的电话号码,以便客户在遇到紧急问题时可以拨打电话。 在线购物正在增长,但仍有一些客户对在网上购买仍持谨慎态度。

电话号码不仅可以缓解客户的焦虑,还可以让他们询问是否发生了最后的问题。

添加电话号码或客户服务图标

资料来源:疯狂蛋

对于喜欢聊天的客户,您可以在屏幕的右下方显示聊天图标。

Adidas会在整个结帐过程中显示该图标,您可以随时点击它。

在整个结帐过程中显示图标

9.显示订单摘要

大量放弃购物车的主要原因是额外的费用,例如运费,税金或费用。 为避免这种情况,您应清楚显示订单的最终费用。 这将为您的客户消除任何不必要的意外。

客户在结帐过程中还需要看什么?

  • 产品照片
  • 产品名称
  • 价格包括附加税和运费
  • 选择检查预计交货日期
  • 清晰的号召性用语按钮
  • 邮寄地址

您还需要让用户控制购物车活动。 这意味着您的客户应该能够轻松地对其订单进行更改,例如更新数量,切换和移除产品或编辑地址。

成功的移动网络货币化的三个方面

10.提供不同的付款方式并使流程更快

移动支付可能是一场噩梦。 想象自己尝试添加您的信用卡详细信息,然后发生错误,然后您需要重新进行一次。 这非常令人沮丧,并且可能使人们离开购物车。

提供不同的付款方式

资料来源:阿迪达斯

为了使过程顺利进行:

  • 提供不同的付款方式,例如PayPal,Stripe,Apple Pay,Stripe,Visa Checkout等。
  • 在“已保存的卡”部分中显示以前使用过的卡,以便用户可以选择卡并仅添加CVV代码。

不要忘记通过显示安全验证徽章来增强客户信心并建立信任。 您的网站应具有有效的SSL证书,以便客户相信自己的数据受到保护。

进行移动WordPress SEO审核的4个步骤

11.显示购买确认

购买后,您需要立即显示购买确认。 您可以创建一个页面,以确认订单已成功完成。 另外,您需要发送包含购买信息的确认电子邮件。

您应该包括哪些信息:

  • 客户服务号码或客户需要的链接
  • 提供付款确认,确认成功
  • 显示购买明细:产品,数量,总价
  • 配送信息
  • CTA按钮(如有必要)以及客户需要遵循的后续步骤

重新思考移动时代的CMS

包起来

一个简单的移动结帐流程至关重要。 人们仍然对通过移动设备在线购买保持警惕。 这就是为什么您应该使过程尽可能简单。

通过证明您的网站是安全的并且证明您保护客户的数据来证明他们可以信任您的客户。 为他们创造出色的移动体验,让他们可以从您的商店再次购买。