如何做出使用者不反感的錯誤提示?來看這篇總結!

2022-09-21 21:15:15 字數 2008 閱讀 7723

相信在日常生活中,很多人都曾經在各家銀行的網上銀行或者直銷銀行中買過理財產品。各家銀行的理財產品購買流程都是大同小異的:選擇合適的理財產品——輸入購買金額——確認專案資訊——返回操作結果。我們假設乙個情況,當使用者輸入的購買金額超過賬戶餘額時,我們應該怎麼給使用者一程式設計客棧個錯誤提示?

以寧波銀行直銷銀行為例,當你想購買 4000 元的直投專案的時候,點選「立即購買」按鈕,進入「確認支付頁面」,點選「去支付」按鈕,這時候彈出乙個對話方塊,告訴你賬戶餘額不足。具體多少餘額也沒有說清楚,你立馬去「我的賬戶」裡看了餘額再返回購買,這時發現專案都被人搶光了,瞬間奔潰。

從這個虛擬案例中,我們可以看出錯誤提示對於產品使用者體驗來說是極其重要的,那麼如何才能給使用者提供合適友好的錯誤提示呢?

什麼是錯誤提示要了解什麼是錯誤提示,我們應該首先了解錯誤提示的由來。使用者在填寫資訊的時候難免會出錯,例如,表單太長他們可能會忘記填寫其中的一項,或者輸入了 14 位的手機號碼,又或者輸入的密碼中只有數字沒有字母過於簡單等等。這個時候我們應該給使用者乙個提示,讓他們了解當前的錯誤狀態。這就是我們常說的錯誤提示。

乙個合格的錯誤提示應該有以下兩個基本功能:

錯誤提示的種類1.彈出框

目前來說,彈出框可以說是最常見的錯誤提示形式。因為彈出框的空間比較大,可以很完整的向使用者告知當前的錯誤狀態並且闡明錯誤原因以及如何更正。但是彈出框這種形式也有自身的缺陷,那就是使用者如果想更正錯誤就必須關閉這個彈出框,這樣那些錯誤資訊就看不到了。在一些特殊情況下錯誤資訊比較冗長,你沒有辦法短時間內記住,那麼就無法完成修改了。

2.頁面

此外,錯誤提示還可以通重載入乙個新的頁面來報告給使用者。比如在你點選提交按鈕以後進入下乙個頁面才知道自己剛才的輸入發生了錯誤。使用者可以通過閱讀提示知道如何更正問題,但是如果想更正這個問題就要點選後退按鈕,這樣錯誤提示又不存在了,這點和彈出框很像。下面這個例子比較典型,使用者只知道沒有繫結成功,但是不知道具體的失敗原因,重新繫結也無法避免再次失敗。

3.標籤提示

現在還有很多設計師開始將錯誤提示做成文字標籤形式,將其和控制項放在一起。這樣子使用者就可以很容易的讀取錯誤資訊,一眼就能看出來**出錯了,不用根據提示的控制項名稱去尋找出錯的位置,因為錯誤提示就在發生錯誤控制項的旁邊。此外還很容易改正,因為使用者不用再跳轉頁面或去記那些冗長的錯誤資訊。

錯誤提示設計原則1.合理的使用配色和圖示

就像我在上面說的,錯誤提示的第乙個功能就是向使用者報告當前的錯誤狀態。但是我們沒有必要真正的給使用者顯示:「尊敬的使用者,你剛才的個人資訊填寫錯誤balabala…」。錯誤狀態我們可以直接通過顏色和圖示來完成。因為在潛意識中,人們習慣性把紅色和錯誤聯絡在一起。當然考慮到現實生活中還有相當多的使用者是紅綠色盲患者因此我們最好是紅色和圖示搭配使用。

2.文字簡潔易懂

提示文字應該盡可能的簡短,使用者看到一大段文字,就很可能會失去了去閱讀的耐心。此外我們應該避免使用專業術語,讓使用者可以更好的理解。例如你填寫身份證號,多填了乙個數字,那麼我們就應該提示使用者「身份證號位數出現錯誤」而不是簡單的「身份證號驗證錯誤」。因為驗證錯誤的種類有很多種,這樣籠統的錯誤提示會增加使用者的操作負擔。

避程式設計客棧免使用者犯錯對於這個資訊錄入這個操作來說,最好的使用者體驗就是避免使用者犯錯,而不是等到使用者犯錯了以後才思考怎麼樣「亡羊補牢」。設計師應該防患於未然。

1.輸入提醒

我們可以用一句話或者乙個例子來向使用者介紹要輸入什麼樣的資訊,這個就是輸入提醒。我們要保持提醒字型比較小或者配色要比標籤字型更淺,因為輸入提醒只是起到乙個輔助輸入的作用,過於顯眼反而會分散使用者注意力。

2.良好的預設值

如果你確定對使用者足夠的了解,在使用者進行資訊錄入的時候我們可以提供合理的預設值。因為對於使用者來說,填寫資訊永遠都不是一件有趣的事情,合理的預設值可以節省使用者的操作時間。

3.自動完成

當使用者在文字框裡輸入時,系統猜測可能的答案,顯示可選列表。自動完成可以為使用者節省時間、精力和記憶成程式設計客棧ibsulc本,避免犯錯。

總結合理的錯誤提示設計可以很好的提公升產品的使用者體驗,建立使用者與產品之間的紐帶。以上是我對錯誤提示設計的一些總結,希望各位看了以後能夠有所收穫。

本文標題: 如何做出使用者不反感的錯誤提示?來看這篇總結!

本文位址:

如何做出更好的跳槽選擇

前言 著眼回看上篇文章推送,已經過去很長時間。此前曾自我要求,每月至少有篇文章產出。如今拖延多日,內心惶惶不安。自憂三天打魚兩天曬網,做事有始無終。先簡單解釋為何拖更,一是筆者前段時間打算換份工作,期間多在準備面試。二是希望博文能有深入理解,不至於嚼之無味。缺乏充足時間以及平穩心態導致幾篇文章起了開...

教你如何做出有創意的作品

我們想創意,要去生活中尋找靈感 越貼近生活越好,而不是去胡思亂想憑空捏造,雖然沒有洞察的創意也不一定是差創意,但是有洞察的創意更能引起共鳴 更能打動人,也更能引發傳播。手機有毒,畫面是把手機做成毒蛇 蜘蛛等 沉迷於手機會讓這個世界毫無生氣,把低頭玩手機的人做成無頭喪屍的樣子。這兩個創意的前半句都是創...

如何做出老闆想要的統計報表

小妹我從事需求工作多年,現在帶領著公司的需求團隊,一直想要把工作中發生的事情記錄下來,但是一直沒有勇氣提筆,提起筆了又不知道要寫寫什麼,今天終於得空來寫寫工作中遇到的事。作為需求人員及管理人員,最重要的一項工作就是分析報表 統計報表,前段時間讓一新來的妹妹製作乙個統計報表,報表的重要性也已經說了,報...