網(wǎng)頁(yè)交互設(shè)計(jì)-填兩遍銀行卡 有必要嗎
大家無(wú)論在使用財(cái)付通或其他一些支付系統(tǒng)時(shí),都會(huì)遇到這個(gè)問(wèn)題,就是當(dāng)轉(zhuǎn)賬或提現(xiàn)輸入銀行卡號(hào)時(shí),會(huì)輸入一遍,提示再確認(rèn)一遍。
那么銀行卡號(hào)真有必要填兩遍嗎?作為設(shè)計(jì)師來(lái)說(shuō)覺(jué)得這個(gè)行為很傻很天真
那么 設(shè)計(jì)師能代表用戶嗎?
用戶是怎么認(rèn)為的呢?
有沒(méi)有更好的辦法來(lái)解決這個(gè)問(wèn)題……
開(kāi)篇,先講講我自己的趣事。早上出門(mén)后,我總會(huì)電梯里拼命回想,做完早飯我是不是關(guān)了煤氣,沒(méi)關(guān)的話會(huì)不會(huì)一把大火把家燒了。有時(shí)甚至,我會(huì)返回再次確認(rèn)。
也許有些男性朋友不太理解這種行為。
那么,想想你們的愛(ài)車(chē),關(guān)車(chē)門(mén)時(shí)是不是也會(huì)要反復(fù)確認(rèn)?
為了減少意外的發(fā)生,我們總會(huì)對(duì)重要事務(wù)反復(fù)確認(rèn),這應(yīng)該是一種天性。
好吧 言歸正傳!
說(shuō)說(shuō)我為什么講這個(gè)題目
背景—————————————————————————————————————————————————–
最近我搗鼓提現(xiàn)界面優(yōu)化。首當(dāng)其沖優(yōu)化的,當(dāng)然是填兩遍銀行卡。我覺(jué)得這是太多余的行為了。和優(yōu)化小組JS&重構(gòu)的同事說(shuō)完以后,他們立刻跳出來(lái)反對(duì)我。
JS&重構(gòu)同事:“填兩遍銀行卡當(dāng)然有必要??!用戶填錯(cuò)了怎么辦?”如下圖:
大家的看法—————————————————————————————————————————————————–
是不是應(yīng)該填兩遍?我采訪了組里同學(xué)們的看法。
大家都默認(rèn)覺(jué)得,填兩遍銀行卡是非常愚蠢的行為。這不是明擺著讓用戶多操作一步嗎?反正銀行是可以校驗(yàn)姓名和卡號(hào)的,
即使用戶不幸填錯(cuò),也不會(huì)給他造成任何損失呀!
可我們不代表用戶,用戶呢?他們是怎么看這個(gè)問(wèn)題的。
對(duì)于用戶而言,他們不知道銀行卡可以驗(yàn)證姓名。他們只會(huì)認(rèn)為,填錯(cuò)卡號(hào),就意味著錢(qián)要到別人口袋去了。他們顯得異常緊張。
即使覺(jué)得有點(diǎn)麻煩,但用戶對(duì)于填兩遍銀行卡仍然不會(huì)反感。他們甚至?xí)X(jué)得,這是一個(gè)很有必要的事情。
因?yàn)?銀行卡 錢(qián) 支付 這些對(duì)于用戶而言,都是太敏感的信息
小結(jié):顯然,填兩遍銀行卡不是一個(gè)好的設(shè)計(jì),它增加了用戶額外負(fù)擔(dān)。其實(shí)用戶真正的訴求不是填兩遍銀行卡,而是怎么樣能讓“我”的銀行卡號(hào)不填錯(cuò)。
解決方案-—————————————————————————————————————————————————-
那么……怎么辦?在用戶填寫(xiě)銀行卡時(shí),我們需要解決兩個(gè)問(wèn)題:
a 盡可能使用姓名和卡號(hào)即時(shí)校驗(yàn),以最短時(shí)間告訴用戶卡號(hào)與姓名是否匹配,卡號(hào)是否填寫(xiě)正確。
b 心理上,在填寫(xiě)銀行卡的過(guò)程中給用戶心理上的安全感,消除擔(dān)心會(huì)填錯(cuò)卡號(hào)的恐懼心理。
有什么好的辦法,既能不讓用戶那么麻煩的填寫(xiě)兩遍,又能消除用戶擔(dān)心填錯(cuò)的心理呢?
下面是我能想到的幾個(gè)辦法,拋磚引玉。
1. 掃描卡號(hào)
銀行卡會(huì)填錯(cuò),主要是信息在傳遞過(guò)程中出現(xiàn)了錯(cuò)誤。用戶填寫(xiě)銀行卡出現(xiàn)了多次信息傳遞。用戶通過(guò)眼睛看到卡號(hào),再將卡號(hào)傳遞給大腦,通過(guò)大腦發(fā)送指令給手,手再進(jìn)行輸入。
如果能減少信息傳遞的次數(shù),不需要通過(guò)用戶多次傳遞,那么就能大大降低用戶填錯(cuò)銀行卡的幾率。也不會(huì)給用戶的心里造成太大的負(fù)擔(dān)。
掃描卡號(hào),就是一個(gè)不錯(cuò)的辦法。
2. 將信息分組也是防止用戶填錯(cuò)卡號(hào)的有效方式。銀行卡號(hào)輸入后自動(dòng)分隔顯示。
3. 銀行卡號(hào)在輸入框上方放大顯示。當(dāng)然,這個(gè)方法也有一定的弊端,會(huì)讓用戶在輸入時(shí)分心,不能把所有注意力放在輸入框內(nèi)。
4. 模擬真實(shí)銀行卡形式輸入。
5. 再想得遠(yuǎn)一點(diǎn),能不能在輸入框中加一個(gè)小喇叭,點(diǎn)擊小喇叭可以將卡號(hào)播放一遍。
大家還有更好的辦法么?—————-
總結(jié): 顯然,填兩遍銀行卡并非是防止用戶填錯(cuò)卡號(hào)的好辦法。它只是為了解決填錯(cuò)而迫不得已的一個(gè)解決方案。但設(shè)計(jì)師是有辦法的人,我們可以通過(guò)更好的方式來(lái)幫助用戶解決這個(gè)問(wèn)題,
讓用戶在填寫(xiě)銀行卡時(shí)有更好的體驗(yàn)。
另外還想說(shuō)的:我們不是用戶,就算是,也不是普通用戶。永遠(yuǎn)不要以一個(gè)設(shè)計(jì)師的眼光來(lái)看待用戶的行為。
本文地址:http://irelandcustomcontracting.com/tutorial/id1837.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁(yè)前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁(yè)設(shè)計(jì)中引人入勝的引導(dǎo)頁(yè)設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開(kāi)始
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏