第三方支付平台竞品分析报告（中）

接上文。

四、支付界面分析

    支付功能是所有支付平台的核心，研究支付平台的支付功能可以帮助我行更好地理解不同支付方式带来的用户体验。这不仅有助于我行在未来优化支付功能设计，还可以让我行为用户提供更符合场景需求的支付体验，从而提升产品的竞争力和用户满意度。因此，本章特别详细对比各大平台在H5支付、APP内支付、扫码支付的支付逻辑和界面设计差异，通过这种对比分析，我们期望找到最适合我行用户群体的支付方式，提升用户粘性。

4.1 H5支付

    H5支付是指商户在移动端网页（触屏版手机浏览器）上集成了支付宝、微信支付或者其他第三方支付功能，当用户在该页面选择支付方式后，商户发起对应第三方支付服务的过程。目前，大部分H5支付支持的支付方式都是支付宝和微信支付，云闪付则暂未涉及。

4.1.1 支付宝

4.1.1.1 支付流程图

    从上图可以看出，支付宝H5支付的核心在于唤起一个官方的路由页面。在该页面上，用户可以进行支付方式的选择，从而以不同的路径完成支付动作。路由页面的布局如下图所示。

4.1.1.2 支付状态说明

    （1）在选择支付宝支付后，浏览器会自动调起支付宝提供的中间页。若用户已安装支付宝客户端，浏览器则弹窗尝试唤起支付宝客户端，如下图所示。点击打开，跳转到支付宝APP，在支付宝的确认支付界面完成支付；点击取消，则停留在当前支付宝支付路由页面（中间页）。

    此时，若用户在支付宝中支付成功，则切回至浏览器中，页面刷新至商户自定义的“支付结果页”。

    若在支付宝中支付失败，用户手动回到浏览器中，则当前页面停留在支付宝支付路由页。

    （2）在弹窗中选择“取消”， 点击“打开支付宝APP付款”，浏览器将再次申请打开支付宝支付，重复（1）中的过程。

    （3）在弹窗中选择“取消”， 若用户未安装支付宝客户端，可点击“继续浏览器付款”。点击后，当前页面调起支付宝网页支付收银台，如下图所示。该页面展示支付订单号及金额，让用户登录支付宝账号，并提供注册账号的功能。登陆成功后，会展示让用户“确认付款”的界面。若用户支付成功，则展示支付宝网页端支付成功页，点击“完成”，当前页面刷新至商户自定义的“支付结果页”。

    （4）在弹窗中选择“取消”，若用户未安装支付宝客户端，可以选择“下载支付宝APP付款”，浏览器调起应用下载页面。

    （5）若用户支付后页面没有自动返回，可以在路由页面点击下方的“已支付完成返回查看订单”，若校验支付成功，则会展示商户自定义的“支付结果页”；若校验支付未完成，则弹窗提示，如下图所示。

4.1.2 微信支付

4.1.2.1 支付流程图