新用户在美团外卖APP订餐支付时,首先要绑定银行卡。如下是“添加银行卡”页,输入卡号后,系统自动调用卡bin库校验卡号的有效性,如果有效会显示发卡行和卡类型(借记卡/贷记卡)。 这里脑补一下,卡bin校验是按照卡号前6位来校验的,所以你看在美团输入前6位后如果ok就会显示出来发卡行和卡类型信息了。
§2 验证银行卡信息我这里绑定的是招商银行借记卡,点击“下一步”,要输入卡号以为的剩余的3要素,即姓名、身份证号码、银行预留手机号。 如果贷记卡(信用卡),还要输入cvv2和有效期。这就是所谓的三要素鉴权、四要素鉴权和六要素鉴权。 签约需要用户同意一个支付协议才能继续往下走。 所以,页面放置了一个可点击查看详情的用户协议。
注意到这个页面依然是美团的。这里要说明的是,美团支付是美团旗下的第三方支付平台。这样,美团平台上的用户消费过程实现了生态链闭环。
用户输入完信息继续往下走这块,美团产品做的很nice,页面底部直接一个按钮“同意协议并验证”,用户点击这个按钮即可往下走。用户无感知,体验超棒! PS:我们见过的常规的产品实现是默认勾选“用户协议”checkbox,用户点击按钮往下走;更糟糕一些的产品实现是默认不勾选这个checkbox,用户勾选后按钮才可点击。美团支付弱化了“用户协议”,尽快引导用户完成支付的动机表现得淋漓尽致,毕竟让用户花钱才是王道嘛。
§3 手机验证码到下一步是发送手机短信验证码。
手机收到来自招行95555的验证码短信:您正在【美团点评】签约快捷支付功能,验证码123456,一卡通尾号为7055。请不要向任何人提供本验证码![招商银行]
§4 设置支付密码输入短验后“下一步”是设置支付密码。安全键盘自动弹出。如下是二次输入确认页。
§5 支付完成两次密码相同后,页面出现的是“确认支付”按钮,用户点击按钮,完成支付。
这时银行卡已在美团开通快捷支付功能。同时,手机会收到一条来自招行95555的短信:您尾号7055的一卡通已开通美团点评快捷支付功能,您可以通过美团点评支付密码(无需银行卡取款密码)完成交易,请妥善保管相关信息。若非本人操作,请致电95555[招商银行]
§6 非首次支付以后再订餐时,支付就变得再简单不过了。默认选择“美团支付”,用户点击“确认支付”后输入支付密码就完成了。
§7 来一张养眼的美图结束本文摘自我的blog /1708。