技术资讯

从支付宝充值流程的交互说起充值的界面交互

2008-12-12 22:03:00

　　如图：（点击图片查看大图）

　　支付宝的充值页面，已选择银行及金额。点击“下一步”后，来到：（点击图片查看大图）

　　在此页有提供返回重新选择银行的链接，假设我在此时想返回使用“网汇e”，步骤是：
　　1、后退或点击返回重新选择银行
　　2、点击“网点充值”，选择“网汇e”
　　
　　
　　后来，我重新规划了下，见演示：（点击图片查看大图）

　　图中将网上银行、支付宝卡通、网点充值（充值码充值、网汇e充值）这几种充值方式同时展现在选择充值方式前与准备充值时。
　　
　　意思是说，已选择银行及填写金额后我可以中断当前操作，能重新选择“网上银行、支付宝卡通、网点充值（充值码充值、网汇e充值）”这其中任一种方式。
　　
　　－－－－－－－－－－－－
　　问：此类需求过份吗？有必要吗？
　　－－－－－－－－－－－－

　　我随访了几个同事，我问是否会在充值方式、金额选择后，再返回重新选择其它充值方式，答案是需要的占一半以上。
　　可是，用户不是也会撒谎么？用户访谈的结果与用户实际行为可能会不符。

　　PS：从支付宝引开话题貌似有点标题党行为，哈哈。不过，确实在目前项目的一个充值流程中碰到PM与我各持己见。。。
　　
　　PM坚持认为:
　　需要上述的 “已选择银行及金额后我可以中断当前操作，能重新选择“网上银行、支付宝卡通、网点充值（充值码充值、网汇e充值）”这其中任一种方式。”
　　
　　而我坚持认为:
　　在充值前，用户就会思考或判断哪一种充值方式更适合他，
　　已经选择充值方式，行进过程中不需要存在太多路径，这样用户反而可能会迷糊。（PS：我面对的项目里边，充值接近10种方式，所以排起来绝对不是上述支付宝般最多四个的＝。=）
　　我说信息不是越多越好，塞一堆给用户，让用户在充值流程行进中不断地分散视觉流，不是个好主意。
　　快速完成！充值有多快就多快，让用户完成任务后离开或继续做他想做的事。
　　我试图设计成让用户使用鼠标或键盘通过 next -->next...... 这样快速完成充值。而不是next-->...(陷入思考)return...-->再next......直到完成。
　　
　　可是。。。我不是导演，我只是个小演员。
　
　　－－－－－－－－－－－－
　　针对上述问题，大家有何高见？

　　原文：http://blog.touchnext.com/design/20081211/pay-pageflow.html#

上一篇：进行Web界面原型设计的一种方法（续）

下一篇：统筹视觉与交互设计