很多人都在網銀或者直銷銀行中買過理財產品，各家銀行的理財產品購買流程是大同小異的：選擇合適的理財產品——輸入購買金額——確認專案資訊——返回操作結果。我們假設一個情況，當多用户輸入的購買金額超過賬户餘額時，我們應該怎麼給多用户一個錯誤提示？
以寧波銀行直銷銀行為例，當您想購買 4000 元的直投專案的時候，點選「立即購買」按鈕，進入「確認支付頁面」，點選「去支付」按鈕，這時候彈出一個對話方塊，告訴您賬户餘額不足。具體多少餘額也沒有説清楚，您立馬去「我的賬户」裏看了餘額再返回購買，這時發現專案都被人搶光了，瞬間奔潰。
從這個虛擬案例中，我們可以看出錯誤提示對於產品多用户體驗來説是極其重要的，那麼如何才能給多用户提供合適友好的錯誤提示呢？
什麼是錯誤提示多用户在填寫資訊的時候難免會出錯，例如，表單太長他們可能會忘記填寫其中的一項，或者輸入了 14 位的手機號碼，又或者輸入的密碼中只有數字沒有字母過於簡單等等。這個時候我們應該給多用户一個提示，讓他們瞭解當前的錯誤狀態。這就是我們常説的錯誤提示。一個合格的錯誤提示應該有以下兩個基本功能：1 、向多用户報告錯誤狀態；2 、解釋錯誤發生原因以及如何更正。錯誤提示的種類 1. 彈出框目前來説，彈出框可以説是常見的錯誤提示形式。因為彈出框的空間比較大，可以很完整的向多用户告知當前的錯誤狀態並且闡明錯誤原因以及如何更正。但是彈出框這種形式也有自身的缺陷，那就是多用户如果想更正錯誤就必須關閉這個彈出框，這樣那些錯誤資訊就看不到了。在一些特殊情況下錯誤資訊比較冗長，您沒有辦法短時間內記住，那麼就無法完成修改了。
2. 頁面此外，錯誤提示還可以通過載入一個新的頁面來報告給多用户。比如在您點選提交按鈕以後進入下一個頁面才知道自己剛才的輸入發生了錯誤。多用户可以通過閲讀提示知道如何更正問題，但是如果想更正這個問題就要點選後退按鈕，這樣錯誤提示又不存在了，這點和彈出框很像。下面這個例子比較典型，多用户只知道沒有繫結成功，但是不知道具體的失敗原因，重新系結也無法避免再次失敗。
3. 標籤提示現在還有很多設計師開始將錯誤提示做成文字標籤形式，將其和控制組件放在一起。這樣子多用户就可以很容易的讀取錯誤資訊，一眼就能看出來哪裏出錯了，不用根據提示的控制組件名稱去尋找出錯的位置，因為錯誤提示就在發生錯誤控制組件的旁邊。此外還很容易改正，因為多用户不用再跳轉頁面或去記那些冗長的錯誤資訊。
錯誤提示設計原則 1. 合理的使用配色和圖示就像我在上面説的，錯誤提示的個功能就是向多用户報告當前的錯誤狀態。但是我們沒有必要真正的給多用户顯示：“尊敬的多用户，您剛才的個人資訊填寫錯誤 balabala…” 。錯誤狀態我們可以直接通過顏色和圖示來完成。因為在潛意識中，人們習慣性把紅色和錯誤聯絡在一起。當然考慮到現實生活中還有相當多的多用户是紅綠色盲患者，因此我們知名是紅色和圖示搭配使用。
2. 文字簡潔易懂提示文字應該儘可能的簡短，多用户看到一大段文字，就很可能會失去了去閲讀的耐心。此外我們應該避免使用術語，讓多用户可以更好的理解。例如您填寫身份證號，多填了一個數字，那麼我們就應該提示多用户「身份證號位數出現錯誤」而不是簡單的「身份證號驗證錯誤」。因為驗證錯誤的種類有很多種，這樣籠統的錯誤提示會增加多用户的操作負擔。
避免多用户犯錯對於這個資訊錄入這個操作來説，知名的多用户體驗就是避免多用户犯錯，而不是等到多用户犯錯了以後才思考怎麼樣 “亡羊補牢” 。設計師應該防患於未然。 1. 輸入提醒我們可以用一句話或者一個例子來向多用户介紹要輸入什麼樣的資訊，這個就是輸入提醒。我們要保持提醒字型比較小或者配色要比標籤字型更淺，因為輸入提醒只是起到一個輔助輸入的作用，過於顯眼反而會分散多用户注意力。
2. 良好的預設值如果您確定對多用户足夠的瞭解，在多用户進行資訊錄入的時候我們可以提供合理的預設值。因為對於多用户來説，填寫資訊永遠都不是一件有趣的事情，合理的預設值可以節省多用户的操作時間。 3. 自動完成當多用户在文字框裏輸入時，系統猜測可能的答案，顯示可選列表。自動完成可以為多用户節省時間、精力和記憶成本，避免犯錯。
總結合理的錯誤提示設計可以很好的提升產品的多用户體驗，建立多用户與產品之間的紐帶。以上是 WordPress 網站建設 SEO 站羣對錯誤提示設計的一些總結，希望各位看了以後能夠有所收穫。
