zoukankan      html  css  js  c++  java
  • 「美团外卖APP签约快捷支付」流程体验

    §1 添加银行卡

    新用户在美团外卖APP订餐支付时,首先要绑定银行卡。如下是“添加银行卡”页,输入卡号后,系统自动调用卡bin库校验卡号的有效性,如果有效会显示发卡行和卡类型(借记卡/贷记卡)。  这里脑补一下,卡bin校验是按照卡号前6位来校验的,所以你看在美团输入前6位后如果ok就会显示出来发卡行和卡类型信息了。

     

    §2 验证银行卡信息

    我这里绑定的是招商银行借记卡,点击“下一步”,要输入卡号以为的剩余的3要素,即姓名、身份证号码、银行预留手机号。 如果贷记卡(信用卡),还要输入cvv2和有效期。这就是所谓的三要素鉴权、四要素鉴权和六要素鉴权。 签约需要用户同意一个支付协议才能继续往下走。 所以,页面放置了一个可点击查看详情的用户协议。

    注意到这个页面依然是美团的。这里要说明的是,美团支付是美团旗下的第三方支付平台。这样,美团平台上的用户消费过程实现了生态链闭环。

    用户输入完信息继续往下走这块,美团产品做的很nice,页面底部直接一个按钮“同意协议并验证”,用户点击这个按钮即可往下走。用户无感知,体验超棒!  PS:我们见过的常规的产品实现是默认勾选“用户协议”checkbox,用户点击按钮往下走;更糟糕一些的产品实现是默认不勾选这个checkbox,用户勾选后按钮才可点击。美团支付弱化了“用户协议”,尽快引导用户完成支付的动机表现得淋漓尽致,毕竟让用户花钱才是王道嘛。

     

    §3 手机验证码

    到下一步是发送手机短信验证码。

    手机收到来自招行95555的验证码短信:您正在【美团点评】签约快捷支付功能,验证码123456,一卡通尾号为7055。请不要向任何人提供本验证码![招商银行]

     

    §4 设置支付密码

    输入短验后“下一步”是设置支付密码。安全键盘自动弹出。如下是二次输入确认页。

     

    §5 支付完成

    两次密码相同后,页面出现的是“确认支付”按钮,用户点击按钮,完成支付。

    这时银行卡已在美团开通快捷支付功能。同时,手机会收到一条来自招行95555的短信:您尾号7055的一卡通已开通美团点评快捷支付功能,您可以通过美团点评支付密码(无需银行卡取款密码)完成交易,请妥善保管相关信息。若非本人操作,请致电95555[招商银行]

    §6 非首次支付

    以后再订餐时,支付就变得再简单不过了。默认选择“美团支付”,用户点击“确认支付”后输入支付密码就完成了。

    §7 来一张养眼的结束本文

  • 相关阅读:
    闭包
    递归 斐波那契
    作用域,函数的四种调用模式
    数组方法
    Math内置对象
    BeanUtils.copyProperties() 用法
    ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE) .append("Id",getId())防止内存泄漏
    Spring配置文件applicationContext.xml Hibernate SQL方言 (hibernate.dialect)
    Redis面试总结
    Nginx面试题
  • 原文地址:https://www.cnblogs.com/buguge/p/9272802.html
Copyright © 2011-2022 走看看