很多人都在網(wǎng)銀或者直銷銀行中買過理財(cái)產(chǎn)品，各家銀行的理財(cái)產(chǎn)品購買流程是大同小異的：選擇合適的理財(cái)產(chǎn)品——輸入購買金額——確認(rèn)項(xiàng)目信息——返回操作結(jié)果。我們假設(shè)一個(gè)情況，當(dāng)用戶輸入的購買金額超過賬戶余額時(shí)，我們應(yīng)該怎么給用戶一個(gè)錯(cuò)誤提示？
以寧波銀行直銷銀行為例，當(dāng)你想購買 4000 元的直投項(xiàng)目的時(shí)候，點(diǎn)擊「立即購買」按鈕，進(jìn)入「確認(rèn)支付頁面」，點(diǎn)擊「去支付」按鈕，這時(shí)候彈出一個(gè)對話框，告訴你賬戶余額不足。具體多少余額也沒有說清楚，你立馬去「我的賬戶」里看了余額再返回購買，這時(shí)發(fā)現(xiàn)項(xiàng)目都被人搶光了，瞬間奔潰。
從這個(gè)虛擬案例中，我們可以看出錯(cuò)誤提示對于產(chǎn)品用戶體驗(yàn)來說是極其重要的，那么如何才能給用戶提供合適友好的錯(cuò)誤提示呢？
什么是錯(cuò)誤提示用戶在填寫信息的時(shí)候難免會出錯(cuò)，例如，表單太長他們可能會忘記填寫其中的一項(xiàng)，或者輸入了 14 位的手機(jī)號碼，又或者輸入的密碼中只有數(shù)字沒有字母過于簡單等等。這個(gè)時(shí)候我們應(yīng)該給用戶一個(gè)提示，讓他們了解當(dāng)前的錯(cuò)誤狀態(tài)。這就是我們常說的錯(cuò)誤提示。
一個(gè)合格的錯(cuò)誤提示應(yīng)該有以下兩個(gè)基本功能：
1、向用戶報(bào)告錯(cuò)誤狀態(tài)；
2、解釋錯(cuò)誤發(fā)生原因以及如何更正。
錯(cuò)誤提示的種類
1.彈出框
目前來說，彈出框可以說是常見的錯(cuò)誤提示形式。因?yàn)閺棾隹虻目臻g比較大，可以很完整的向用戶告知當(dāng)前的錯(cuò)誤狀態(tài)并且闡明錯(cuò)誤原因以及如何更正。但是彈出框這種形式也有自身的缺陷，那就是用戶如果想更正錯(cuò)誤就必須關(guān)閉這個(gè)彈出框，這樣那些錯(cuò)誤信息就看不到了。在一些特殊情況下錯(cuò)誤信息比較冗長，你沒有辦法短時(shí)間內(nèi)記住，那么就無法完成修改了。
2.頁面
此外，錯(cuò)誤提示還可以通過載入一個(gè)新的頁面來報(bào)告給用戶。比如在你點(diǎn)擊提交按鈕以后進(jìn)入下一個(gè)頁面才知道自己剛才的輸入發(fā)生了錯(cuò)誤。用戶可以通過閱讀提示知道如何更正問題，但是如果想更正這個(gè)問題就要點(diǎn)擊后退按鈕，這樣錯(cuò)誤提示又不存在了，這點(diǎn)和彈出框很像。下面這個(gè)例子比較典型，用戶只知道沒有綁定成功，但是不知道具體的失敗原因，重新綁定也無法避免再次失敗。
3.標(biāo)簽提示
現(xiàn)在還有很多設(shè)計(jì)師開始將錯(cuò)誤提示做成文字標(biāo)簽形式，將其和控件放在一起。這樣子用戶就可以很容易的讀取錯(cuò)誤信息，一眼就能看出來哪里出錯(cuò)了，不用根據(jù)提示的控件名稱去尋找出錯(cuò)的位置，因?yàn)殄e(cuò)誤提示就在發(fā)生錯(cuò)誤控件的旁邊。此外還很容易改正，因?yàn)橛脩舨挥迷偬D(zhuǎn)頁面或去記那些冗長的錯(cuò)誤信息。
錯(cuò)誤提示設(shè)計(jì)原則1.合理的使用配色和圖標(biāo)
就像我在上面說的，錯(cuò)誤提示的個(gè)功能就是向用戶報(bào)告當(dāng)前的錯(cuò)誤狀態(tài)。但是我們沒有必要真正的給用戶顯示：“尊敬的用戶，你剛才的個(gè)人信息填寫錯(cuò)誤balabala…”。錯(cuò)誤狀態(tài)我們可以直接通過顏色和圖標(biāo)來完成。因?yàn)樵跐撘庾R中，人們習(xí)慣性把紅色和錯(cuò)誤聯(lián)系在一起。當(dāng)然考慮到現(xiàn)實(shí)生活中還有相當(dāng)多的用戶是紅綠色盲患者，因此我們知名是紅色和圖標(biāo)搭配使用。
2.文字簡潔易懂
提示文字應(yīng)該盡可能的簡短，用戶看到一大段文字，就很可能會失去了去閱讀的耐心。此外我們應(yīng)該避免使用術(shù)語，讓用戶可以更好的理解。例如你填寫身份證號，多填了一個(gè)數(shù)字，那么我們就應(yīng)該提示用戶「身份證號位數(shù)出現(xiàn)錯(cuò)誤」而不是簡單的「身份證號驗(yàn)證錯(cuò)誤」。因?yàn)轵?yàn)證錯(cuò)誤的種類有很多種，這樣籠統(tǒng)的錯(cuò)誤提示會增加用戶的操作負(fù)擔(dān)。
避免用戶犯錯(cuò)
對于這個(gè)信息錄入這個(gè)操作來說，知名的用戶體驗(yàn)就是避免用戶犯錯(cuò)，而不是等到用戶犯錯(cuò)了以后才思考怎么樣“亡羊補(bǔ)牢”。設(shè)計(jì)師應(yīng)該防患于未然。
1.輸入提醒
我們可以用一句話或者一個(gè)例子來向用戶介紹要輸入什么樣的信息，這個(gè)就是輸入提醒。我們要保持提醒字體比較小或者配色要比標(biāo)簽字體更淺，因?yàn)檩斎胩嵝阎皇瞧鸬揭粋€(gè)輔助輸入的作用，過于顯眼反而會分散用戶注意力。
2.良好的默認(rèn)值
如果你確定對用戶足夠的了解，在用戶進(jìn)行信息錄入的時(shí)候我們可以提供合理的默認(rèn)值。因?yàn)閷τ谟脩魜碚f，填寫信息永遠(yuǎn)都不是一件有趣的事情，合理的默認(rèn)值可以節(jié)省用戶的操作時(shí)間。
3.自動完成
當(dāng)用戶在文本框里輸入時(shí)，系統(tǒng)猜測可能的答案，顯示可選列表。自動完成可以為用戶節(jié)省時(shí)間、精力和記憶成本，避免犯錯(cuò)。
總結(jié)
合理的錯(cuò)誤提示設(shè)計(jì)可以很好的提升產(chǎn)品的用戶體驗(yàn)，建立用戶與產(chǎn)品之間的紐帶。以上是佛山網(wǎng)站建設(shè)零度網(wǎng)絡(luò)對錯(cuò)誤提示設(shè)計(jì)的一些總結(jié)，希望各位看了以后能夠有所收獲。
網(wǎng)站優(yōu)化
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計(jì)、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營南通濟(jì)寧桂林淮安煙臺長春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉(xiāng)商丘臺州哈爾濱太原攝影海口隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟(jì)南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區(qū)
企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價(jià)格規(guī)劃書及
營銷型網(wǎng)站制作,
網(wǎng)站建設(shè)基礎(chǔ)知識
零度飛易是一家專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站制作、seo優(yōu)化,網(wǎng)站推廣,網(wǎng)站建設(shè)的佛山網(wǎng)絡(luò)運(yùn)營公司。零度飛易在