9條建議帶你深入了解防錯(cuò)原則
▲點(diǎn)擊 "TCC翻譯情報(bào)局" 關(guān)注，回復(fù) "社群" 加入我們
本文共 2974 字，預(yù)計(jì)閱讀 8 分鐘
TCC 情報(bào)局的 第 121 篇 干貨分享
2022 年的 第 19 篇
TCC 推薦：大家好，這里是 TCC 翻譯情報(bào)局,我是張聿彤。尼爾森十大原則由畢業(yè)于哥本哈根的人機(jī)交互學(xué)博士Jakob Nielsen發(fā)表，Jakob Nielsen對(duì)人機(jī)交互有很多研究，他提出十大可用性原則，用來(lái)評(píng)價(jià)用戶體驗(yàn)的好壞，每個(gè)產(chǎn)品設(shè)計(jì)者都可以根據(jù)這十大原則進(jìn)行自查。本文中主要介紹了防錯(cuò)原則的具體應(yīng)用示例，接下來(lái)讓我們一起看看吧。
1. 錯(cuò)誤預(yù)防
1. Error prevention
錯(cuò)誤預(yù)防是用戶界面設(shè)計(jì)的 10 條啟發(fā)式評(píng)估可用性的原則之一（ 尼爾森啟發(fā)式評(píng)估可用性的 10 條原則 ）。據(jù)統(tǒng)計(jì)，犯錯(cuò)誤的頻率和嚴(yán)重性與系統(tǒng)的整體可用性呈負(fù)相關(guān)。
( [1]尼爾森啟發(fā)式評(píng)估可用性的 10 條原則
https://www.nngroup.com/articles/ten-usability-heuristics/)
盡管無(wú)法確保用戶始終按照我們希望的方式使用我們的設(shè)計(jì)，但仍有一些方法可以防止（ 或減少 ）用戶誤操作，而且當(dāng)涉及到破壞性操作時(shí)（ 例如，從系統(tǒng)中刪除文件）尤為重要。
對(duì)話框是系統(tǒng)和用戶之間的“ 對(duì)話 ”。模態(tài)對(duì)話框會(huì)打斷用戶本身的任務(wù)流程，并要求他們采取行動(dòng)或向他們提供有關(guān)當(dāng)前工作流程的緊急信息。在執(zhí)行破壞性操作之前，用戶通常會(huì)看到一個(gè)確認(rèn)對(duì)話框。
破壞性操作的確認(rèn)對(duì)話框示例
這些行為被稱為 肯定性破壞性行為；由用戶發(fā)起的破壞性操作，其中出現(xiàn)模態(tài)對(duì)話框以確認(rèn)操作，并確保用戶完全理解操作所帶來(lái)的后果。在某些情況下，用戶或系統(tǒng)可能會(huì)意外啟動(dòng)破壞性操作。例如，在填寫尚未提交的表單時(shí)離開頁(yè)面可能會(huì)導(dǎo)致數(shù)據(jù)丟失。
當(dāng)用戶在沒(méi)有保存數(shù)據(jù)的情況下意外離開頁(yè)面時(shí)觸發(fā)錯(cuò)誤預(yù)防模態(tài)對(duì)話。
2. 如何改進(jìn)破壞性操作的模態(tài)對(duì)話框？
2. How can we improve destructive action modals？
1）在執(zhí)行操作之前提示
在 執(zhí)行具有嚴(yán)重后果的操作 之前（ 例如破壞用戶的工作 —— 刪除文件 / 帳戶等 ），應(yīng)使用確認(rèn)對(duì)話框，這在無(wú)法撤消的行動(dòng)之前尤為重要。
2）重申用戶的請(qǐng)求
確認(rèn)對(duì)話框必須重申用戶的請(qǐng)求，并說(shuō)明如果請(qǐng)求得到確認(rèn)，系統(tǒng)將執(zhí)行什么操作，這使用戶能夠更加清楚地了解其操作的結(jié)果。將用戶的行為描述成一個(gè)問(wèn)題，是一種吸引用戶注意力，并讓他們停下來(lái)考慮自身的上一步操作的方式。下面的示例證明了這一點(diǎn)。
重申用戶請(qǐng)求的破壞性操作確認(rèn)對(duì)話框示例。
3）幫助用戶理解操作
為了實(shí)現(xiàn)這一點(diǎn)，微內(nèi)容 [2] 很重要。應(yīng)該避免是 / 否以及那種含糊的選項(xiàng)（ 參見下面的一個(gè)反面案例 ）并且按鈕的文本應(yīng)該著重強(qiáng)調(diào)即將做出的選擇（ 例如，刪除帳戶 ）。此外，在對(duì)話框中添加一些輔助解釋會(huì)很有用，但主要消息應(yīng)該在按鈕文本中，因?yàn)榧痹甑挠脩舾锌赡芎雎阅切┹o助的解釋只關(guān)注按鈕的文本。
( [2] 微內(nèi)容是一種用戶體驗(yàn)文案，以短文片段或短語(yǔ)的形式出現(xiàn)，通常沒(méi)有額外的背景支持。)
糟糕的微文案會(huì)讓用戶感到困惑，并可能導(dǎo)致用戶犯錯(cuò)并非常沮喪。
4）將按鈕差異化
例如，在一個(gè)按鈕上使用了紅色，可幫助用戶識(shí)別出來(lái)這是一個(gè)破壞性操作。在這里 顏色與主按鈕的文案相匹配，并明確了按鈕的用途，但是，由于可訪問(wèn)性和文化差異，僅依靠顏色是不夠的。尤其是世界上大約 4.5 % 的人口患有某種形式的色盲，僅使用顏色來(lái)傳達(dá)意義可能會(huì)讓我們的很大一部分用戶 被拒之門外。因此，按鈕標(biāo)簽需要具有足夠的描述性，以便在沒(méi)有顏色的情況下獨(dú)立表達(dá)含義。為了使警告信號(hào)更引人注意且更 易于理解，還可以在屏幕上顯示一個(gè)代表破壞性操作的圖標(biāo)。
5）不要過(guò)度使用
對(duì)常規(guī)動(dòng)作使用確認(rèn)性對(duì)話框會(huì)影響用戶對(duì)破壞性動(dòng)作對(duì)話框的認(rèn)知。如果用戶 看到了太多確認(rèn)性對(duì)話框的模態(tài)窗口，他們可能會(huì)習(xí)慣它們，并且不再注意他們。結(jié)果就會(huì)導(dǎo)致確認(rèn)性對(duì)話框失去了錯(cuò)誤預(yù)防的能力。
6）保證簡(jiǎn)潔
確認(rèn)性對(duì)話應(yīng)該簡(jiǎn)短，以便于瀏覽，但是，在某些情況下，用戶可能希望在提交之前了解有關(guān)其行為后果的更多信息。在這些情況下，可以使用 漸進(jìn)式披露 [3] 的交互方式。
( [3] 漸進(jìn)式披露 ：漸進(jìn)式披露不直接用戶提供大量的信息和選擇，而是將這個(gè)過(guò)程分解成幾部分，讓用戶集中注意力在當(dāng)前的事件上，從易到難地引導(dǎo)用戶，這樣不僅可以確保用戶不會(huì)被新信息淹沒(méi)，還可以分解用戶不想做的任務(wù)。)
漸進(jìn)式披露能使用戶自主決定是否要了解更多當(dāng)前行為的后果
7）避免默認(rèn)選擇
我們要 避免給確認(rèn)性對(duì)話框提供默認(rèn)的選擇，因?yàn)楸緛?lái)我們的目的就是通過(guò)這種模式讓用戶仔細(xì)檢查他們的操作，從而預(yù)防用戶犯錯(cuò)。
8）撤銷破壞性操作
理想情況下，我們應(yīng)該允許用戶撤消破壞性操作，很多時(shí)候在一瞬間你就意識(shí)到自己犯下了一個(gè)可怕的錯(cuò)誤。許多 APP 允許用戶撤消此類操作，或者使用撤消空間，或者讓用戶在最終完成操作之前編輯這些操作。這與 啟發(fā)式評(píng)估可用性的10條原則中另一條的核心觀點(diǎn)相吻合 ，即用戶的控制性和自由度。這可以減少用戶的焦慮，并能幫助他們 挽回重大錯(cuò)誤操作造成的損失。當(dāng)用戶知道他們可以撤消操作并從錯(cuò)誤中恢復(fù)時(shí)，他們會(huì)感覺(jué)對(duì)產(chǎn)品有更多的控制權(quán)。Google 的 Gmail 有一個(gè)可選的“撤消發(fā)送”功能已經(jīng)有一段時(shí)間了，它為用戶提供了 20 秒的緩沖時(shí)間來(lái)撤消他們的操作。
9）通過(guò)輸入確認(rèn)操作
如果無(wú)法實(shí)現(xiàn)撤消按鈕，我們可以提示用戶在文本字段中輸入文字確認(rèn)執(zhí)行破壞性操作（ 例如需要用戶手動(dòng)鍵入刪除 / 確認(rèn) / 等 ）。提示他們輸入以確認(rèn)，強(qiáng)迫他們停下來(lái)并閱讀模態(tài)文本，從而做出有意識(shí)的決定。雖然有可能意外地按錯(cuò)按鈕，但不可能意外地輸入動(dòng)作，因?yàn)檫@需要深思熟慮,下面給出一個(gè)例子。
“鍵入以確認(rèn)”模式可確保用戶做出有意識(shí)的決定
以上便是針對(duì)破壞性操作預(yù)防模態(tài)對(duì)話框設(shè)計(jì)的9點(diǎn)建議，可能不能做到萬(wàn)無(wú)一失，但關(guān)注每一個(gè)細(xì)節(jié)，一定會(huì)讓你的設(shè)計(jì)得到提升，進(jìn)而提升產(chǎn)品的用戶體驗(yàn)，如果你有別的建議和技巧，歡迎在評(píng)論區(qū)分享~
本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）
案例研究｜康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)師能從日式美學(xué)中學(xué)到什么？
案例研究｜一款為你帶來(lái)難忘體驗(yàn)的美食 APP
如何制作打動(dòng)面試官的作品集，這里有一份完整的指導(dǎo)手冊(cè)
如何做好用戶體驗(yàn)項(xiàng)目？從一個(gè)好計(jì)劃開始
如何建立設(shè)計(jì)系統(tǒng)
如何把握不同層級(jí)用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)
TCC 視野｜2021 年用戶體驗(yàn)設(shè)計(jì)趨勢(shì)分析
