随着互联网技术和手机软硬件的高速发展，手机的使用场景已经融入到日常生活的点滴中。购物用淘宝下单，饿了在美团点外卖，出行滴滴一下……这些关联衣食住行的应用，都离不开一个核心环节：线上支付。

手机支付通常可以细分为两种场景：“手机APP应用中集成支付功能”、“手机网页应用中集成支付功能”。本文以支付宝和微信支付举例分析“手机网页应用（以下简称H5）进行支付的交互体验设计”。

都是调用第三方应用提供的支付功能。应用内支付或者调起第三方客户端支付，取决于第三方提供的接口规则。

APP内支付流程的页面跳转路径是明确的，无论是跳转至第三方客户端支付、还是在APP内调起第三方网页支付，支付成功或失败，都将在“订单支付”页面明确获知订单状态。H5支付是在手机浏览器中打开的网页，在结算台页面选择支付方式确认支付，可以选择当前页、或者选择新开页面调起第三方支付。并且调起的第三方支付页面由第三方决定，商户只能在限定的规则内调整。由于手机浏览器系统自带前进与后退按钮，并且通常情况下无法对系统自带的按钮做限制。这就意味着H5支付，无论支付成功或失败，都要考虑用户点击系统回退按钮的跳转规则。

在订单支付页面，若选择当前页面调起支付宝支付，则订单支付页面跳转为支付宝支付路由页面（官方中间页），无论最终订单是否支付成功，点击浏览器的回退按钮，页面将逐页回退。在订单支付页面，若选择新开页面调起支付宝支付，无论最终订单是否支付成功，仅支持回退到支付宝支付路由页面（官方中间页），因为这个中间页再没有回退路径了。如果用户手动切换浏览器后台，回到之前的订单支付页：

微信支付没有设置官方中间页，目前呈现的是空白页面，参见下图中弹框背景是空白页面。对于未安装微信客户端的用户，需要选择其他支付方式付款。