TCC 推薦：大家好，這里是 TCC 翻譯情報局，我是張聿彤。尼爾森十大原則由畢業于哥本哈根的人機交互學博士 Jakob Nielsen 發表，Jakob Nielsen 對人機交互有很多研究，他提出十大可用性原則，用來評價用戶體驗的好壞，每個產品設計者都可以根據這十大原則進行自查。本文中主要介紹了防錯原則的具體應用示例，接下來讓我們一起看看吧。

錯誤預防

錯誤預防是用戶界面設計的 10 條啟發式評估可用性的原則之一。據統計，犯錯誤的頻率和嚴重性與系統的整體可用性呈負相關。

盡管無法確保用戶始終按照我們希望的方式使用我們的設計，但仍有一些方法可以防止（ 或減少 ）用戶誤操作，而且當涉及到破壞性操作時（ 例如，從系統中刪除文件）尤為重要。

對話框是系統和用戶之間的“ 對話 ”。模態對話框會打斷用戶本身的任務流程，并要求他們采取行動或向他們提供有關當前工作流程的緊急信息。在執行破壞性操作之前，用戶通常會看到一個確認對話框。

破壞性操作的確認對話框示例

一個確認對話框，詢問用戶進行確認，他們想詢問用戶對剛剛操作進一步確認（ 以防止用戶誤操作 ）。

這些行為被稱為肯定性破壞性行為；由用戶發起的破壞性操作，其中出現模態對話框以確認操作，并確保用戶完全理解操作所帶來的后果。在某些情況下，用戶或系統可能會意外啟動破壞性操作。例如，在填寫尚未提交的表單時離開頁面可能會導致數據丟失。

當用戶在沒有保存數據的情況下意外離開頁面時觸發錯誤預防模態對話。

如何改進破壞性操作的模態對話框？

1. 在執行操作之前提示

在執行具有嚴重后果的操作之前（例如破壞用戶的工作 —— 刪除文件 / 帳戶等），應使用確認對話框，這在無法撤銷的行動之前尤為重要。

2. 重申用戶的請求

確認對話框必須重申用戶的請求，并說明如果請求得到確認，系統將執行什么操作，這使用戶能夠更加清楚地了解其操作的結果。將用戶的行為描述成一個問題，是一種吸引用戶注意力，并讓他們停下來考慮自身的上一步操作的方式。下面的示例證明了這一點。

重申用戶請求的破壞性操作確認對話框示例。

3. 幫助用戶理解操作

為了實現這一點，微內容 [2] 很重要。應該避免是/否以及那種含糊的選項（ 參見下面的一個反面案例 ）并且按鈕的文本應該著重強調即將做出的選擇（ 例如，刪除帳戶 ）。此外，在對話框中添加一些輔助解釋會很有用，但主要消息應該在按鈕文本中，因為急躁的用戶更有可能忽略那些輔助的解釋只關注按鈕的文本。

( [2] 微內容是一種用戶體驗文案，以短文片段或短語的形式出現，通常沒有額外的背景支持。)

糟糕的微文案會讓用戶感到困惑，并可能導致用戶犯錯并非常沮喪。

4. 將按鈕差異化

例如，在一個按鈕上使用了紅色，可幫助用戶識別出來這是一個破壞性操作。在這里顏色與主按鈕的文案相匹配，并明確了按鈕的用途，但是，由于可訪問性和文化差異，僅依靠顏色是不夠的。尤其是世界上大約 4.5 % 的人口患有某種形式的色盲，僅使用顏色來傳達意義可能會讓我們的很大一部分用戶被拒之門外。因此，按鈕標簽需要具有足夠的描述性，以便在沒有顏色的情況下獨立表達含義。為了使警告信號更引人注意且更易于理解，還可以在屏幕上顯示一個代表破壞性操作的圖標。

5. 不要過度使用

對常規動作使用確認性對話框會影響用戶對破壞性動作對話框的認知。如果用戶看到了太多確認性對話框的模態窗口，他們可能會習慣它們，并且不再注意他們。結果就會導致確認性對話框失去了錯誤預防的能力。

6. 保證簡潔

確認性對話應該簡短，以便于瀏覽，但是，在某些情況下，用戶可能希望在提交之前了解有關其行為后果的更多信息。在這些情況下，可以使用漸進式披露 [3] 的交互方式。

( [3] 漸進式披露 ：漸進式披露不直接給用戶提供大量的信息和選擇，而是將這個過程分解成幾部分，讓用戶集中注意力在當前的事件上，從易到難地引導用戶，這樣不僅可以確保用戶不會被新信息淹沒，還可以分解用戶不想做的任務。)

漸進式披露能使用戶自主決定是否要了解更多當前行為的后果

7. 避免默認選擇

我們要避免給確認性對話框提供默認的選擇，因為本來我們的目的就是通過這種模式讓用戶仔細檢查他們的操作，從而預防用戶犯錯。

8. 撤銷破壞性操作

理想情況下，我們應該允許用戶撤銷破壞性操作，很多時候在一瞬間你就意識到自己犯下了一個可怕的錯誤。許多 APP 允許用戶撤銷此類操作，或者使用撤銷空間，或者讓用戶在最終完成操作之前編輯這些操作。這與啟發式評估可用性的 10 條原則中另一條的核心觀點相吻合 ，即用戶的控制性和自由度。這可以減少用戶的焦慮，并能幫助他們挽回重大錯誤操作造成的損失。當用戶知道他們可以撤銷操作并從錯誤中恢復時，他們會感覺對產品有更多的控制權。Google 的 Gmail 有一個可選的“撤銷發送”功能已經有一段時間了，它為用戶提供了 20 秒的緩沖時間來撤銷他們的操作。

9. 通過輸入確認操作

如果無法實現撤銷按鈕，我們可以提示用戶在文本字段中輸入文字確認執行破壞性操作（ 例如需要用戶手動鍵入刪除/確認/等 ）。提示他們輸入以確認，強迫他們停下來并閱讀模態文本，從而做出有意識的決定。雖然有可能意外地按錯按鈕，但不可能意外地輸入動作，因為這需要深思熟慮，下面給出一個例子。

提示：在非常關鍵的刪除操作中也應謹慎使用這種方式，因為如果經常使用，可能會惹惱用戶。

“鍵入以確認”模式可確保用戶做出有意識的決定

以上便是針對破壞性操作預防模態對話框設計的 9 點建議，可能不能做到萬無一失，但關注每一個細節，一定會讓你的設計得到提升，進而提升產品的用戶體驗，如果你有別的建議和技巧，歡迎在評論區分享~

歡迎關注作者微信公眾號：「TCC翻譯情報局」