編者注:什么是防呆設(shè)計(jì)?防呆設(shè)計(jì)的通用原則有哪些?如何運(yùn)用防呆設(shè)計(jì)原則?看完本文,這一切都會(huì)有答案。
阿肆Stella :看文章的時(shí)候無意間看到「防呆設(shè)計(jì)」這個(gè)詞,第一反應(yīng)是該不會(huì)就是「不讓人呆住的設(shè)計(jì)」的意思吧?隨手一查,居然差不多就是這個(gè)意思。
然而出乎我意料的是,別看這個(gè)詞看上去很「鄉(xiāng)土」,像口語里隨便說說的,其實(shí)來頭可不小呢。
簡單的說,就是幫助盡可能多的人進(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ì)和產(chǎn)品設(shè)計(jì)是不同的行業(yè),但設(shè)計(jì)的本質(zhì)都是在尋找問題的解決方法,那就是如何更好地避免錯(cuò)誤發(fā)生。既然防呆設(shè)計(jì)的概念已經(jīng)在工業(yè)領(lǐng)域取得成效,那么也一定能對產(chǎn)品設(shè)計(jì)有所啟發(fā)。所以接下來我們就來看看防呆設(shè)計(jì)究竟是怎樣的設(shè)計(jì),又能如何被運(yùn)用到產(chǎn)品設(shè)計(jì)中。
防呆設(shè)計(jì)主要有10大原則,分別是:斷根、保險(xiǎn)、自動(dòng)、相符、順序、隔離、復(fù)制、標(biāo)示、警告、緩和。
工業(yè)設(shè)計(jì):從根本上排除發(fā)生錯(cuò)誤的原因。
我們都知道,電梯超重時(shí)會(huì)發(fā)出滴滴滴的警報(bào)聲,并且電梯門會(huì)保持打開,無法運(yùn)行,只有下去1個(gè)或幾個(gè)人,重量減輕了,才能正常使用。這就從根本上斷絕了因?yàn)槌貙?dǎo)致的安全隱患。
產(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)。
工業(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)庫。多重密碼防護(hù)可以大大增加保險(xiǎn)箱的安全性,避免發(fā)生安全錯(cuò)誤。
產(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)或不小心造成損失。
工業(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)警并噴水滅火。都是通過檢測特定指標(biāo)來采取行動(dòng),預(yù)防或補(bǔ)救錯(cuò)誤的發(fā)生。
產(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)?WiFi 斷開而可能導(dǎo)致的流量費(fèi)用。
工業(yè)設(shè)計(jì):利用形狀、數(shù)字公式、發(fā)音、數(shù)量進(jìn)行檢測。
我們生活中的常用物品如果有多種使用方式,但其中只有一種是正確的時(shí)候,那這個(gè)物品就很可能給我們帶來各種困擾,你可以回想一下你是否有在 ATM機(jī)前把銀行卡插反,又不得不拿出來重新插入的經(jīng)歷。雖然卡面和插卡口旁邊上會(huì)有標(biāo)識(shí)箭頭,但總會(huì)有粗心或著急的人們倉促間插反。
而 SIM卡只通過一個(gè)切角就完美的解決了這個(gè)問題。卡片和卡槽的缺角,讓卡片的放置方式變成了只有一種。因此可以完全避免放錯(cuò)位置需要重放的煩惱。
此外在開啟設(shè)備時(shí)需要輸入開機(jī)密碼也是通過相符原則確保操作人和設(shè)備的匹配。
產(chǎn)品設(shè)計(jì):通過數(shù)據(jù)類型、格式、手勢等進(jìn)行匹配校驗(yàn)。
例如在輸入驗(yàn)證碼或密碼頁面,只顯示4個(gè)輸入框,且系統(tǒng)直接呼出數(shù)字鍵盤,就將驗(yàn)證碼的格式限制為「4位數(shù)字」,可以有效避免用戶輸入錯(cuò)誤格式的驗(yàn)證碼。
工業(yè)設(shè)計(jì):將流程編號(hào)依序運(yùn)行。
不知道你有沒有自己組裝家具的經(jīng)歷,我前不久剛剛組裝了一套書柜,本來以為會(huì)困難重重,但結(jié)果出奇的順利。因?yàn)檎f明書上把所有零件都編了號(hào),并且把安裝步驟按數(shù)字排序,只要看著說明書,嚴(yán)格按照步驟來操作,一個(gè)書柜就出現(xiàn)了。雖然我有時(shí)候都不知道自己在干什么,但神奇的是當(dāng)完成全部步驟,就做好了。試想如果沒有這樣嚴(yán)格的流程和順序,讓我這樣零經(jīng)驗(yàn)的用戶把一堆零件拼成一個(gè)書柜,肯定是一團(tuán)糟。
產(chǎn)品設(shè)計(jì):將復(fù)雜的操作分成若干步,并引導(dǎo)用戶完成操作。
在使用產(chǎn)品的過程中,用戶可能會(huì)面臨從未操作過或非常復(fù)雜的任務(wù)。這個(gè)時(shí)候一個(gè)清晰有序的引導(dǎo)就非常重要了。例如我們熟悉的新手引導(dǎo),就通過一步步順序的指引來引導(dǎo)用戶完成復(fù)雜操作,避免用戶犯錯(cuò)。
工業(yè)設(shè)計(jì):通過區(qū)域分隔保護(hù)某些區(qū)域,避免危險(xiǎn)或錯(cuò)誤。
我們都知道諸如刀具、藥品等危險(xiǎn)物品要放在兒童無法觸及的地方;洗衣機(jī)、烤箱、熱水器等危險(xiǎn)的家用電器會(huì)有兒童鎖,防止兒童誤觸。這都是通過物理隔離或程序隔離的方式,來避免兒童受到傷害。
產(chǎn)品設(shè)計(jì):通過隔離的方式來保護(hù)特定的區(qū)域或內(nèi)容。
例如分享內(nèi)容時(shí),我們可以制定分享的類型、限制分享的時(shí)間、選擇可打開分享的受眾等方式,來保護(hù)分享的內(nèi)容。如下圖百度云盤可以設(shè)置分享的時(shí)間,超出時(shí)間則無法查看;石墨可制定分享是否可編輯,避免內(nèi)容被隨意修改;微信朋友圈也可以選擇分組查看。
工業(yè)設(shè)計(jì):利用復(fù)制來方便進(jìn)行核對。
我們熟悉的「合同一式兩份」就是通過復(fù)制原則來避免合同內(nèi)容被篡改;寄快遞時(shí),快遞小哥會(huì)打印兩份一樣的單據(jù),一份由快遞公司保存,一份由寄件人保存,用以確認(rèn)寄出的商品。
產(chǎn)品設(shè)計(jì):通過重復(fù)的方式進(jìn)行確認(rèn)。
在設(shè)置或修改密碼時(shí),需要重復(fù)輸入2遍密碼,核對相同后才能完成修改。可以有效避免用戶的誤操作。
工業(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)致的交通事故。
產(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í)的代表,告訴你這里有需要你注意的消息。
工業(yè)設(shè)計(jì):將不正常的情形通過顏色、燈光、聲音等方式進(jìn)行警告,及時(shí)糾正錯(cuò)誤。
油表在僅剩一格的時(shí)候會(huì)亮起或閃爍,提醒車主加油,避免出現(xiàn)沒油擱淺在路上的情況;冰箱在長時(shí)間沒關(guān)門的時(shí)候會(huì)發(fā)出滴滴滴的警報(bào)聲,提示關(guān)門。
產(chǎn)品設(shè)計(jì):通過顏色、文案、聲音、動(dòng)效等方式,給出異提示。
我們熟悉的二次確認(rèn)對話框就采用了文案、顏色、彈出的動(dòng)效來給出異常提示。
工業(yè)設(shè)計(jì):緩解或減免錯(cuò)誤造成的傷害。
易碎品的快遞件總是包裹著厚厚的充氣膠囊和塑料泡沫,以此來保護(hù)物品不被暴力運(yùn)輸摔壞;乘坐飛機(jī)、駕駛汽車時(shí)都強(qiáng)制駕駛員和乘客系安全帶;在工地行走時(shí)必須佩帶安全頭盔……這些都是通過緩和原則,來盡可能降低傷害造成的損失。
產(chǎn)品設(shè)計(jì):幫助用戶解決問題,或盡可能減少損失。
在使用產(chǎn)品時(shí),無論我們的設(shè)計(jì)做得多么完美,都無法將錯(cuò)誤徹底杜絕,所以我們一定要提前設(shè)計(jì)好補(bǔ)救措施來把用戶的損失降到最低。例如 iOS系統(tǒng)相冊,刪除照片后,會(huì)先進(jìn)行二次確認(rèn)(保險(xiǎn)原則),用戶確認(rèn)刪除后,再移動(dòng)到「最近刪除」相冊中,這樣即便是用戶兩次都誤操作了,還是可以有機(jī)會(huì)挽回?fù)p失的。
如果你平時(shí)注意觀察四周,就會(huì)發(fā)現(xiàn)處處都有防呆設(shè)計(jì)的影子,正是這些細(xì)小的設(shè)計(jì)的默默守護(hù),讓我們不僅能享受工業(yè)產(chǎn)品帶給我們的諸多便利,還能免去像影視劇里倒霉人設(shè)的「狀況百出」。
在產(chǎn)品中也是一樣的,我們不僅僅要讓用戶正確的使用產(chǎn)品,還要考慮到如何避免錯(cuò)誤的使用產(chǎn)品。
文中提到的10個(gè)原則是方法總結(jié),具體如何運(yùn)用還需要大家在實(shí)戰(zhàn)中多多練習(xí),比如平時(shí)使用產(chǎn)品遇到錯(cuò)誤時(shí),想想如果是你會(huì)用哪種方式解決;測試自家產(chǎn)品時(shí),看看當(dāng)前的錯(cuò)誤解決方法是否有更好的選擇等等。
多練多用,把方法論變成你的直覺吧。