了解這4個，讓你更出色的UX設計師

錯誤總是難免的。在UI界面當中，用戶操作失誤或者界面和應用本身出問題的時候，通過報錯信息將當前狀況傳遞給用戶，這種反饋機制可以幫助用戶調(diào)整并找到解決方案。報錯信息、說明、提醒和警告對于品牌，對于產(chǎn)品的用戶體驗，甚至聲譽，都是至關重要的。

在各種UI表單當中，錯誤信息的呈現(xiàn)形式常常存在一些潛在問題，有些產(chǎn)品甚至直接忽略了報錯信息。報錯信息的設計不當有很多不同的呈現(xiàn)形式，不過大多數(shù)都表現(xiàn)為在錯誤的時候提醒，或者包含有誤導性的信息。

根據(jù) UXMas 的說法，報錯信息其實是UI界面當中最需要人性化設計的部分。它應該謙遜，幽默，有助于用戶，并且有足夠的人性關懷。

好在報錯信息的設計是有一些可供遵循的規(guī)則和規(guī)律的，今天的文章，我們總結(jié)了報錯信息設計的4個最佳實踐，供你參考。

 

報錯信息設計案例、原型和最佳實踐

在諸多的表單當中，用戶最常見的表單之一注冊和登錄表單，而用戶在輸入表單的時候，也確實容易手滑失誤，這個時候，錯誤信息就會出來提醒，讓用戶明白哪個地方出了紕漏，需要調(diào)整。用戶通過不同的報錯信息提醒，繞過障礙，這也是讓用戶體驗更加無縫順滑的策略所在。

糟糕的報錯信息很大程度上是源自于用戶體驗設計流程上的規(guī)劃失誤。為什么這么說呢？在原型設計階段，用戶體驗設計師就需要考慮到可能會出現(xiàn)的錯誤，以及相應的錯誤反饋，確保用戶在報錯信息的幫助下，最終能夠完成這個階段的任務，抵達他們的目標。

 

1、報錯信息呈現(xiàn)的位置和時機

當錯誤出現(xiàn)之后，界面應該在第一時刻將錯誤信息呈現(xiàn)出來，而呈現(xiàn)的位置應該在界面上，用戶立刻會注意到的關鍵位置，以免錯過。

在上面兩個錯誤信息呈現(xiàn)的案例當中，設計師使用了彈出框來呈現(xiàn)錯誤信息，告知用戶需要填寫詳細信息才能付款。用戶則需要關閉彈出框之后，再重新填寫，這增加了額外的步驟。而用戶關閉彈出框之后再填寫的時候，也有一定的機率會忘記彈出框的具體要求和內(nèi)容，導致無法正確填寫。這種耗時又令人沮喪的用戶體驗，用戶不會喜歡的。

正確的形式是直接在界面中呈現(xiàn)報錯信息，并且報錯信息緊貼著對應的輸入框，以醒目的色彩在輸入框下方呈現(xiàn)，用戶能收到即時的反饋，也能清晰的標注出所有的要求，便于用戶更正。

 

2、報錯信息要具備可操作性

不管設計得有多好，策略上有突出，如果不為用戶指出一條明路，提供具備可操作性的說明，那么報錯信息就不夠好。

用戶不僅需要知道問題出在哪里，還想知道問題怎么解決。報錯信息如果能夠告知用戶如何規(guī)避攩戧的問題，糾正錯誤，那么他們就能更好地執(zhí)行。

這個案例當中，我們看到了目前最好的錯誤提示信息呈現(xiàn)形式。系統(tǒng)不僅通知用戶電子郵件地址已經(jīng)被使用這一問題，而且還提供了恢復用戶名重新登錄的選項，幫助用戶解決問題。

 

3、報錯信息在視覺上要足夠突出

如果出錯之后，用戶無法迅速注意到報錯信息，這不僅僅浪費了時間，而且耽誤了事情。正如同 Jakbo Nielsen 所說：“最糟糕的報錯信息是那些對用戶而言根本看不到的報錯信息。”不過，難點也就在這個地方，加粗字體和彈出框?qū)τ谟脩舳赃^于具有壓迫感，那么你要如何確保信息能被用戶注意到又不會顯得太過呢？不難，使用正確的色彩來輔助顯示。

色彩是用戶識別信息的重要途徑，它也是設計師向用戶傳遞信息的可靠工具。處于對比的目的，在白色的背景下，使用紅色的錯誤提示信息，會足夠醒目，又不會太過喧賓奪主。

值得注意的是，色彩不應該是報錯信息呈現(xiàn)的唯一指標?？紤]到網(wǎng)頁和移動端應用本身的可用性和可訪問性，設計師應該考慮到色盲用戶的需求，提供色彩以外的視覺提示，確保他們也能看明白。

隨著現(xiàn)實增強、人工智能和語音交互的逐步成熟，應用和用戶之間的交互可以做得更加自然，也具備了更多的設計空間。

 

4、報錯信息一定要具體而富有人性

從某種程度上，你能把上面幾條做好，你的報錯信息在美學特征和體驗上就沒有太多問題了。不過，這個時候還有一個坑要記得繞過去：千萬不要進行錯誤的闡述，或者直接將錯誤代碼扔到界面當中就完事了。

想要確保你的報錯信息可讀并且足夠人性化，下面的建議應該能幫到你：

·報錯應該是感性的，而不是錯誤代碼和數(shù)據(jù)（諸如出現(xiàn)了錯誤43這樣的信息）
·通過闡述具體的問題來清晰而準確地說明
·一致而精準地以相同的調(diào)性來呈現(xiàn)報錯信息
·始終為解決問題而提出建議

正如同Jonathan Colman 所說，正確的報錯信息通常使用簡明而清晰的文字，而失敗的報錯信息通常不會提供關于錯誤發(fā)生的具體狀況以及解決方案，更丑陋的做法是將錯誤信息完全隱藏起來。

下面的設計，就是很明顯的對比：

為何要在你的UI界面當中使用報錯信息？

當用戶和網(wǎng)站或者APP進行交互的時候，出錯始終是無法避免的。錯誤信息幫助用戶在整個用戶流程中克服障礙，減少花費的時間，有助于緩解錯誤發(fā)生時候的挫敗感，提升用戶體驗。

根據(jù)Nielsen 的《First Law of Computer Documentation》，用戶在絕大多數(shù)時候并不太在意報錯和提醒，但是當錯誤和障礙真正發(fā)生的時候，他們才會因此而特別小心。所以，UI/UX設計師如果能夠正確地提供報錯信息，用戶會非常感激的。