崇文网站开发:用户体验和信用卡付款表格

2019.08.16 mf_web

168

每个人都喜欢购物,直到你结账并不得不刷信用卡。这不是购物中最愉快的部分,是吗?当您添加付款表单的痛苦用户体验时,您将获得一个心疼的客户或最终无法转换的用户。

良好的信用卡支付形式的重要性是巨大的。有一个完整的过程导致这最后一步,你只能负担不起在付款前失去用户。有时单个表单字段描述可以改变游戏规则,这就是为什么定期测试和分析结帐表单的可用性很重要的原因。崇文网站开发

信用卡付款表格

从流行的PayPal到比特币支付有很多支付选项。有很多选择,但通常这些付款方式都有自己的设计,几乎不可能改变。例如,如果您选择通过PayPal接受付款,则用户将被重定向到PayPal,在那里他们需要填写帐户详细信息,付款并重定向回您的网站。不是最佳体验,因此拥有自己的信用卡付款表格变得绝对必要。

设计您自己的付款表单将让您掌控设计流程和整体体验。最大的挑战是能够证明您的网站安全可靠。(并且你将无法将PayPal归咎于糟糕的用户体验和失败的转换。)这是一项巨大的责任,所以如果你决定采用它,你必须让整个过程对你的用户更有用,否则它会赢得'有道理。

您如何设计可用的付款表格?

如果您已经有一个,我建议您进行一些用户测试并直接与您的用户交谈,以了解可能阻碍他们购买的一些主要问题。这可以帮助您优化表格,特别是为您的客户。

但是,在设计信用卡付款表单时,您需要考虑许多事项以获得最大可用性。

只需要最低限度

您需要研究并确定处理付款所需的最少信息。除此之外的任何东西都应该被淘汰。您需要的信息越少,用户犯错的可能性就越小,花费的时间就越少,客户就会越快乐。

例如,某些在线支付表格要求您提交持卡人的姓名,有些则不需要。处理付款时,通常不会使用卡上的名称。因此,如果您的研究支持此声明,那么您可以立即消除该字段。

花一些时间查看当地有关在线支付处理的规定和要求,并确保您的表格不仅可用而且合法。

Mailchimp

做你的作业

良好的用户体验就是让用户更轻松,更顺畅,更快捷。尽你所能减少信用卡付款流程中的额外步骤,并尽可能填写表格而不是用户。

首先,删除“信用卡类型”字段。虽然大多数主要网站仍然在付款表单中使用此字段,但输入此信息是一个额外的步骤。您知道信用卡号码的第一位数字可以准确地告诉您这种卡的类型是什么吗?就这么简单。

您可以做的另一件事是使信用卡形式更加用户友好,以防止自动数据验证可能出现的错误。不要等待用户点击“提交”告诉他信用卡号码不存在。那可用性差。Moz.com就是一个很好的例子。

莫兹

保持设计清晰,重点突出

信用卡支付表格无疑是结账表格中最重要的部分,用户试图更加专注,不会错过任何不安全感。尽量减少此页面的混乱,使其变得简单透明。突出显示重要细节,例如“1个月免费试用”或“100%退款保证”。在线支付表格往往看起来和感觉相当严重,以加强安全感。

显而易见

如果您认为数据标签对于易于理解的Web表单来说已经足够了,请三思而后行。标签是必要的,但对于可用的形式来说根本不够。在该字段下方的简短而简单的指令可以在错误预防和用户体验方面产生重大影响。不要害怕听起来太明显,继续添加任何提示,可以帮助用户更轻松,更快地填写信息。(例如,请填写信用卡号,不要有破折号或空格。)

Apple信用卡表格

值得用户信赖

在此之前,您需要确保在您的网站上收集和存储信用卡信息是安全的。在您的服务器上安装所有必要的安全证书,以确保敏感用户数据不会被用于恶意目的或不会丢失,因为没有什么比用户的信任更重要了。当您采取所有安全措施时,请将其指出给用户,让他在您的网站上感到安全。您可以使用安全证书徽章,甚至告诉他们“您是安全的”,就像UXPin一样。

UXPin

最后的想法

Web表单可用性是您始终需要关注的内容。它可能是网站中最容易受到攻击的部分之一,用户最容易感到沮丧。但这也是您将常规网站访问者转变为客户的唯一机会,因此永远不要停止改进您的网络表单。我不是只谈论桌面。拥有一个移动优化的在线结账表格更为重要,有些人已经做了很好的工作来创建适合移动设备的支付表格。

我最喜欢的一个是由Luke Wroblewski首次提供并由www.bradfrostweb.com精心实施  的单字段信用卡输入表格。

简单的信用卡

用户在一个字段中输入所有数字信用卡信息(卡号,有效期,cvv),借助简单的数字键盘一个接一个地输入。这是一种改善付款方式移动用户体验的天才方式。

因此,我们的想法是尝试开箱即用。收集用户数据,不要害怕与众不同。

崇文网站开发

最新案例

联系电话 400-6065-301

留言