《葵花寶典》的啟示——防錯設計真的不能少!

2 評論 3130 瀏覽 23 收藏 11 分鐘

防錯設計一定程度上可以防止使用者操作錯誤,而產品設計人員可以從用戶操作前、中、后三個維度入手,搭建產品防錯設計策略。具體如何操作?本文作者就做了總結,一起來看看吧。

咱先講個段子。

大家應該都聽過葵花寶典的故事吧,講的是一青年男子得到一本絕世秘籍,名喚《葵花寶典》。

翻開第一頁赫然八個大字:

“欲練神功,必先自宮”

于是此男子心一橫,手起刀落……然后練就一身絕世神功。

待他翻到秘籍最后一頁時,瞠目結舌,口吐鮮血倒地而亡,沾血的秘籍仍被他緊緊握住,紙上八個大字:

“若不自宮,也能成功”

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

悲劇,悲??!

若這幾個字寫在第一頁,哪能如此結局?。?/p>

哈哈哈哈,雖然是我現編的段子……但是你是不是也感受到了防錯的重要性,所謂一失足成千古恨~~~

一、什么是防錯設計?

防錯,或者叫做防呆,一種預防矯正的行為約束手段,運用防止錯誤發生的限制方法,讓操作者不需要花費注意力、也不需要經驗與專業知識,憑借直覺即可準確無誤地完成的操作。

——維基百科

簡單講就是防止你犯錯的措施。

其實防錯已經被應用到了各個領域,下面咱們僅從互聯網設計的角度上來進行敘述。

防錯的設計方法有哪些?

斷根、保險、自動、復制等防錯原則相信大家也聽過,分得較細,我個人更喜歡把防錯設計分為三部分:

預防錯誤、糾正錯誤、后悔藥。

為什么這么分?

用戶使用軟件的操作過程分為3個階段,操作前、操作中、操作后,而對應這三個階段的防錯設計方法就是操作前預防、操作中糾正和操作后的后悔藥。

比起太多的防錯法則,我覺得濃縮成3步更好記憶。

那么下面就從這三個方面來講述一些常見的防錯設計方法。

1. 預防錯誤

預防錯誤意思是讓用戶沒有機會犯錯,最典型的如USB接口,老防錯案例了,從接口形狀上就把犯錯的可能性給杜絕了。

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

產品設計中如何預防錯誤?可以從禁用和限制下手。

1)禁用

不可選的操作直接置灰處理,讓你一眼就知道是不可用的,最常見的比如登錄時未輸入信息時按鈕置灰。

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

但是這里需要注意一點,當我們遇到較長的表單時,最好不要使用置灰處理方式。

表單較長,意味著信息可能超過手機一屏外,當用戶漏填時需要上下滾動來尋找自己未填寫的信息。如果采用置灰處理,會讓用戶很難找到自己到底是哪一項未填寫。

建議的處理方式是按鈕可點擊,點擊后若有必填項為空,則焦點定位到該選項提示用戶填寫信息。

2)限制

針對一些特定的格式,在用戶操作前就進行強制的限制,舉三個案例:

  1. 輸入手機號時限制只能輸入11位數字。
  2. 抖音拍視頻時設置預告卡片的位置的設計中,限制了卡片的操作區域。
  3. 有時長要求的短視頻,在裁剪時限制了時長,用戶如何裁剪都不會超過時長。

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

2. 糾正錯誤

糾正錯誤指的是用戶在操作過程中犯了錯或者即將犯錯時,可以幫助用戶糾正錯誤,可以提示用戶讓用戶“知錯”就改,也可以讓系統識別錯誤后幫助用戶改錯。

下面從提示糾錯和自動糾錯兩方面來舉例。

1)提示糾錯

提示糾錯是最常見的糾錯方式,此方式效果較好且開發成本較低,所以在產品設計中使用的最多。

提示糾錯主要采用三種方式,提示程度從弱到強依次為:原地確認、彈窗確認、輸入文字確認。

原地確認:干擾性最弱,用戶使用時流暢度最好,若用戶操作后不會出現很嚴重的后果可以使用此方法。

彈窗確認:干擾性中等,最常見的確認方式,大多數時候使用模態彈窗,對使用流程有阻斷效果,用戶必須完成彈窗的選擇后方能進行下一步。

輸入文字確認:比較少見,常用于刪除重要信息時的確認操作,例如刪除飛書的知識庫時需要輸入知識庫的名稱進行二次確認,對于刪除知識庫此類的大量數據時需要慎重再慎重,若使用一般的確認彈窗則可能出現用戶由于習慣而導致的手滑誤刪,給用戶造成不可挽回的損失。

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

我曾經就因為某個產品沒有做這樣嚴格的確認導致我刪除了我的整個知識賬戶的情況,當時可真是心痛到無以復加,還聯系了客服詢問是否能找回數據,得到的答復是不能,到現在還心有余悸。

你可能會疑惑,既然你知道這個操作危險,為什么要去點擊刪除這個按鈕?

這涉及到人類心理學范疇,可不要小瞧了人類的好奇心,尤其是對未知危險的好奇心,看看懸疑影視劇里的主人公為什么不聽勸偏偏要去尋找黑暗中的不明動靜就知道,好奇心總會驅使人們去做一些“危險”的事情。

而產品設計要做的事情,不是阻斷用戶的好奇心,而是在用戶激發自己好奇心的時候幫助他不犯錯。

3. 自動糾錯

自動糾錯需要更多的開發成本,所以不是每個產品都能做到自動糾錯,下面列舉幾個常用的自動糾錯的設計方法。

微信公眾號中編輯文章時,若有疑似錯別字的時候,會提示當前錯別字的數量,點擊可以跳轉到錯別字的位置,方便編輯者進行修改。??

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

二、后悔藥

所謂“后悔藥”指的是當用戶犯錯后,給予他挽回錯誤的余地,最常見的做法有兩種:撤銷操作和回收站。

  • 撤銷操作:例如電腦上刪除文檔后可以按住control+Z進行撤銷操作,釘釘發送消息后可撤回重新編輯。
  • 回收站:基本上是文檔類產品的標配,第一次刪除只是軟刪除,相當于把文件移入“回收站”這一文件夾,刪除回收站內的文件時才是最終的刪除。

這也是為什么有些產品允許用戶在第一次刪除時不給予二次提示,回收站內刪除時才進行二次確認,這種設計方式可以讓用戶操作上更加流暢。

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

三、如何把握防錯的度?

最后聊一聊防錯設計的邊界,過度防錯反而會成為用戶完成任務的阻礙。

在實際工作中我們不能完全照搬設計法則,需要結合業務和場景來進行考慮,也就是“因地制宜”。

那么如何判斷邊界在哪里呢?

我的判斷標準就一個:

如果可挽回,就盡量不阻斷用戶的流程。

其實大部分情況下,只要是可挽回的操作,阻斷用戶的流程實在大可不必,阻斷在很多時候會干擾用戶的心流。

為什么很多人覺得蘋果的使用很流暢?

其實未必是它物理反應時間快,而是它讓你感覺阻斷少,只要能挽回就不打斷你的操作。

《葵花寶典》帶來的啟示:防錯設計真的必不可少!

本文由 @餿面包 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 講的太好了

    來自上海 回復
  2. 這種提示真的太重要了,比如一不小心就把重要數據誤刪了

    來自廣西 回復