帮5买支付流程改版之坦荡荡

首先解释为何叫坦荡荡,这表明了本文的内容是无所保留的

作为产品或者设计师对于支付页面和流程的印象是什么?选择支付宝,看一下金额,输入密码支付完毕,就是这么easy。感觉没什么好设计的啊!真的么?

本文将会记录真实的支付流程改版的点点滴滴,我尽量把细节描述出来,大牛就不要看此文了,小小牛和no牛可以多品味一下,体会一下真实做产品的愉悦与忧愁。

我的习惯是做任何产品之前,都要将业内的优秀竞品研究一下,关于支付流程我研究了淘宝,京东和唯品会;当然我还看了苏宁易购,当当,聚美和乐峰的。

首先看一下淘宝的支付流程

淘宝淘宝因为有自家的支付宝,所以人家默认的支付方式就是支付宝,在手机扫码支付这块做的也是很便捷,相信越来越多的用户是使用扫码进行支付的,因为省去了输入长长密码的痛苦;同时也支持账户余额,银行卡,快捷支付;我花了点时间仔细的看了一下,不禁惊叹淘宝的支付方式十分的丰富,如果你有足够的耐心,去邮政局填写一个汇款单子也可以支付;还支持一些很拉风的支付方式,比如:阿拉丁,你在淘宝上面下一个单子,一般超市或者地铁站内会有阿拉丁的终端,在上面输入订单号就可以支付了,这样的支付方式你试过么?发现花点时间研究淘宝的支付方式真的挺有趣的,也佩服淘宝的BD,谈进来这么的支付服务商

再来看看京东的

京东

京东的特色在于现在可以打白条了,像信用卡一样最少可以获得6000元的额度去消费,一个月内还清就行;京东自己的小金库,当然是主推他啦,京东也希望用户通过APP扫描支付;除此之外还有自己的支付平台:网银+;还有微信支付,快钱等等;就是没有发现支付宝,京东的官方回答是这样的:我们不支持支付宝支付,因为没有与支付宝达成合作关系;实际上有很多用户因为没有支付宝而放弃付款,这是无法避免的;总体来说京东的支付方式很丰富,在主推自己的平台方面做的很出色。

接着看看唯品会的

没有自家的支付平台,这点与我们自身是及其相似的,也是我们这次项目的重点参考对象;流程清晰!

唯品会

 

根据3家的支付流程,并结合自身的支付方式,梳理了一下帮5买的支付流程

B5M支付流程

 

 

 

 

下图就是老的支付界面,这位读者,你能看出来哪里可以进行优化么?如果此事你能分析出1,2,3出来,证明你是具有一定的洞察力的,分析不出来的话没关系,这篇文章可以帮助你啊,go on老界面首先,我们做了关于各家银行的点击数据

银行排名

这个图很直观,立马就能知道银行支付哪家强,令人惊讶的是储蓄银行的使用率居然比交通银行要高,原因是因为帮5买中小型城市与农村的用户比较多;这样能得出来什么呢?

当然是银行展示的排序啦;将经常用的支付方式展示出来,不经常用的隐藏起来(这是界面展示中常用的一基本招)

 

问你一个问题,你知道快捷支付与网银支付的区别是什么?

最干练的回答:快捷支付不需要开通网银

快捷支付需要填写一些材料证明你的身份与银行卡是一致的,可是用户在填写之前心理是不知道填写的信息字迹是否可以提供,唯品会在这一点上做的很到位,看下图

weipinhui可以让用户预览所填写的信息,让自己心理做到有底,这点我们要学习!

在综合了各个细节因素之后我画了交互

交互界面我在每一个支付方式上面都增加了一个外框,鼠标放上去会有外快加深的反馈;原先的“下一步”调整成了“立即支付”,按钮左侧再将支付金额显示一次

点击“立即支付”后会新窗口打开页面,支付页面会弹出下框,让用户选择是支付成功还是未成功;若遇到问题可以联系在线客服或者拨打客服电话

 

 

kuang交互稿设计完成之后,我带上数据一起与领导去汇报,领导一次性就通过了这版需求,也表示了赞同;随后我通知了老板,客服,BD;公司相关人员都知晓了

接下来就是从设计到开发、测试、统计、上线等一系列的苦逼折磨系列的流程;在此不描述,以免影响你对于美好工作的畅想;上线当天一直到凌晨2点30分才上线

 

看一下线上的效果图

zhifu1 zhifu2上线之后效果怎么看?

看数据

数据呈上

shuju1

 

产品经理最大的愉悦感来自自己主导的项目上线之后有好的反馈

结束啦,感谢观看