歡迎來到有言有料，讓思考更有張力本文共 3873?字，預計閱讀 10?分鐘
作者｜Siddharth Gulati
譯者｜張聿彤本文翻譯已獲得作者的正式授權(授權截圖如下)
在用戶界面(UI)設計中，重要的是要注意最細微的細節，以使用戶的體驗愉悅而難忘。在這里，你將學習如何使用防錯原則來創建出色的用戶體驗(UX)。因此，如果你有興趣為用戶加倍努力，創建出色的用戶體驗，成為更好的用戶體驗設計師，請繼續閱讀。
防錯原則來源于 Jakob Nielsen 提出的「尼爾森的十大可用性原則」。用 Nielsen 的話來說，防錯包括以下內容：「 比好的錯誤提示更好的是細致的設計，這樣可以在第一時間防止問題的發生。要么消除容易出錯的情況，要么在用戶提交操作之前向他們說明操作后果，確認是否要繼續?」從本質上講，需要在用戶即將犯錯時發出警報，目的是讓用戶在不犯錯的情況下輕松地完成他們正在做的事情。防錯原則之所以重要，主要是因為人類容易犯錯，而且總是會犯錯。從用戶體驗的角度來看，防錯原則十分重要，原因如下。在如今信息過載的時代，用戶承受著大量的信息負荷，并且很容易分心。?所以，犯錯的幾率變得更高。?這導致：- 用戶難以完整閱讀屏幕上的所有內容
- 用戶在進行打字、單擊等操作時容易犯錯誤
圖1. Mailchimp 要求用戶打字輸入“DELETE”(刪除)確認操作方式，作為錯誤預防從上圖可以看到，除非正確輸入“DELETE“的每一個字母，否則無法刪除原定發送給訂閱者的電子郵件。當我想向訂閱者發送電子郵件時，Mailchimp 遵循類似的策略。為了防止意外出錯，或是在不應該發送的時候發送電子郵件，他們采取了以下防護措施
圖2. Mailchimp 再次展示了錯誤預防功能，這次應用在用戶發送電子郵件時從上圖可以看到，在用戶向訂閱者發送電子郵件之前，彈出一個彈窗要求用戶確認其操作。通過反復要求用戶確認操作(這樣做時不要過于打擾用戶，不要讓用戶反復確認操作次數過多，這樣會使用戶感到厭煩)，Mailchimp 很好地應用了防錯原則，從而使用戶感到安全，創建一個整體良好的用戶體驗。現在，讓我們看一些在這方面很糟糕的設計(即沒有錯誤預防)，然后將它們與展示了良好設計的服務進行比較(即出色的錯誤預防)。體驗不佳的設計：Bitly
最近，我使用了網址縮短服務(生成短鏈接) Bitly。我按照流程進行注冊，創建了一個新帳戶。但是，當我嘗試登錄時，無法進行登錄，并且只收到了一條錯誤提示，內容是“不對，再試一次”。但是，這樣的錯誤提示沒有告訴我到底哪里出了問題。我不知道輸入錯了什么：是用戶名錯了，還是密碼錯了，還是都錯了？最重要的是，“ 不對”這個詞在我看來也有些不被尊重的感覺，就像 Bitly 在嘲笑我的錯誤一樣。可以參考稍后要介紹的 Facebook 的解決方案，一個好的防錯策略可以清楚地將錯誤劃分邊界，即明確告訴用戶到底是哪里出錯了，是用戶名，還是密碼輸入錯誤。Facebook 做得很好，甚至更進一步，如果你碰巧犯了這樣的錯誤，它會告訴你，你的密碼輸入錯了。
圖3. 錯誤預防方面體驗不佳的設計案例--不告訴我電子郵件地址/用戶名或密碼是否輸入錯誤另一個體驗不佳的設計：ProtonMail
我習慣使用 ProtonMail，這是一家注重隱私的瑞士電子郵件服務商。總的來說，我對他們的服務感到滿意，現在也一直是。但是，最近我觀察到 ProtonMail 在防錯方面也出現了體驗不佳的設計。發送電子郵件時，如果我在電子郵件的主體中寫了“附件”，但忘記實際添加附件，它仍然允許我發送電子郵件，并且不會彈出任何確認對話框來警告我忘記了添加附件。下文中我們將看到，Gmail 針對這一問題是如何設計解決方案的。
圖4. 使用?ProtonMail?編輯郵件時，如果只寫了文字“附件“，卻忘記上傳附件內容，郵件仍然可以成功發送這個操作將會帶來什么問題？假設你正在通過電子郵件申請一份工作。你已經花費了數小時來整理自己的想法，以撰寫出完美的求職信息，并竭盡全力讓自己成為最合適的候選人。但是，由于你所有的精力都集中在郵件的編輯中，因此，你按下“發送”按鈕后沒有注意到忘記添加附件了……直到后來才意識到實際上并沒有附上簡歷。現在，你處于尷尬的境地，必須決定是否應該發送尷尬的解釋郵件(這次附有簡歷)，或者繼續找其他的工作……或者寄希望于這封電子郵件能成功地吸引 HR，請你發送簡歷(不太可能)。你可能會因為這個錯誤而自責，這個也是用戶體驗設計中關于防錯原則的反面案例。思考防錯原則的重要性
用一個類比來解釋防錯原則在用戶體驗設計中的重要性。假設你在咖啡店里點咖啡， 你問服務員：“你好，我可以喝杯咖啡嗎？” 服務員的回答很簡單：“沒有。”你很困惑地問他：“你確定嗎？我聞到咖啡的香味了，看到其他人在餐廳喝咖啡。” 這次，他根本沒有回應。在鄰桌人點單后，你發現必須告訴服務員你想要哪種咖啡，否則，無法下單購買咖啡。因此，你只有具體說明要點“ 拿鐵咖啡“，他才會為你提供服務。如果在餐廳的某個地方張掛一個牌子，上面寫著“請告訴我們您想要什么咖啡，以便我們完成您的訂單”，這不是很好嗎？經歷了這樣的購物體驗之后，你還會再去那家咖啡店嗎？優秀的設計：Facebook
還記得嗎，上文中給出過 Bitly 的案例 —— 登錄界面不會告訴用戶是否輸入了錯誤的用戶名或密碼。相反，Facebook 會告訴我到底犯了什么錯誤。例如，Facebook 通過明顯地警告我輸入了錯誤的密碼，來確切地說明我所犯的錯誤。這樣的實時反饋不僅減輕了我的認知負擔，而且還幫助我創建了一個整體良好的用戶體驗，因為我知道，系統會清楚的告知我犯了什么錯誤，從而可以輕松地糾正它們。
圖5. Facebook 確切告訴用戶在哪里犯了錯誤，幫助用戶快速糾正錯誤，用醒目的提示說明輸入了錯誤的密碼Facebook 甚至更進一步，還提醒我是否輸入了舊密碼。例如，請看下面的圖片，我錯誤地輸入了舊密碼，Facebook 提醒了我這一點。這種通過溫和地引導我的錯誤來預防錯誤的方法，為我在使用 Facebook 時創建了一個整體良好的用戶體驗。
圖6. Facebook 通過溫和地引導用戶知曉錯誤來預防錯誤的方法，為用戶在使用 Facebook 時創建了一個整體良好的用戶體驗另一個優質的設計：Gmail
上文中提到了 ProtonMail 作為錯誤預防方面的體驗不佳的案例，因為它在用戶犯錯時不會進行提醒。相反，Gmail 在這一點上提供了優質的解決方案。如果我在電子郵件的主體中寫了一個帶有“ 附件”字樣的信息，卻忘記了添加附件，Gmail 會為此提供一個確認對話框，再次檢查我的操作。對話框如下圖所示，Gmail 提示我沒有添加附件。通過提供此功能，Gmail 不僅讓我在使用該系統時感到更安全、更有信心，還對系統的可用性產生了積極的影響。
圖7. Gmail 通過提醒我忘記添加附加文件，展示了在錯誤預防方面的出色設計。我們可以從中學到什么？
需要記住的重點是用戶始終都會犯錯誤。因此，一個好的用戶體驗策略應該是：1)通過提供建議來防止無意識的錯誤，因為用戶通常會分心于手頭的任務2)使用設計模式向用戶傳達他們的工作方式，鼓勵用戶仔細檢查其操作(尤其是在刪除之前)，并在犯錯誤之前發出警告。這些簡單的指導原則可以幫助降低用戶出錯率，并最終提高可用性認真細致地進行設計時，可以領先于用戶，證明你的產品對用戶和用戶每天所面對的現實具備同理心?—— 在這個世界里，人們一邊申請工作，一邊查看最新消息，同時還在擔心他們關心的人和事，以及作為一個人所包含的一切(信息負荷，容易分心，容易出錯)。原文：https://uxdesign.cc/error-prevention-in-ux-design-how-facebook-and-gmail-get-it-right-ee9df267268f注：感謝閱讀，以上內容由 TCC 翻譯情報局提供，如有收獲，還望各位設友動動手指點下廣告和在看，也可分享到你的朋友圈！- 知識拓展 -
關于文中提到的通過防錯原則提升用戶體驗的方法，之前 Seven 在一次公開分享中進行了詳細的分析，有圖有真相，小編已經為大家準備好了。除此之外，小編還整理了?防錯十原則?和?缺陷控制方法?的詳細表格說明～想要了解更多關于防錯原則知識點的小伙伴們，可在有言有料公眾號后臺回復 「防錯」，即可獲得完整版 PPT 和防錯原則學習資料～- 有言有料?-有言有料是一個充滿魅力的組織，是一群不安分的用戶體驗師和產品經理發起的分享交流學習平臺，目前聚集了 20000 多位來自世界各地的互聯人，相互學習成長，我們正在改變自己，改變世界。如果你也是在互聯網不斷尋求突破的小伙伴，想和志同道合的同伴一起交流，共同成長，添加群主微信：dool_e，備注「入群」，等待群主帶領你和我們相見～
關注收藏公眾號，獲取最新咨詢和知識有言｜有料｜有課｜有物給有言來一套“素質四連“吧
)
函數去重(保留重復值，取重復值)...)
