以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.amizhang.com/?p=113

流程之重 - 对比支付宝和建行网银水电煤支付

作者:Ami  |   发布: (编辑)稻草   |   时间:2009-04-18 23:59:03 文字大小:- +

前几天家里攒下两张没有付费的账单,一张水费一张电费,老爸拜托我在网上付一下,我自然一口答应下来。话说小兔自己租房的时候一直是建行网银付,从未在外付过呢,不用出门方便呀:P 。现在支付宝一直宣传自己的水电煤支付,就尝试了一下,可是这一比较,感觉到了明显的不便,白鸦,看看吧:

(图多篇幅长,请大家耐心阅读,谢谢)

 

那天先试了支付宝:

Step1. 登录支付宝

alipay_01(点击查看大图)

Step2. 选择”生活助手”

step2(点击查看大图)

Step3. 选择”水电煤缴费”>”缴水费/电费/燃气费”

这一页的各个缴费TAB是会自动轮换的,悬停在上面切换,点击后直接跳转至付水费。因此如果没有在这个页面选择付费内容且不是付水费的话,在等下的Step4之前还有个Step3.2

alipay_03(点击查看大图)

Step3.2 切换缴费项目

alipay_035

Step4.1 选择缴费省份和城市

图片见step3.2

Step4.2 选择收费单位

这还是我第一次发现原来上海的自来水公司不止一个来着! 赶快端起水费单子找了找,在上面找到自来水公司名称,然后选择相应的项

alipay_04c

Step4.3 输入条形码数字

这是网上支付时最复杂的活儿,输入后我会再核对一遍。

旁边贴心地出现一张样张用红框标识条形码的所在。不过我当然找得到它,倒是之前自来水公司名字可是端详了会儿啊!

alipay_04e(点击查看大图)

Step4.4 输入缴费金额

还要输入金额啊?以前在建行都不用输的说。虽然旁边又贴心在样张上用红框标识了下金额的位置

alipay_04f(点击查看大图)

Step5 确认信息

我在这个页面着实停留了一会儿。让我确认,但是条形码和价格都是我自己输入的,于是我又非常认真地对了一遍输入的条形码,对于长串数字产生很强烈的不确定感,然后又输入了一遍。

*大家对比下之后小兔建行支付的流程就能体会到我的感受了。

alipay_05(点击查看大图)

Step6 支付

到这一步的时候,小兔做了一个很明智的决定——放弃支付宝,用建行网银支付。

最近我的支付宝里没有余额,到这步之后我需要登录网银支付。这张水费付完之后,我要退回到Step3或者Step3.5再来一遍,又要再登陆网银支付。如此冗长的过程,还不及一开始就去建行网银呢。

alipay_06(点击查看大图)

 

再来对比一下建行网银支付水电煤的过程:

Step1 登录建行网银

ccb_01(点击查看大图)

Step2 选择“缴费支付”TAB下的“缴费支付”

ccb_03(点击查看大图)

Step3.1选择支付项目类别和收费单位

图中可以见到也有地区选择,但建行第一次就不用选,而支付宝却需要选。

支付类别有两个,但收费单位的选项里只有一个”公共事业费”(只有一个为什么还要选呢…)

ccb_04b(点击查看大图)

Step3.2 选择支付内容并输入条形码

“缴费支付内容”里只有一个选项,就是”账单条形码代缴费”

条形码的输入框短小了一些。(图片同上)

Step4 选择缴费账户并确认

这一步是选择我建行网银中某个账户来支付。

此时建行网银会显示账单金额,过去我都是靠这个金额来验证刚才一串冗长的数字输入正确了。对比支付宝流程中的Step5,差别立显。

ccb_04f(点击查看大图)

Step5 输入密码并支付

其实小兔曾经在此多次点错按钮,“确认”在最中间,按钮样式和其他两个没有区别,鼠标无意识地就飘去了“取消”然后就点下去了。

ccb_05(点击查看大图)

Step6 支付完成

此时可以打印或者下载支付凭证

ccb_06(点击查看大图)

 

总结以上两个流程,支付宝是这样的:登录 >选择水电煤支付 >选择水/电/煤 >选择收费单位 >输入条形码 >输入金额 >验证复查输入 >登录网银支付

建行网银是这样的:登录 >选择水电煤支付 >输入条形码 >验证 >输入密码支付

 

其间的差别非常明显,建行不需要选择支付的是水、电还是煤气,不需要选择收费单位,不需要输入金额而且通过金额帮你确认刚才冗长的条形码输入正确了。这样一在整个流程上简单很多,而且对于输入长串条形码容易输入错误这一点,自动提取账单金额来作为一个验证让我很快脱离“可能输入错误了”的不安。

其实细细研究,建行网银的界面具体设计有不少问题,比如只有一个选项的下拉菜单、“确认”按钮没有区别显示等等,而支付宝过程中还有在样张上标红框来示意条形码和金额的位置。从细节上来说,建行比支付宝糟糕,但在更重要的流程方面,却差了一大截。

白鸦曾自己写过交互设计有两个方向,使用流程的交互和界面呈现的交互。建行网银和支付宝的水电煤支付,支付宝在界面呈现的交互上稍优一些,但是使用流程却复杂很多。这是我亲身经历中对比最为鲜明的例子,流程之重,重于界面的细节。

 

期待白鸦看了之后,给我回馈的礼品,然后好好优化一下支付宝的水电煤支付。在改好之前我是不会再用支付宝付水电煤啦。选择收费单位不属于用户心智模型中应有的步骤,即使选择支付的类型也不是,甚至输入条形码都不是。如果出门去便利店和支付点支付,做的事情只是扫条形码和付钱而已。

更多
打印  |  相关话题:支付宝   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买