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