前幾天家里攢下兩張沒(méi)有付費(fèi)的賬單，一張水費(fèi)一張電費(fèi)，老爸拜托我在網(wǎng)上付一下，我自然一口答應(yīng)下來(lái)。話說(shuō)小兔自己租房的時(shí)候一直是建行網(wǎng)銀付，從未在外付過(guò)呢，不用出門(mén)方便呀:P 。現(xiàn)在支付寶一直宣傳自己的水電煤支付，就嘗試了一下，可是這一比較，感覺(jué)到了明顯的不便，白鴉，看看吧：

（圖多篇幅長(zhǎng)，請(qǐng)大家耐心閱讀，謝謝）

那天先試了支付寶：

Step1. 登錄支付寶

Step2. 選擇”生活助手”

Step3. 選擇”水電煤繳費(fèi)”>”繳水費(fèi)/電費(fèi)/燃?xì)赓M(fèi)”

這一頁(yè)的各個(gè)繳費(fèi)TAB是會(huì)自動(dòng)輪換的，懸停在上面切換，點(diǎn)擊后直接跳轉(zhuǎn)至付水費(fèi)。因此如果沒(méi)有在這個(gè)頁(yè)面選擇付費(fèi)內(nèi)容且不是付水費(fèi)的話，在等下的Step4之前還有個(gè)Step3.2

Step3.2 切換繳費(fèi)項(xiàng)目

#p#

Step4.1 選擇繳費(fèi)省份和城市

圖片見(jiàn)step3.2

Step4.2 選擇收費(fèi)單位

這還是我第一次發(fā)現(xiàn)原來(lái)上海的自來(lái)水公司不止一個(gè)來(lái)著! 趕快端起水費(fèi)單子找了找，在上面找到自來(lái)水公司名稱(chēng)，然后選擇相應(yīng)的項(xiàng)

Step4.3 輸入條形碼數(shù)字

這是網(wǎng)上支付時(shí)最復(fù)雜的活兒，輸入后我會(huì)再核對(duì)一遍。

旁邊貼心地出現(xiàn)一張樣張用紅框標(biāo)識(shí)條形碼的所在。不過(guò)我當(dāng)然找得到它，倒是之前自來(lái)水公司名字可是端詳了會(huì)兒啊!

Step4.4 輸入繳費(fèi)金額

還要輸入金額??？以前在建行都不用輸?shù)恼f(shuō)。雖然旁邊又貼心在樣張上用紅框標(biāo)識(shí)了下金額的位置

Step5 確認(rèn)信息

我在這個(gè)頁(yè)面著實(shí)停留了一會(huì)兒。讓我確認(rèn)，但是條形碼和價(jià)格都是我自己輸入的，于是我又非常認(rèn)真地對(duì)了一遍輸入的條形碼，對(duì)于長(zhǎng)串?dāng)?shù)字產(chǎn)生很強(qiáng)烈的不確定感，然后又輸入了一遍。

*大家對(duì)比下之后小兔建行支付的流程就能體會(huì)到我的感受了。

#p#

Step6 支付

到這一步的時(shí)候，小兔做了一個(gè)很明智的決定——放棄支付寶，用建行網(wǎng)銀支付。

最近我的支付寶里沒(méi)有余額，到這步之后我需要登錄網(wǎng)銀支付。這張水費(fèi)付完之后，我要退回到Step3或者Step3.5再來(lái)一遍，又要再登陸網(wǎng)銀支付。如此冗長(zhǎng)的過(guò)程，還不及一開(kāi)始就去建行網(wǎng)銀呢。

再來(lái)對(duì)比一下建行網(wǎng)銀支付水電煤的過(guò)程：

Step1 登錄建行網(wǎng)銀

Step2 選擇“繳費(fèi)支付”TAB下的“繳費(fèi)支付”

Step3.1選擇支付項(xiàng)目類(lèi)別和收費(fèi)單位

圖中可以見(jiàn)到也有地區(qū)選擇，但建行第一次就不用選，而支付寶卻需要選。

支付類(lèi)別有兩個(gè)，但收費(fèi)單位的選項(xiàng)里只有一個(gè)”公共事業(yè)費(fèi)”(只有一個(gè)為什么還要選呢…)

Step3.2 選擇支付內(nèi)容并輸入條形碼

“繳費(fèi)支付內(nèi)容”里只有一個(gè)選項(xiàng)，就是”賬單條形碼代繳費(fèi)”

條形碼的輸入框短小了一些。(圖片同上)

Step4 選擇繳費(fèi)賬戶(hù)并確認(rèn)

這一步是選擇我建行網(wǎng)銀中某個(gè)賬戶(hù)來(lái)支付。

此時(shí)建行網(wǎng)銀會(huì)顯示賬單金額，過(guò)去我都是靠這個(gè)金額來(lái)驗(yàn)證剛才一串冗長(zhǎng)的數(shù)字輸入正確了。對(duì)比支付寶流程中的Step5，差別立顯。

#p#

Step5 輸入密碼并支付

其實(shí)小兔曾經(jīng)在此多次點(diǎn)錯(cuò)按鈕，“確認(rèn)”在最中間，按鈕樣式和其他兩個(gè)沒(méi)有區(qū)別，鼠標(biāo)無(wú)意識(shí)地就飄去了“取消”然后就點(diǎn)下去了。

Step6 支付完成

此時(shí)可以打印或者下載支付憑證

總結(jié)以上兩個(gè)流程，支付寶是這樣的：登錄 >選擇水電煤支付 >選擇水/電/煤 >選擇收費(fèi)單位 >輸入條形碼 >輸入金額 >驗(yàn)證復(fù)查輸入 >登錄網(wǎng)銀支付

建行網(wǎng)銀是這樣的：登錄 >選擇水電煤支付 >輸入條形碼 >驗(yàn)證 >輸入密碼支付

其間的差別非常明顯，建行不需要選擇支付的是水、電還是煤氣，不需要選擇收費(fèi)單位，不需要輸入金額而且通過(guò)金額幫你確認(rèn)剛才冗長(zhǎng)的條形碼輸入正確了。這樣一在整個(gè)流程上簡(jiǎn)單很多，而且對(duì)于輸入長(zhǎng)串條形碼容易輸入錯(cuò)誤這一點(diǎn)，自動(dòng)提取賬單金額來(lái)作為一個(gè)驗(yàn)證讓我很快脫離“可能輸入錯(cuò)誤了”的不安。

其實(shí)細(xì)細(xì)研究，建行網(wǎng)銀的界面具體設(shè)計(jì)有不少問(wèn)題，比如只有一個(gè)選項(xiàng)的下拉菜單、“確認(rèn)”按鈕沒(méi)有區(qū)別顯示等等，而支付寶過(guò)程中還有在樣張上標(biāo)紅框來(lái)示意條形碼和金額的位置。從細(xì)節(jié)上來(lái)說(shuō)，建行比支付寶糟糕，但在更重要的流程方面，卻差了一大截。

白鴉曾自己寫(xiě)過(guò)交互設(shè)計(jì)有兩個(gè)方向，使用流程的交互和界面呈現(xiàn)的交互。建行網(wǎng)銀和支付寶的水電煤支付，支付寶在界面呈現(xiàn)的交互上稍?xún)?yōu)一些，但是使用流程卻復(fù)雜很多。這是我親身經(jīng)歷中對(duì)比最為鮮明的例子，流程之重，重于界面的細(xì)節(jié)。

期待白鴉看了之后，給我回饋的禮品，然后好好優(yōu)化一下支付寶的水電煤支付。在改好之前我是不會(huì)再用支付寶付水電煤啦。選擇收費(fèi)單位不屬于用戶(hù)心智模型中應(yīng)有的步驟，即使選擇支付的類(lèi)型也不是，甚至輸入條形碼都不是。如果出門(mén)去便利店和支付點(diǎn)支付，做的事情只是掃條形碼和付錢(qián)而已。