一气呵成、很难犯错-QQ绑卡的交互体验

作者: 蟠龙_数说产品 | 来源:发表于2016-02-17 23:26 被阅读110次

因为好奇,体验手Q红包功能时,偶然发现“绑卡”分支流程设计得极为惊艳。它山之石可以攻玉,保留下来。

qq红包的绑卡入口

需要的6个信息项如下:

1、银行卡号
2、姓名
3、证件类型及证件号
4、手机号
5、手机验证码
6、支付密码

1-4项为了验明正身,5有时间差,6是额外的安全设置,所以划分为三个页面是合理的。

输入卡号

1-4项全摆出来可能会吓到用户,所以先拿一项让用户热身,把最有可能输入不成功的信息放在前面

输入卡号-智能识别开户行

智能提醒让用户减少了输入长串数字时的焦虑,软件还这么智能有种小惊喜

输入身份验证信息1

卡号输入足位后,2-4项自然浮现在页面底部,焦点自动放到姓名栏。

输入身份验证信息2

证件号输入足位后,焦点自动跳转手机号码;手动点击本页的下一步,进入短信验证码输入页;

验证手机

此时未输入任何信息,“下一步”不能点;

验证码短信

验证码直接出现在短信头部,哇,简直太贴心了。就好像是我张开嘴就有人喂我吃葡萄一样;

输入验证码

验证码输入足位,此时下一步按钮变为可点击状态;明示我下一步该点这个按钮了。

设置手机支付密码-首次

第一次输入6位支付密码后,无需按任何按钮,直接进入重复输入确认的页面,此时一个明显的“下一步”按钮赫然在目。

此时全部搞定:)省掉了每一次用户多余的点击操作,将使用成本降至最低!

有一个问题:为什么不把支付密码做成明文,省掉二次确认支付密码这一步,做到极致呢?这是考虑了哪种场景呢,谁能回答?

相关文章

  • 一气呵成、很难犯错-QQ绑卡的交互体验

    因为好奇,体验手Q红包功能时,偶然发现“绑卡”分支流程设计得极为惊艳。它山之石可以攻玉,保留下来。 需要的6个信息...

  • 绑卡送优惠券的提示条的交互设计说明

    绑卡送优惠券的提示条的交互设计说明而交互设计师在工作中,还会使用一些其他可能的方式来达成体验原则,比如下图中的表格...

  • UIWebview JS与OC注入、模拟按钮自动点击

    因工作原因,最近要用到x联的绑卡界面,但发现x联的绑卡界面属于网页,用户体验太差,为了干掉网页高度设置0,实现Ap...

  • 2019-03-01

    宝付绑卡确认绑定卡接口 ================= 绑卡接口地址:url:http://loanmg.lh...

  • 9.6绑卡

    1.刘静 绑卡1张 购买纸 2.刘锐 注册绑卡1张 购买纸 3.柳武义 绑卡1张 购买纸 4.彭科剑 待回家绑卡 ...

  • 互联网金融平台常见绑卡鉴权方式分析对比

    1.背景 互联网金融平台账户进行开户或者支付业务时,绑卡鉴权环节是必经之路。那么什么是绑卡鉴权?绑卡是将用户银行卡...

  • 微信封号解封必输如用户身份证,是强制绑卡,还是霸道垄断

    微信封号解封必输如用户身份证,是强制绑卡,微信因此同户绑卡量激增,作为垄断商业,不顾用户隐私,强制绑卡,无视用户隐...

  • 荷包-绑卡提示

    提现场景,但得先绑卡,于是提示绑卡,下图有这么2点亮点: 1 插画营造轻松氛围 2 对话说明为啥要绑卡和业务逻辑 ...

  • 论理财的优点

    抢特训营的课还是比较受老天眷顾的,扔下怀里吃奶的娃跑到卧室拿手机重新绑银行卡下单一气呵成。觉得是不是该写点什么...

  • 【支付产品】绑卡功能梳理

    1.定义 绑卡的定义比较简单,就是把用户的银行卡绑定到某一个平台上,使用该卡可以消费,提现到该卡等等。 2:绑卡流...

网友评论

    本文标题:一气呵成、很难犯错-QQ绑卡的交互体验

    本文链接:https://www.haomeiwen.com/subject/lqemkttx.html