黄岩公司网站建设：网页设计可用性技巧计费形式

2019.08.22 黄岩公司网站建设

每个电子商务网站都有自己的检验流程移动用户的购物车最终购买。这基于不同用户购买和他们的意图,但最终付款总是最难的。

你的计费领域需要真正让游客参与并鼓励他们完成结帐过程。我想分享一些可用性技巧你可以跟着提高计费形式设计和增加用户结账转换。

明确的意图

你的目标是鼓励用户购买的设计形式。所以你要使这一过程尽可能简单,特别是在计费阶段资金。

没有单一的方法来阐明整个计费形式。你只需要保持清晰和简洁的每个字段,不要让用户感到困惑或不确定查看他们的决定。

这里有一些技巧你应该记住,工作得很好:

更大的字体

标签而不是占位符(或两者)

额外的填充字段之间

自定义 tabindex 更容易导航

还在需要的地方添加大量的图标展示视觉效果。的无线的结帐页面提供了一个很好的例子。

信用卡图标使其清楚用户是选择一种支付方式。图标也是一样低的场澄清CVV数字的位置。

在线HTML电子邮件模板编辑器

与明信片你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。现在试一试免费!

了解更多其他产品

尽你的力量,黄岩公司网站建设让用户知道他们在做什么在每个阶段的计费形式。不应该有模棱两可的条款,没有不清楚方向,大量的工具提示/图标来回答任何问题。

自定义输入间隔

一些数据需要一定的文本格式(如电话号码和信用卡。这个间距可以动态生成的动态使用JavaScript和这是一个最好的技术可以添加到你的网站。

自定义空间让用户知道他们在正确的轨道上,当填写表单字段。

你可以在邮政编码表单自动到下一个字段标签一旦用户输入正确的邮政编码的位数。相同的电话号码,您可以在auto-style数字匹配一个电话号码。你可以看到这个在eBay的结帐形式。

但最有用的是信用卡的四位间距的格式。信用卡号码很长,他们容易搞砸了。一个不正确的CC也意味着订单数量将完全适得其反。

这个习俗CC间距计费领域中使它更容易为客户进入他们的数字和仔细检查,他们是正确的。你可以找到一个很好的例子健身检出屏幕其中还包括错误消息,当你有一个无效的条目。

有大量的免费插件可以使用创建自动格式化文本。大多数运行在jQuery但你也可以找到一些香草JS的解决方案。

我发现这是最好的方法:

Card.js

Creditly.js

jQuery卡格式化程序

简化操作

有些付款形式超过别人,所以每个网站的过程总感觉不同。这可以迷惑许多游客,它是电子商务的一个原因停滞很久了在2000年代早期。

但是不管你的周围形成的长度有两种方法来设计:

较小的形式应该尽量保持在一个页面上的一切简单

较大的计费形式应与面包屑进入步骤

例如,较小的计费形式SEMrush棒极了。很快,易于阅读和所有你需要知道的是在页面上清晰可见。

但是我不介意再结帐过程只要面包屑。这些提供了一个清晰的指示用户走到多远结帐过程完成之前,他们有多久。

这种信心使人更容易提交账单形式在每一个步骤。如果他们不知道结帐过程结束时他们可能会感到困惑,焦虑,或只是生气和离开。

面包屑是巨大的,我绝对推荐添加更大的计费形式。的摆动付款使用明确每个表单页面顶部的面包屑。

小的和大的计费形式不同不同的技术可以很好地工作。都愿意尝试!

运行一些 A / B对比测试 ,看看哪风格表现更好。你可能会惊讶于结果。

回顾购买

一旦用户输入他们的计费信息很难达到最后的“提交”按钮。犹豫是转换的死亡。

你亦由采购订单给客户最后一个平和的心态。他们可以看到所有的项目他们采购的总费用(+处理),甚至如果适用的交货日期。

GitHub的职业升级计费领域分享购买所有在一个页面上。澄清多久你会宣传,最终的费用是什么,当你可以期待下一个费用。大多数字段填写你的资料如果你有一个帐户这一过程非常快。

另一个例子是亚马逊的母亲所有的电子商务商店。

一旦你输入所有细节如送货地址和付款信息,最后一个屏幕分享整个以确保你真正了解你的采购。

这减少了错误的项目,帮助客户回报有信心当他们按“购买”按钮。

说订单会损伤较小的计费形式。但只是公开透明的与客户和分享尽可能多的细节。

结束

站点的计费形式是唯一站在潜在客户和客户支付。这就是为什么形式优化如此重要的原因。

黄岩公司网站建设希望这些趋势可以帮助你工艺可用并鼓励计费形式会带来更多的收入来你的店铺和你所有的客户。优化是一个持续的过程,但如果你经常测试新想法你永远是竞争中的领先地位。

黄岩公司网站建设：网页设计可用性技巧计费形式

明确的意图

自定义输入间隔

简化操作

回顾购买

相关推荐