防呆設(shè)計(jì)的10個(gè)通用設(shè)計(jì)原則

看文章的時(shí)候無意間看到“防呆設(shè)計(jì)”這個(gè)詞,第一反應(yīng)是“該不會(huì)就是“不讓人呆住的設(shè)計(jì)”的意思吧?這也忒直白了吧!

隨手一查,居然差不多就是這個(gè)意思...

然而出乎我意料的是,別看這個(gè)詞看上去很“鄉(xiāng)土”,像口語里隨便說說的,其實(shí)來頭可不小呢。

 

什么是防呆設(shè)計(jì)

防呆(日語:ポカヨケ poka yoke),是一種預(yù)防矯正的行為約束手段,運(yùn)用防止錯(cuò)誤發(fā)生的限制方法,讓操作者不需要花費(fèi)注意力、也不需要經(jīng)驗(yàn)與專業(yè)知識(shí),憑借直覺即可準(zhǔn)確無誤地完成的操作。

——來自維基百科

 

簡(jiǎn)單的說,就是幫助盡可能多的人進(jìn)行“無腦操作”的方法。防呆設(shè)計(jì),自然就是通過設(shè)計(jì)的方法來實(shí)現(xiàn)防呆。

想必你也注意到了,剛剛的維基百科里特意出現(xiàn)了日語名字,那是因?yàn)榉来暨@個(gè)詞最早是源自于日本圍棋和將棋的一個(gè)專業(yè)術(shù)語,指預(yù)防無心下錯(cuò)棋子的方法,新鄉(xiāng)重夫?qū)⑦@個(gè)基本概念應(yīng)用在豐田汽車的生產(chǎn)管理上,極大地預(yù)防了錯(cuò)誤和危險(xiǎn)的發(fā)生,之后隨著工業(yè)質(zhì)量管理概念的推展傳播到了全世界。

看到這里有沒有覺得這個(gè)概念似曾相識(shí),似乎很像是產(chǎn)品設(shè)計(jì)中尼爾森交互原則里的防錯(cuò)原則。

人們總是會(huì)犯錯(cuò),無論是在用工業(yè)產(chǎn)品還是電子產(chǎn)品。雖然工業(yè)設(shè)計(jì)和互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)是不同的行業(yè),但設(shè)計(jì)的本質(zhì)都是在尋找同一個(gè)問題的解決方法,那就是如何更好地避免錯(cuò)誤發(fā)生。既然防呆設(shè)計(jì)的概念已經(jīng)在工業(yè)領(lǐng)域取得成效,那么也一定能對(duì)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)有所啟發(fā)。所以接下來我們就來看看防呆設(shè)計(jì)究竟是怎樣的設(shè)計(jì),又能如何被運(yùn)用到互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中。

防呆設(shè)計(jì)的原則與運(yùn)用

防呆設(shè)計(jì)主要有10大原則,分別是:

斷根、保險(xiǎn)、自動(dòng)、相符、順序

隔離、復(fù)制、標(biāo)示、警告、緩和

 

1. 斷根

工業(yè)設(shè)計(jì):從根本上排除發(fā)生錯(cuò)誤的原因。

我們都知道,電梯超重時(shí)會(huì)發(fā)出滴滴滴的警報(bào)聲,并且電梯門會(huì)保持打開,無法開始運(yùn)行,只有下去1個(gè)或幾個(gè)人,重量減輕了,才能正常使用。這就從根本上斷絕了因?yàn)槌貙?dǎo)致的安全隱患。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):避免讓用戶進(jìn)入會(huì)發(fā)生錯(cuò)誤的階段。

我們熟悉的按鈕的不可用狀態(tài),在未達(dá)到任務(wù)執(zhí)行條件時(shí),按鈕是不可點(diǎn)擊的,就是一種典型的斷根原則。例如淘寶的商品選擇界面,當(dāng)產(chǎn)品缺貨時(shí),是不可以選擇的,就避免了在付款時(shí)才發(fā)現(xiàn)缺貨,再返回來修改訂單的問題;餓了么篩選時(shí),若沒有符合的選項(xiàng),查看商家按鈕不可用,避免用戶還需要重新進(jìn)入修改篩選項(xiàng)。

 

 

2. 保險(xiǎn)

工業(yè)設(shè)計(jì):同時(shí)或按照順序使用2個(gè)以上的行為完成任務(wù)。

如果你用過保險(xiǎn)箱,你就會(huì)知道,保險(xiǎn)箱都是鑰匙密碼雙重保險(xiǎn)甚至更多重保險(xiǎn)的,輸入錯(cuò)誤甚至?xí)鲃?dòng)進(jìn)行報(bào)警。電影里我們也見過需要通過密碼指紋瞳孔多道驗(yàn)證程序的保險(xiǎn)庫(kù)。多重密碼防護(hù)可以大大增加保險(xiǎn)箱的安全性,避免發(fā)生安全錯(cuò)誤。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):增加用戶的操作步驟或復(fù)雜度,給用戶更多思考的機(jī)會(huì)和時(shí)間。

微信取消關(guān)注時(shí)的二次確認(rèn),就是保險(xiǎn)原則在產(chǎn)品設(shè)計(jì)中的例子。在用戶進(jìn)行刪除操作時(shí),需要經(jīng)過左滑-點(diǎn)擊-點(diǎn)擊,3個(gè)步驟才能完成刪除,避免了用戶一時(shí)沖動(dòng)或不小心造成損失。

 

3. 自動(dòng)

工業(yè)設(shè)計(jì):運(yùn)用物理學(xué)、化學(xué)與機(jī)械結(jié)構(gòu)學(xué)原理,自動(dòng)開始或停止。

例如馬桶水箱的浮漂上升到一定高度就自動(dòng)停止蓄水;房間里的溫度降到預(yù)設(shè)溫度就停止制冷;煙霧傳感器感應(yīng)到煙霧濃度達(dá)到極限值會(huì)自動(dòng)報(bào)警并噴水滅火。都是通過檢測(cè)特定指標(biāo)來采取行動(dòng),預(yù)防或補(bǔ)救錯(cuò)誤的發(fā)生。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):根據(jù)預(yù)先設(shè)定的規(guī)則,自動(dòng)開啟、修正或停止某項(xiàng)功能,避免錯(cuò)誤發(fā)生。

切換網(wǎng)絡(luò)狀態(tài)時(shí)暫停下載并進(jìn)行提示就是使用了自動(dòng)原則,避免用戶因?yàn)閃iFi斷開而可能導(dǎo)致的流量費(fèi)用。

 

4. 相符

工業(yè)設(shè)計(jì):利用形狀、數(shù)字公式、發(fā)音、數(shù)量進(jìn)行檢測(cè)

我們生活中的常用物品如果有多種使用方式,但其中只有一種是正確的時(shí)候,那這個(gè)物品就很可能給我們帶來各種困擾,你可以回想一下你是否有在ATM機(jī)前把銀行卡插反,又不得不拿出來重新插入的經(jīng)歷。因?yàn)檫@個(gè)卡片可以以4種姿態(tài)放進(jìn)去,雖然卡面和插卡口旁邊上會(huì)有標(biāo)識(shí)箭頭,但總會(huì)有粗心或著急的人們倉(cāng)促間插反。

而SIM卡只通過一個(gè)切角就完美的解決了這個(gè)問題??ㄆ涂ú鄣娜苯牵尶ㄆ姆胖梅绞阶兂闪酥挥幸环N。因此可以完全避免放錯(cuò)位置重放的煩惱。

此外在開啟設(shè)備時(shí)需要輸入開機(jī)密碼也是通過相符原則確保操作人和設(shè)備的匹配。

 

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):通過數(shù)據(jù)類型、格式、手勢(shì)等進(jìn)行匹配校驗(yàn)。

例如在輸入驗(yàn)證碼或密碼頁(yè)面,只顯示4個(gè)輸入框,且系統(tǒng)直接呼出數(shù)字鍵盤,就將驗(yàn)證碼的格式限制為“4位數(shù)字”,可以有效避免用戶輸入錯(cuò)誤格式的驗(yàn)證碼。

 

5. 順序

 

工業(yè)設(shè)計(jì):將流程編號(hào)依序運(yùn)行

不知道你有沒有自己組裝家具的經(jīng)歷,我前不久剛剛組裝了一套的書柜,本來以為會(huì)困難重重,但結(jié)果出奇的順利。因?yàn)榻M裝說明書上把所有零件都編了號(hào),并且把安裝步驟按數(shù)字排序,只要看著說明書,嚴(yán)格按照步驟來操作,雖然我有時(shí)候都不知道自己在干什么,但神奇的是當(dāng)完成全部步驟,一個(gè)書柜就出現(xiàn)了。試想如果沒有這樣嚴(yán)格的流程和順序,想讓我這種0經(jīng)驗(yàn)的用戶把一堆零件拼成一個(gè)書柜,肯定是一團(tuán)糟。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):將復(fù)雜的操作分成若干步,并引導(dǎo)用戶完成操作

在使用產(chǎn)品的過程中,用戶可能會(huì)面臨從未操作過或非常復(fù)雜的任務(wù)。這個(gè)時(shí)候一個(gè)清晰有序的引導(dǎo)就非常重要了。例如我們熟悉的新手引導(dǎo),就通過一步一步按照順序的指引來引導(dǎo)用戶完成復(fù)雜操作,避免用戶犯錯(cuò)。

 

6. 隔離

工業(yè)設(shè)計(jì):通過區(qū)域分隔保護(hù)某些區(qū)域,避免危險(xiǎn)或錯(cuò)誤。

我們都知道諸如刀具、藥品等危險(xiǎn)物品要放在兒童無法觸及的地方;洗衣機(jī)、烤箱、熱水器等危險(xiǎn)的家用電器會(huì)有兒童鎖防止兒童誤觸,這都是通過物理隔離或程序隔離的方式,來避免兒童收到傷害。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):通過隔離的方式來保護(hù)特定的區(qū)域或內(nèi)容。

例如分享內(nèi)容時(shí),我們可以制定分享的類型、限制分享的時(shí)間、選擇可打開分享的受眾等方式,來保護(hù)分享的內(nèi)容。如下圖百度云盤可以設(shè)置分享的時(shí)間,超出時(shí)間則無法查看;石墨可制定分享是否可編輯,避免內(nèi)容被隨意修改;微信發(fā)朋友圈時(shí)也可以選擇誰可以看。

 

7. 復(fù)制

工業(yè)設(shè)計(jì):利用復(fù)制來方便進(jìn)行核對(duì)

我們熟悉的“合同一式兩份”就是通過復(fù)制原則來避免合同內(nèi)容被篡改;寄快遞時(shí),快遞小哥會(huì)打印兩份一樣的單據(jù),一份由快遞公司保存,一份由寄件人保存,用以確認(rèn)寄出的商品。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):通過重復(fù)的方式進(jìn)行確認(rèn)。

在設(shè)置或修改密碼時(shí),需要重復(fù)輸入2遍密碼,核對(duì)相同后才能完成修改??梢杂行П苊庥脩舻恼`操作。

 

8. 標(biāo)示

工業(yè)設(shè)計(jì):運(yùn)用線條、形狀、顏色等標(biāo)識(shí)進(jìn)行區(qū)別,以方便識(shí)別,避免可能發(fā)生的錯(cuò)誤。

紅綠燈的設(shè)計(jì)就貫徹了標(biāo)示原則。我們印象中的紅綠燈就是紅黃綠三個(gè)顏色的圓燈,紅燈行綠燈停黃燈準(zhǔn)備,是采用顏色來作為區(qū)分;之后考慮到色盲群體識(shí)別顏色的困難,又在原來圓燈的基礎(chǔ)上加入了行走的小人和站立的小人,這是增加了形狀標(biāo)識(shí)。顏色和形狀的雙重標(biāo)識(shí)讓紅綠燈變得更容易被大眾識(shí)別,降低了因?yàn)檎`認(rèn)導(dǎo)致的交通事故。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):運(yùn)用顏色、形狀、圖案等視覺元素輔助用戶進(jìn)行正確高效的識(shí)別

產(chǎn)品中通過標(biāo)識(shí)來方便用戶識(shí)別的運(yùn)用可謂非常廣泛了,我們熟悉的刪除按鈕大部分都是紅色的——警告你當(dāng)前在做的是需要慎重決定的,這是運(yùn)用了顏色標(biāo)識(shí)。還有我們的老朋友小紅點(diǎn),也是形狀+顏色標(biāo)識(shí)的代表,告訴你這里有需要你注意的消息了別錯(cuò)過。

 

9. 警告

工業(yè)設(shè)計(jì):將不正常的情形通過顏色、燈光、聲音等方式進(jìn)行警告,及時(shí)糾正錯(cuò)誤。

油表在僅剩一格的時(shí)候會(huì)亮起或閃爍,提醒車主加油,避免出現(xiàn)沒油擱淺在路上的情況;冰箱在長(zhǎng)時(shí)間沒關(guān)門的時(shí)候會(huì)發(fā)出滴滴滴的警報(bào)聲,提示關(guān)門。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):通過顏色、文案、聲音、動(dòng)效等方式,給出異提示。

我們熟悉的二次確認(rèn)對(duì)話框就采用了文案、顏色、彈出的動(dòng)效來給出異常提示。

 

10. 緩和

工業(yè)設(shè)計(jì):緩解或減免錯(cuò)誤造成的傷害。

易碎品的快遞件總是包裹著厚厚的充氣膠囊和塑料泡沫,以此來保護(hù)物品不被暴力運(yùn)輸摔壞;乘坐飛機(jī)、駕駛汽車時(shí)都強(qiáng)制駕駛員和乘客系安全帶;在工地行走時(shí)必須佩帶安全頭盔...這些都是通過緩和原則,來盡可能降低傷害造成的損失。

 

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì):幫助用戶解決問題,或盡可能減少損失。

在使用產(chǎn)品時(shí),無論我們的設(shè)計(jì)做得多么完美,都無法將錯(cuò)誤徹底杜絕,所以我們一定要提前設(shè)計(jì)好補(bǔ)救措施來把用戶的損失降到最低。例如iOS系統(tǒng)相冊(cè),刪除照片后,會(huì)先進(jìn)行二次確認(rèn)(保險(xiǎn)原則),用戶確認(rèn)刪除后,再移動(dòng)到“最近刪除”相冊(cè)中,這樣即便是用戶兩次都誤操作了,還是可以有機(jī)會(huì)挽回?fù)p失。

 

劃重點(diǎn)

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

2、防呆源自日本圍棋和將棋,興起于在豐田汽車生產(chǎn)管理的應(yīng)用,后隨著工業(yè)質(zhì)量管理概念的推展傳播到了全世界。

3、防呆設(shè)計(jì)主要有10大原則,分別是:

斷根、保險(xiǎn)、自動(dòng)、相符、順序

隔離、復(fù)制、標(biāo)示、警告、緩和

 

結(jié)尾的碎碎念

如果你平時(shí)注意觀察你的四周,就會(huì)發(fā)現(xiàn)處處都有防呆設(shè)計(jì)的影子,正是這些細(xì)小的設(shè)計(jì)的默默守護(hù),讓我們不僅能享受工業(yè)產(chǎn)品帶給我們的諸多便利,還能免去像影視劇里倒霉人設(shè)的“狀況百出”。

在產(chǎn)品中也是一樣的,我們不僅僅要讓用戶正確的使用產(chǎn)品,還要考慮到如何避免錯(cuò)誤的使用產(chǎn)品。

文中提到的是個(gè)原則是方法總結(jié),具體如何運(yùn)用還需要大家?guī)氲綄?shí)戰(zhàn)中多多練習(xí),比如平時(shí)使用產(chǎn)品遇到錯(cuò)誤時(shí),想想如果是你會(huì)用哪種方式解決;測(cè)試自家產(chǎn)品時(shí),看看當(dāng)前的錯(cuò)誤解決方法是否有更好的選擇等等。

多練多用,把方法論變成你的直覺吧。

 

 

原創(chuàng): 阿肆stella (海鹽社)

每天更新,
全站高品質(zhì)素材免費(fèi)下載!