超全面!防呆設計的10個通(tōng)用設計原則

編者注:什麽是防呆設計?防呆設計的通(tōng)用原則有哪些?如(rú)何運用防呆設計原則?看(kàn)完本文,這(zhè)一(yī)切都(dōu)會有答(dá)案。

阿肆Stella :看(kàn)文章(zhāng)的時(shí)候無意間(jiān)看(kàn)到「防呆設計」這(zhè)個詞,第一(yī)反應是該不會就是「不讓人(rén)呆住的設計」的意思吧?随手一(yī)查,居然差不多就是這(zhè)個意思。

然而出乎我意料的是,别看(kàn)這(zhè)個詞看(kàn)上(shàng)去很(hěn)「鄉土(tǔ)」,像口語裏随便說說的,其實來頭可(kě)不小呢。

什麽是防呆設計

防呆(日語:ポカヨケ poka yoke),是一(yī)種預防矯正的行(xíng)為(wèi)約束手段,運用防止錯誤發生的限制方法,讓操作(zuò)者不需要(yào)花費(fèi)注意力、也不需要(yào)經驗與專業知識,憑借直覺即可(kě)準确無誤地(dì)完成的操作(zuò)。——來自(zì)維基百科

簡單的說,就是幫助盡可(kě)能(néng)多的人(rén)進行(xíng)「無腦操作(zuò)」的方法。防呆設計,自(zì)然就是通(tōng)過設計的方法來實現防呆。

想必你也注意到了(le),剛剛的維基百科裏特意出現了(le)日語名字,那(nà)是因為(wèi)防呆這(zhè)個詞最早是源自(zì)于日本圍棋和(hé)将棋的一(yī)個專業術(shù)語,指預防無心下(xià)錯棋子的方法,新鄉重夫将這(zhè)個基本概念應用在豐田汽車的生産管理上(shàng),極大地(dì)預防了(le)錯誤和(hé)危險的發生,之後随着工(gōng)業質量管理概念的推展傳播到了(le)全世界。

看(kàn)到這(zhè)裏有沒有覺得這(zhè)個概念似曾相識,似乎很(hěn)像是産品設計中尼爾森交互原則裏的防錯原則。

人(rén)們總是會犯錯,無論是在用工(gōng)業産品還是電子産品。雖然工(gōng)業設計和(hé)産品設計是不同的行(xíng)業,但(dàn)設計的本質都(dōu)是在尋找問(wèn)題的解決方法,那(nà)就是如(rú)何更好地(dì)避免錯誤發生。既然防呆設計的概念已經在工(gōng)業領域取得成效,那(nà)麽也一(yī)定能(néng)對産品設計有所啓發。所以接下(xià)來我們就來看(kàn)看(kàn)防呆設計究竟是怎樣的設計,又能(néng)如(rú)何被運用到産品設計中。

防呆設計的原則與運用

防呆設計主要(yào)有10大原則,分别是:斷根、保險、自(zì)動、相符、順序、隔離、複制、标示、警告、緩和(hé)。

1. 斷根

工(gōng)業設計:從(cóng)根本上(shàng)排除發生錯誤的原因。

我們都(dōu)知道(dào),電梯超重時(shí)會發出滴滴滴的警報聲,并且電梯門會保持打開(kāi),無法運行(xíng),隻有下(xià)去1個或幾個人(rén),重量減輕了(le),才能(néng)正常使用。這(zhè)就從(cóng)根本上(shàng)斷絕了(le)因為(wèi)超重導緻的安全隐患。

産品設計:避免讓用戶進入會發生錯誤的階段。

我們熟悉按鈕的不可(kě)用狀态,在未達到任務執行(xíng)條件時(shí),按鈕是不可(kě)點擊的,就是一(yī)種典型的斷根原則。例如(rú)淘寶的商品選擇界面,當産品缺貨時(shí),是不可(kě)以選擇的,就避免了(le)在付款時(shí)才發現缺貨,再返回來修改訂單的問(wèn)題;餓了(le)麽篩選時(shí),若沒有符合的選項,查看(kàn)商家按鈕不可(kě)用,避免用戶還需要(yào)重新進入修改篩選項。

2. 保險

工(gōng)業設計:同時(shí)或按照順序使用2個以上(shàng)的行(xíng)為(wèi)完成任務。

如(rú)果你用過保險箱,你就會知道(dào),保險箱都(dōu)是鑰匙密碼雙重保險甚至更多重保險的,輸入錯誤甚至會主動進行(xíng)報警。電影裏我們也見(jiàn)過需要(yào)通(tōng)過密碼指紋瞳孔多道(dào)驗證程序的保險庫。多重密碼防護可(kě)以大大增加保險箱的安全性,避免發生安全錯誤。

産品設計:增加用戶的操作(zuò)步驟或複雜(zá)度,給用戶更多思考的機會和(hé)時(shí)間(jiān)。

微(wēi)信取消關注時(shí)的二次确認,就是保險原則在産品設計中的例子。在用戶進行(xíng)删除操作(zuò)時(shí),需要(yào)經過左滑 – 點擊 – 點擊,3個步驟才能(néng)完成删除,避免了(le)用戶一(yī)時(shí)沖動或不小心造成損失。

3. 自(zì)動

工(gōng)業設計:運用物(wù)理學、化學與機械結構學原理,自(zì)動開(kāi)始或停止。

例如(rú)馬桶水箱的浮漂上(shàng)升到一(yī)定高度就自(zì)動停止蓄水;房間(jiān)裏的溫度降到預設溫度就停止制冷(lěng);煙霧傳感器感應到煙霧濃度達到極限值會自(zì)動報警并噴水滅火(huǒ)。都(dōu)是通(tōng)過檢測特定指标來采取行(xíng)動,預防或補救錯誤的發生。

産品設計:根據預先設定的規則,自(zì)動開(kāi)啓、修正或停止某項功能(néng),避免錯誤發生。

切換網絡狀态時(shí)暫停下(xià)載并進行(xíng)提示就是使用了(le)自(zì)動原則,避免用戶因為(wèi) WiFi 斷開(kāi)而可(kě)能(néng)導緻的流量費(fèi)用。

4. 相符

工(gōng)業設計:利用形狀、數(shù)字公式、發音、數(shù)量進行(xíng)檢測。

我們生活中的常用物(wù)品如(rú)果有多種使用方式,但(dàn)其中隻有一(yī)種是正确的時(shí)候,那(nà)這(zhè)個物(wù)品就很(hěn)可(kě)能(néng)給我們帶來各種困擾,你可(kě)以回想一(yī)下(xià)你是否有在 ATM機前把銀(yín)行(xíng)卡插反,又不得不拿(ná)出來重新插入的經曆。雖然卡面和(hé)插卡口旁邊上(shàng)會有标識箭頭,但(dàn)總會有粗心或着急的人(rén)們倉促間(jiān)插反。

而 SIM卡隻通(tōng)過一(yī)個切角就完美的解決了(le)這(zhè)個問(wèn)題。卡片和(hé)卡槽的缺角,讓卡片的放置方式變成了(le)隻有一(yī)種。因此可(kě)以完全避免放錯位置需要(yào)重放的煩惱。

此外(wài)在開(kāi)啓設備時(shí)需要(yào)輸入開(kāi)機密碼也是通(tōng)過相符原則确保操作(zuò)人(rén)和(hé)設備的匹配。

産品設計:通(tōng)過數(shù)據類型、格式、手勢等進行(xíng)匹配校驗。

例如(rú)在輸入驗證碼或密碼頁面,隻顯示4個輸入框,且系統直接呼出數(shù)字鍵盤,就将驗證碼的格式限制為(wèi)「4位數(shù)字」,可(kě)以有效避免用戶輸入錯誤格式的驗證碼。

5. 順序

工(gōng)業設計:将流程編号依序運行(xíng)。

不知道(dào)你有沒有自(zì)己組裝家具的經曆,我前不久剛剛組裝了(le)一(yī)套書(shū)櫃,本來以為(wèi)會困難重重,但(dàn)結果出奇的順利。因為(wèi)說明(míng)書(shū)上(shàng)把所有零件都(dōu)編了(le)号,并且把安裝步驟按數(shù)字排序,隻要(yào)看(kàn)着說明(míng)書(shū),嚴格按照步驟來操作(zuò),一(yī)個書(shū)櫃就出現了(le)。雖然我有時(shí)候都(dōu)不知道(dào)自(zì)己在幹什麽,但(dàn)神奇的是當完成全部步驟,就做(zuò)好了(le)。試想如(rú)果沒有這(zhè)樣嚴格的流程和(hé)順序,讓我這(zhè)樣零經驗的用戶把一(yī)堆零件拼成一(yī)個書(shū)櫃,肯定是一(yī)團糟。

産品設計:将複雜(zá)的操作(zuò)分成若幹步,并引導用戶完成操作(zuò)。

在使用産品的過程中,用戶可(kě)能(néng)會面臨從(cóng)未操作(zuò)過或非常複雜(zá)的任務。這(zhè)個時(shí)候一(yī)個清晰有序的引導就非常重要(yào)了(le)。例如(rú)我們熟悉的新手引導,就通(tōng)過一(yī)步步順序的指引來引導用戶完成複雜(zá)操作(zuò),避免用戶犯錯。

6. 隔離

工(gōng)業設計:通(tōng)過區(qū)域分隔保護某些區(qū)域,避免危險或錯誤。

我們都(dōu)知道(dào)諸如(rú)刀具、藥品等危險物(wù)品要(yào)放在兒童無法觸及的地(dì)方;洗衣機、烤箱、熱(rè)水器等危險的家用電器會有兒童鎖,防止兒童誤觸。這(zhè)都(dōu)是通(tōng)過物(wù)理隔離或程序隔離的方式,來避免兒童受到傷害。

産品設計:通(tōng)過隔離的方式來保護特定的區(qū)域或內(nèi)容。

例如(rú)分享內(nèi)容時(shí),我們可(kě)以制定分享的類型、限制分享的時(shí)間(jiān)、選擇可(kě)打開(kāi)分享的受衆等方式,來保護分享的內(nèi)容。如(rú)下(xià)圖百度雲盤可(kě)以設置分享的時(shí)間(jiān),超出時(shí)間(jiān)則無法查看(kàn);石墨可(kě)制定分享是否可(kě)編輯,避免內(nèi)容被随意修改;微(wēi)信朋(péng)友(yǒu)圈也可(kě)以選擇分組查看(kàn)。

7. 複制

工(gōng)業設計:利用複制來方便進行(xíng)核對。

我們熟悉的「合同一(yī)式兩份」就是通(tōng)過複制原則來避免合同內(nèi)容被篡改;寄快(kuài)遞時(shí),快(kuài)遞小哥會打印兩份一(yī)樣的單據,一(yī)份由快(kuài)遞公司保存,一(yī)份由寄件人(rén)保存,用以确認寄出的商品。

産品設計:通(tōng)過重複的方式進行(xíng)确認。

在設置或修改密碼時(shí),需要(yào)重複輸入2遍密碼,核對相同後才能(néng)完成修改。可(kě)以有效避免用戶的誤操作(zuò)。

8. 标示

工(gōng)業設計:運用線條、形狀、顔色等标識進行(xíng)區(qū)别,以方便識别,避免可(kě)能(néng)發生的錯誤。

紅(hóng)綠(lǜ)燈的設計就貫徹了(le)标示原則。我們印象中的紅(hóng)綠(lǜ)燈就是紅(hóng)黃(huáng)綠(lǜ)三個顔色的圓燈,紅(hóng)燈行(xíng)綠(lǜ)燈停黃(huáng)燈準備,是采用顔色來作(zuò)為(wèi)區(qū)分。之後考慮到色盲群體識别顔色的困難,又在原來圓燈的基礎上(shàng)加入了(le)行(xíng)走的小人(rén)和(hé)站立的小人(rén),這(zhè)是增加了(le)形狀标識。顔色和(hé)形狀的雙重标識讓紅(hóng)綠(lǜ)燈變得更容易被大衆識别,降低(dī)了(le)因為(wèi)誤認導緻的交通(tōng)事故。

産品設計:運用顔色、形狀、圖案等視(shì)覺元素輔助用戶進行(xíng)正确高效的識别。

産品中通(tōng)過标識來方便用戶識别的運用可(kě)謂非常廣泛了(le),我們熟悉的删除按鈕大部分都(dōu)是紅(hóng)色的——警告你當前在做(zuò)的是需要(yào)慎重決定的,這(zhè)是運用了(le)顔色标識。還有我們的老(lǎo)朋(péng)友(yǒu)小紅(hóng)點,也是形狀+顔色标識的代表,告訴你這(zhè)裏有需要(yào)你注意的消息。

9. 警告

工(gōng)業設計:将不正常的情形通(tōng)過顔色、燈光(guāng)、聲音等方式進行(xíng)警告,及時(shí)糾正錯誤。

油表在僅剩一(yī)格的時(shí)候會亮起或閃爍,提醒車主加油,避免出現沒油擱淺在路上(shàng)的情況;冰箱在長(cháng)時(shí)間(jiān)沒關門的時(shí)候會發出滴滴滴的警報聲,提示關門。

産品設計:通(tōng)過顔色、文案、聲音、動效等方式,給出異提示。

我們熟悉的二次确認對話框就采用了(le)文案、顔色、彈出的動效來給出異常提示。

10. 緩和(hé)

工(gōng)業設計:緩解或減免錯誤造成的傷害。

易碎品的快(kuài)遞件總是包裹着厚厚的充氣膠囊和(hé)塑料泡沫,以此來保護物(wù)品不被暴力運輸摔壞;乘坐(zuò)飛機、駕駛汽車時(shí)都(dōu)強制駕駛員(yuán)和(hé)乘客系安全帶;在工(gōng)地(dì)行(xíng)走時(shí)必須佩帶安全頭盔……這(zhè)些都(dōu)是通(tōng)過緩和(hé)原則,來盡可(kě)能(néng)降低(dī)傷害造成的損失。

産品設計:幫助用戶解決問(wèn)題,或盡可(kě)能(néng)減少(shǎo)損失。

在使用産品時(shí),無論我們的設計做(zuò)得多麽完美,都(dōu)無法将錯誤徹底杜絕,所以我們一(yī)定要(yào)提前設計好補救措施來把用戶的損失降到最低(dī)。例如(rú) iOS系統相冊,删除照片後,會先進行(xíng)二次确認(保險原則),用戶确認删除後,再移動到「最近删除」相冊中,這(zhè)樣即便是用戶兩次都(dōu)誤操作(zuò)了(le),還是可(kě)以有機會挽回損失的。

重點

結語

如(rú)果你平時(shí)注意觀察四周,就會發現處處都(dōu)有防呆設計的影子,正是這(zhè)些細小的設計的默默守護,讓我們不僅能(néng)享受工(gōng)業産品帶給我們的諸多便利,還能(néng)免去像影視(shì)劇裏倒黴人(rén)設的「狀況百出」。

在産品中也是一(yī)樣的,我們不僅僅要(yào)讓用戶正确的使用産品,還要(yào)考慮到如(rú)何避免錯誤的使用産品。

文中提到的10個原則是方法總結,具體如(rú)何運用還需要(yào)大家在實戰中多多練習,比如(rú)平時(shí)使用産品遇到錯誤時(shí),想想如(rú)果是你會用哪種方式解決;測試自(zì)家産品時(shí),看(kàn)看(kàn)當前的錯誤解決方法是否有更好的選擇等等。

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


0371-65861326
138 3818 8615
lingpaoad@sina.com
鄭州市中州大道(dào)晨旭路
瑞銀(yín)大廈23樓

Copyright © 2004-2018
京ICP證000000号