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

餿面包
2 評論 3254 瀏覽 23 收藏 11 分鐘
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

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

咱先講個段子。

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

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

“欲練神功,必先自宮”

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

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

“若不自宮,也能成功”

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

悲劇,悲??!

若這幾個字寫在第一頁,哪能如此結(jié)局啊!

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

一、什么是防錯設(shè)計?

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

——維基百科

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

其實防錯已經(jīng)被應(yīng)用到了各個領(lǐng)域,下面咱們僅從互聯(lián)網(wǎng)設(shè)計的角度上來進(jìn)行敘述。

防錯的設(shè)計方法有哪些?

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

預(yù)防錯誤、糾正錯誤、后悔藥。

為什么這么分?

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

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

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

1. 預(yù)防錯誤

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

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

產(chǎn)品設(shè)計中如何預(yù)防錯誤?可以從禁用和限制下手。

1)禁用

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

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

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

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

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

2)限制

針對一些特定的格式,在用戶操作前就進(jìn)行強(qiáng)制的限制,舉三個案例:

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

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

2. 糾正錯誤

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

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

1)提示糾錯

提示糾錯是最常見的糾錯方式,此方式效果較好且開發(fā)成本較低,所以在產(chǎn)品設(shè)計中使用的最多。

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

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

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

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

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

我曾經(jīng)就因為某個產(chǎn)品沒有做這樣嚴(yán)格的確認(rèn)導(dǎo)致我刪除了我的整個知識賬戶的情況,當(dāng)時可真是心痛到無以復(fù)加,還聯(lián)系了客服詢問是否能找回數(shù)據(jù),得到的答復(fù)是不能,到現(xiàn)在還心有余悸。

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

這涉及到人類心理學(xué)范疇,可不要小瞧了人類的好奇心,尤其是對未知危險的好奇心,看看懸疑影視劇里的主人公為什么不聽勸偏偏要去尋找黑暗中的不明動靜就知道,好奇心總會驅(qū)使人們?nèi)プ鲆恍拔kU”的事情。

而產(chǎn)品設(shè)計要做的事情,不是阻斷用戶的好奇心,而是在用戶激發(fā)自己好奇心的時候幫助他不犯錯。

3. 自動糾錯

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

微信公眾號中編輯文章時,若有疑似錯別字的時候,會提示當(dāng)前錯別字的數(shù)量,點擊可以跳轉(zhuǎn)到錯別字的位置,方便編輯者進(jìn)行修改。??

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

二、后悔藥

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

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

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

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

三、如何把握防錯的度?

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

在實際工作中我們不能完全照搬設(shè)計法則,需要結(jié)合業(yè)務(wù)和場景來進(jìn)行考慮,也就是“因地制宜”。

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

我的判斷標(biāo)準(zhǔn)就一個:

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

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

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

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

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

本文由 @餿面包 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 講的太好了

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

    來自廣西 回復(fù)
专题
15581人已学习10篇文章
再好的产品,没有优质的推广渠道加持和App投放增长的方法,也很难实现有效传播和增长。本专题的文章分享了App投放推广指南。
专题
53096人已学习18篇文章
做了好多年的产品经理,该不会连注册登录功能设计都没整明白吧?
专题
12980人已学习12篇文章
营销数字化与数字化营销,是两个不同的概念,很多容易混淆。本专题的文章分享了关于营销数字化的解读。
专题
14147人已学习12篇文章
4P指产品(Product)、定价(Price)、渠道(Place)、宣传(Promotion)。本专题的文章分享了解读4P营销理论。
专题
11926人已学习12篇文章
增长这个话题,是互联网产品在成长过程中绕不过的问题。本专题的文章分享了产品增长指南。
专题
144323人已学习32篇文章
做一个好运营,技术和意识都得过硬。