关闭

案例分析:H5支付交互体验设计(一)

随着互联网的快速发展,手机支付是一件再平常不过的事情。本文以支付宝和微信支付举例分析“手机网页应用(以下简称H5)进行支付的交互体验设计”。
随着互联网的快速发展,手机支付是一件再平常不过的事情。本文以支付宝和微信支付举例分析“手机网页应用(以下简称H5)进行支付的交互体验设计”。
交互设计APP支付与H5支付的异同

1. 什么是APP支付和H5支付?

APP支付是指“商户在移动端APP中集成了支付宝支付、微信支付,或者其他第三方支付功能”。

H5支付是指“商户在移动端网页(触屏版手机浏览器)应用中集成了支付宝支付、微信支付,或者其他第三方支付功能”。

2. 两种支付方式的异同

相同点:

都是调用第三方应用提供的支付功能。

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

不同点:

APP内支付流程的页面跳转路径是明确的,无论是跳转至第三方客户端支付、还是在APP内调起第三方网页支付,支付成功或失败,都将在“订单支付”页面明确获知订单状态。

H5支付是在手机浏览器中打开的网页,在结算台页面选择支付方式确认支付,可以选择当前页、或者选择新开页面调起第三方支付。并且调起的第三方支付页面由第三方决定,商户只能在限定的规则内调整。

由于手机浏览器系统自带前进与后退按钮,并且通常情况下无法对系统自带的按钮做限制。这就意味着H5支付,无论支付成功或失败,都要考虑用户点击系统回退按钮的跳转规则。

下篇文章将以支付宝支付为例,给大家详细的分析一个案例,帮助大家理解H5支付的要点,感兴趣的话继续去看看吧!

以上就是“案例分析:H5支付交互体验设计(一)”的内容了,如果你还想了解其他相关内容,可以来产品壹佰官方网站。

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表