那些熟悉卻說不出的設計法則:防錯法則

4 評論 12350 瀏覽 47 收藏 10 分鐘

防錯法則的核心觀點是——如何有效的在用戶出錯之前就盡量避免錯誤的發(fā)生。

一、什么是防錯法則?

防錯法則認為大部分的出錯都是產(chǎn)品設計的不夠優(yōu)秀,而不該責怪用戶操作疏忽,通過設計手法可以把出錯率降到最低。防錯法則的核心觀點是,如何有效的在用戶出錯之前就盡量避免錯誤的發(fā)生。

防錯法則最早應用于汽車制造領域中,工程師新鄉(xiāng)重夫(豐田精益生產(chǎn)莊家)于上世紀60年代,創(chuàng)造了這個理念,該概念重點闡述了防錯法則的四項基本原則和十項應用原理。隨著互聯(lián)網(wǎng)的發(fā)展,防錯法則的四項基本原則和十項應用原理逐漸被應用在互聯(lián)網(wǎng)設計中。

二、防錯法則解析

通過對汽車制造領域防錯法則四項基本原則的解析,我把互聯(lián)網(wǎng)防錯法則四項基本原則概括為:

  • 輕松原則:產(chǎn)品盡量為用戶提供輕松的使用環(huán)境,避免用戶產(chǎn)生疲勞、難以掌控、難以識別等問題。
  • 簡單原則:產(chǎn)品盡量為用戶提供不管是新手還是專業(yè)人員都能快速使用的功能。
  • 安全原則:產(chǎn)品盡量為用戶提供安全、放心的使用環(huán)境,避免用戶因馬虎、失誤而造成損失。
  • 自動原則:產(chǎn)品盡量為用戶提供系統(tǒng)自動化的操作,避免用戶需要反復操作、反復確認、反復核對等問題。

從十項應用原理中,我提取了適合應用在互聯(lián)網(wǎng)設計中的七項應用原理(如需了解完整10項應用原理,請Google新鄉(xiāng)重夫-防錯法):01

(1)斷根原理:將會造成錯誤的原因從根本上排除掉

填寫手機號,幾乎是所有APP中必要的操作,造作APP在登錄環(huán)節(jié)(如圖示),當用戶填寫手機號時,手機號輸入框限定了只能輸入11位阿拉伯數(shù)字,不能輸入更多數(shù)字,只提供數(shù)字鍵盤,且手機號格式用XXXX XXXX XXX的間隔方式。

這樣的設計,最大化的避免用戶出錯,提高產(chǎn)品的易用性。當然,用戶輸入他人的或者無效的手機號是無法避免的。

那些熟悉卻說不出的設計法則

(2)保險原理:藉用兩個以上的動作必須共同或依序執(zhí)行才能完成工作

藉用兩個以上的動作必須共同執(zhí)行才能完成的工作,在傳統(tǒng)行業(yè)中應用廣泛,例如:一些銀行的保險箱,必須由銀行工作人員和客戶兩把鑰匙同時插入才能打開;在互聯(lián)網(wǎng)產(chǎn)品中同樣應用廣泛,例如用戶登錄APP,必須賬號和密碼同時滿足且匹配才能成功。

那些熟悉卻說不出的設計法則

藉用兩個以上的動作必須依序執(zhí)行才能完成的工作,在互聯(lián)網(wǎng)產(chǎn)品中應用廣泛,例如用戶要刪除一項列表且該列表無法恢復時,必須先點擊刪除按鈕,再點擊彈窗中確認按鈕才能成功刪除列表(如圖示)。

那些熟悉卻說不出的設計法則

(3)自動原理:通過判斷條件來限制某些動作的執(zhí)行或者不執(zhí)行來避免錯誤發(fā)生

用戶使用支付寶APP對銀行卡轉(zhuǎn)賬時,APP可以通過輸入的卡號,識別該卡所屬銀行,并自動選擇銀行。這樣設計不但能幫助用戶快速完成選擇,而且能避免用戶選錯銀行,從而最大化的避免用戶匯錯款或匯款失敗。

那些熟悉卻說不出的設計法則

用戶使用微信APP發(fā)朋友圈時,輸入框輸入字符后,發(fā)送按鈕由置灰態(tài)自動變?yōu)榭牲c擊態(tài),這樣設計可以有效的避免用戶發(fā)空狀態(tài)。

那些熟悉卻說不出的設計法則

(4)順序原理:避免工作的順序或流程前后倒置,可按照順序排列任務,從而減少或避免錯誤的發(fā)生

以造作APP登錄流程為例:

  • 第一步,用戶必須正確輸入手機號后,獲取驗證碼按鈕才能操作。
  • 第二步,用戶必須輸入驗證碼后,登錄按鈕才能操作(如圖示)。

如果用戶不按照順序進行操作,而是在未輸入手機號情況下,就去點擊獲取驗證碼或者登錄按鈕,那么這樣的設計,就可以有效的避免系統(tǒng)執(zhí)行無效的命令。

那些熟悉卻說不出的設計法則

(5)復制原理:同一件工作,如需做二次以上,最好采用復制的方式來達成,省時又不出錯

在某些APP中,用戶填寫一些信息時,系統(tǒng)會將這些信息保存下來,以便用戶下次使用時直接復用。例如:馬蜂窩APP,就會將用戶填寫的入住人信息保存下來,供用戶下次使用。

那些熟悉卻說不出的設計法則

(6)層別原理:為避免將不同工作做錯,而設法加以區(qū)別出來

在某些APP中,當調(diào)起一系列功能菜單時,通常會將“刪除”等具有不可恢復的功能做特別的標識,例如微信和微博。

那些熟悉卻說不出的設計法則

在使用mac系列的電腦時,用戶可以對文件進行顏色標注,通過不同顏色來區(qū)分文件的分類、重要程度、是否緊急等屬性。

那些熟悉卻說不出的設計法則

(7)警告原理:異?,F(xiàn)象發(fā)生時,系統(tǒng)以聲音、顏色、震動、動效等方式反饋“警告”的信號

  1. 當mac電腦在某個程序出現(xiàn)異常時,就會用程序圖標不停跳動的方式,來告知用戶該程序存在異常,需要及時處理;
  2. iPhone在輸入密碼解鎖時,如果密碼輸入有誤,密碼區(qū)會通過左右擺動且配合連續(xù)兩次震動的方式,來告知用戶密碼輸入有誤,請重新輸入;
  3. 當用Windows電腦作圖時,如果PS運行出現(xiàn)異常,就會通過彈窗且配合叮叮叮的音效,來告知用戶設計稿又白畫了(心痛)。

那些熟悉卻說不出的設計法則

那些熟悉卻說不出的設計法則

總結(jié):防錯法則可以幫助設計師站在用戶體驗的角度考慮設計方案,幫助用戶提高效率,讓用戶更快完成目標,幫助用戶減少出錯率,讓用戶用得更安心,幫助用戶快速感知異常,及時從異常中恢復正常。防錯法則可以有效的提升產(chǎn)品的用戶體驗,甚至是提升用戶對產(chǎn)品的良好印象和產(chǎn)品信任度。

重要說明:設計法則并非絕對正確,需在理解的基礎上適當?shù)倪\用,切勿拘泥于設計法則。

 

作者:江坤,騰訊交互設計員工,公眾號:騰訊大講堂(ID:TX_DJT)

來源:https://mp.weixin.qq.com/s/ZcJ3KKN5aaMFkP_FdxRMkA

本文由 @騰訊大講堂 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載

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

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 歸根到底是對人的理解,應用場景多種多樣,不變的是人感知習慣。

    回復
  2. 贊的話就不多說啦,已點贊和收藏就說明了。提一點閱讀過程中感覺有點小問題的,我覺得“保險原理”中,舉登陸APP的這個例子,好像不太貼合…文中也提出了,保險原理是客戶和工作人員同時操作才能確定工作完結(jié),是分屬兩個不同角色,而登陸的賬號和密碼,都是由同一個人完成的。只是覺得這個例子稍微不太貼切,望采納建議。 ??

    來自河南 回復
  3. 工業(yè)設計上的很多原則都可以引用到互聯(lián)網(wǎng)產(chǎn)品設計上??例如triz的三十九個矛盾

    回復
  4. 學習了,感謝分享!

    回復