§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 来一张养眼的结束本文

「美团外卖APP签约快捷支付」流程体验的更多相关文章

  1. 移动APP 支付宝快捷支付开发流程

    [代码] [Java]代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ...

  2. 美团外卖app可行性分析

    美团外卖app可行性分析 1 引言 1.1编写目的 年轻人追求时尚,快捷,因此外卖行业拥有广阔的消费群体:团购的兴起,也促进了人们的消费欲望,人们继续一个外卖平台,来满足他们的欲望.O2o模式的日渐完 ...

  3. 「PHP开发APP接口实战009」日常安全防范之防SQL入和XSS攻击

    防SQL注入和XSS攻击通用过滤 首先在 /app/library/ 目录下创建 Security.php 文件并添加以下代码: <?php /** * * 防SQL注入和XSS攻击通用过滤 * ...

  4. iOS 类似美团外卖 app 两个 tableView 联动效果实现

    写在前面 首先声明哈,不是广告,我就是用的时候觉得这个功能比较好玩,就想着实现了一下.效果如图: 接下来简单的说一下思路吧~ 大体思路 可能我们看到这种功能的实现的时候,首先想着的是我在这个控制器中左 ...

  5. 美团外卖iOS App冷启动治理

    一.背景 冷启动时长是App性能的重要指标,作为用户体验的第一道“门”,直接决定着用户对App的第一印象.美团外卖iOS客户端从2013年11月开始,历经几十个版本的迭代开发,产品形态不断完善,业务功 ...

  6. 美团外卖Android平台化的复用实践

    美团外卖平台化复用主要是指多端代码复用,正如美团外卖iOS多端复用的推动.支撑与思考文章所述,多端包含有两层意思:其一是相同业务的多入口,指美团外卖业务需要在美团外卖App(下文简称外卖App)和美团 ...

  7. 美团外卖Android Crash治理之路

    Crash率是衡量一个App好坏的重要指标之一,如果你忽略了它的存在,它就会愈演愈烈,最后造成大量用户的流失,进而给公司带来无法估量的损失.本文讲述美团外卖Android客户端团队在将App的Cras ...

  8. Android内存管理(4)*官方教程 含「高效内存的16条策略」 Managing Your App's Memory

    Managing Your App's Memory In this document How Android Manages Memory Sharing Memory Allocating and ...

  9. APP的案例分析-美团外卖

    大一才开始用软件订外卖了,很方便  ,上手快只要注册个账号登陆即可,支付时自动跳转到其他支付应用.严重的bug也没有,只有之前一段时间通过首单可以刷优惠,之后也修复了. 身边的同学也很多都在用.方便省 ...

随机推荐

  1. 20165311 实验一 Java开发环境的熟悉

    一.实验报告封面 课程:Java程序设计 班级:1653班 姓名:李嘉昕 学号:20165311 指导教师:娄嘉鹏 实验日期:2018年4月2日 实验时间:13:45 - 15:25 实验序号:3 实 ...

  2. [No000016D]把知识种进脑子:像读教材一样读书

    读书,常常是书读一遍,过后脑子却空白一片.旁人问起感受,只能以不错.很好作答.更有甚者,有时翻阅豆瓣才发现一本书竟早已「读过」,这事儿可真叫尴尬.为了对付这症状,我笔记也做过,思维导图也画过,奈何只是 ...

  3. 批量kill java进程方法-引出子shell和反引用

    方法: kill –9 `pgrep java` 使用上述命令可以将服务器上运行的所有java进程一次性kill掉. 扩展:子shell和反应用在shell脚本中的作用 先来看一个子shell的例子: ...

  4. Angular4 Ng 模块

    原文地址 http://www.jianshu.com/p/317f0e4b7284 根模块 (root module) 每个应用都至少有一个根模块用来引导并运行应用.根模块通常命名为 AppModu ...

  5. confd

    1.下载安装confd ]# wget https://github.com/kelseyhightower/confd/releases/download/v0.15.0/confd-0.15.0- ...

  6. 优化网站设计(二):使用CDN

    前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议.这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题. 作为通用的原则,雅虎的工程师团队曾经给出过35个 ...

  7. Apache SSL 服务搭建

    Web服务器在默认情况下使用HTTP,这是一个纯文本的协议.正如其名称所暗示的,纯文本协议不会对传输中的数据进行任何形式的加密.而基于HTTP的Web服务器是非常容易配置,它在安全方面有重大缺陷.任何 ...

  8. Ext.app.Application

    代表性的ExtJS应用程序,通常是用Ext.container.Viewport创建的经典的单页面应用程序. 一个程序由一个或多个视图(View)组成.视图的行为表现由它对应的视图控制器(Ext.ap ...

  9. 用laravel dingo/api创建简单的api

    1,修改.env配置文件添加 API_STANDARDS_TREE=vnd API_SUBTYPE=myapp API_PREFIX=api API_DOMAIN=null API_VERSION=v ...

  10. IIS下实现帝国CMS搜索页伪静态

    前面ytkah讲了apache下帝国CMS搜索页伪静态实现方法,网友说服务器是用IIS,那么IIS下如何实现帝国CMS搜索页伪静态呢?首先得先有URL重写插件,下载地址:http://www.iis. ...