恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
信用卡支付表单的用户体验设计
0.0°
2014-12-19 自译外文 经验/观点 原作者: Armen Ghazarian 举报 4040 5 6 0

关于表单的用户体验设计

       人们都喜欢购物,但是到了刷卡结账的时候,你可能就不那么爱它了。这无疑是购物过程中最让人不爽的一部分了。而且,当支付形式的用户体验很差时,客户会非常痛苦,并且也有可能导致最终交易失败

       因此,支付表单的用户体验非常重要,它贯穿始终,稍有不慎就会造成用户中断支付。有些时候,一个简单的表单描述文字都至关重要,这就是测试并且分析支付表单的可用性和规则性的重要之处。

       在时下比较流行的PayPal和Bitcoin上有很多的付款方式可供选择,但是这些付款方式通常都有他们各自的设计。举个例子,如果你选择通过PayPal支付,用户会转到PayPal页面去填写他们账户的细节,再重新回到你的网页。这种体验很糟糕。因此,拥有自己的支付形式是很有必要的。

       设计一个自己的支付形式,你需要控制整个设计的过程和所有的体验。最大的挑战就是你的网站必须是安全和可信的(并且你不能怪罪是PalPay糟糕的用户体验而导致交易失败)这是巨大的责任。因此,当你决定重新设计支付表单了,你就必须让整个过程变得更易用,否则设计它就没有意义了不是吗?

怎样设计一个可用的支付形式?

       如果你已经准备好了,我建议你先去做一些前期用户调研测试,去理解是什么让用户在付款前离开。它能帮助你优化你的表单,这一点对于你的顾客来说很重要。

       其实,在你设计一个可用的支付形式时有很多事都是你必须去考虑的。

最低要求

       你需要研究并确定在支付过程中所需的最少信息,其他的一切都应该被删掉。更少的信息不仅会让用户犯更少的错,还会节约用户更多的时间,这些都会让用户感到高兴。

       比如,有些线上支付形式让用户填写持卡人的名字,有些则不用。其实,持卡人的名字通常都是不需要的。如果你的调研支持这个观点,就把这一项删掉吧。

        花一些时间检查支付过程中的规则和要求,确保你的表单不仅可用而且合法。

做好功课

       好的用户体验是:对用户来说一切变得更简单、容易、迅速。所以,尽你所能的去减少支付过程中多余的步骤,并且去帮助用户填写表单。

       第一点,去掉“信用卡类型”这一项。虽然有很多网站仍然让用户填写信用卡类型,但这确实是这些信息中额外的步骤。你知道吗,其实信用卡前面的数字就可以简单并且准确的告诉你信用卡的类型,

       第二点,使用自动数据验证功能让支付形式更加友好,不要等到用户点了提交按钮之后才告诉他信用卡账号不存在,这是很糟糕的设计。在这一点上moz.com是个很好的例子

保持设计的清晰和明确

       信用卡付款的表单无疑是整个结账过程中最重要的一部分了,用户会为了安全从而对它集中注意力,不会错过任何提示。尝试着去减少一些杂乱的页面,让它变的清晰直接。突出重要细节,比如:一个月免费试用、保证100%返现。将线上支付的形式趋向于更严肃以让用户感觉更安全。

让你的表单显而易见

       如果你认为支付的标注已经足够多,理解网页中的表单绰绰有余,请三思!其实,标注是很有必要的,足够多的标签才是好用的支付表单。一个表单输入框下简短的提示文字能有效的防止用户犯错并且提高用户体验。不要害怕标签太明显,放心的去增加任何可以帮助用户完成表单的提示吧(例如:填写信用卡号时请不要使用破折号和空格)

让你的表单值得信赖

       在做这些以前,你要确保在你的网站上存放信用卡信息是安全的,安装有必要的安全证书,保证用户的数据不会被用在不好的地方或者丢失。因为,没有什么比用户的信任更重要。当你已经做好了所有的安全准备,那就告诉用户,让他觉得在你的网站上很安全。你可以做一个安全证明的标记甚至告诉他们“你很安全”就像UXPin一样

最后的思考

       网页表单的可用性是需要你持续密切关注的。它可能是是网页中最被挑剔的部分,也是用户最容易感到沮丧的部分。但这也是你把用户变成客户的唯一机会,因此不要停下提升网页表单的脚步。我所说并不止是PC上的,更重要的还有做移动端的支付表单的优化。有一些人做的很好并且创造了很棒的移动支付表单。

       这是我最喜欢的单个输入的支付表单,是由LukeWroblewski设计,并且被用在了www.bradfrostweb.com

       用户仅在一个表单里输入所有的信用卡数字(卡号,有效期,验证码)这对于提升移动支付表单的用户体验来说简直就是一个天才的方法

       保持创新思考,别出心裁的收集用户数据!

更新:2014-12-19

收藏

5人已收藏

KileanChen

有想法不甘现状的美工

  • 5

    作品

  • 24

    粉丝

  • 10

    关注

  • 那可真蠢系列之蜀国势力!
  • 城市地标设计
  • 设计准则:视觉的重量和方向
  • 有用的设计  才是好设计

    猜你喜欢

      2014-12-19 自译外文 经验/观点 原作者: Armen Ghazarian 举报 4040 5 6 0

      信用卡支付表单的用户体验设计

      0.0°

      你确定要举报信用卡支付表单的用户体验设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年12月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录