首页
/
每日頭條
/
生活
/
優秀設計案例分析
優秀設計案例分析
更新时间:2024-11-26 08:40:46

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

優秀設計案例分析(葵花寶典的啟示)1

咱先講個段子。

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

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

“欲練神功,必先自宮”

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

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

“若不自宮,也能成功”

優秀設計案例分析(葵花寶典的啟示)2

悲劇,悲劇!

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

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

一、什麼是防錯設計?

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

——維基百科

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

其實防錯已經被應用到了各個領域,下面咱們僅從互聯網設計的角度上來進行叙述。

防錯的設計方法有哪些?

斷根、保險、自動、複制等防錯原則相信大家也聽過,分得較細,我個人更喜歡把防錯設計分為三部分:

預防錯誤、糾正錯誤、後悔藥。

為什麼這麼分?

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

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

那麼下面就從這三個方面來講述一些常見的防錯設計方法。

1. 預防錯誤

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

優秀設計案例分析(葵花寶典的啟示)3

産品設計中如何預防錯誤?可以從禁用和限制下手。

1)禁用

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

優秀設計案例分析(葵花寶典的啟示)4

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

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

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

2)限制

針對一些特定的格式,在用戶操作前就進行強制的限制,舉三個案例:

  1. 輸入手機号時限制隻能輸入11位數字。
  2. 抖音拍視頻時設置預告卡片的位置的設計中,限制了卡片的操作區域。
  3. 有時長要求的短視頻,在裁剪時限制了時長,用戶如何裁剪都不會超過時長。

優秀設計案例分析(葵花寶典的啟示)5

2. 糾正錯誤

糾正錯誤指的是用戶在操作過程中犯了錯或者即将犯錯時,可以幫助用戶糾正錯誤,可以提示用戶讓用戶“知錯”就改,也可以讓系統識别錯誤後幫助用戶改錯。

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

1)提示糾錯

提示糾錯是最常見的糾錯方式,此方式效果較好且開發成本較低,所以在産品設計中使用的最多。

提示糾錯主要采用三種方式,提示程度從弱到強依次為:原地确認、彈窗确認、輸入文字确認。

原地确認:幹擾性最弱,用戶使用時流暢度最好,若用戶操作後不會出現很嚴重的後果可以使用此方法。

彈窗确認:幹擾性中等,最常見的确認方式,大多數時候使用模态彈窗,對使用流程有阻斷效果,用戶必須完成彈窗的選擇後方能進行下一步。

輸入文字确認:比較少見,常用于删除重要信息時的确認操作,例如删除飛書的知識庫時需要輸入知識庫的名稱進行二次确認,對于删除知識庫此類的大量數據時需要慎重再慎重,若使用一般的确認彈窗則可能出現用戶由于習慣而導緻的手滑誤删,給用戶造成不可挽回的損失。

優秀設計案例分析(葵花寶典的啟示)6

我曾經就因為某個産品沒有做這樣嚴格的确認導緻我删除了我的整個知識賬戶的情況,當時可真是心痛到無以複加,還聯系了客服詢問是否能找回數據,得到的答複是不能,到現在還心有餘悸。

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

這涉及到人類心理學範疇,可不要小瞧了人類的好奇心,尤其是對未知危險的好奇心,看看懸疑影視劇裡的主人公為什麼不聽勸偏偏要去尋找黑暗中的不明動靜就知道,好奇心總會驅使人們去做一些“危險”的事情。

而産品設計要做的事情,不是阻斷用戶的好奇心,而是在用戶激發自己好奇心的時候幫助他不犯錯。

3. 自動糾錯

自動糾錯需要更多的開發成本,所以不是每個産品都能做到自動糾錯,下面列舉幾個常用的自動糾錯的設計方法。

微信公衆号中編輯文章時,若有疑似錯别字的時候,會提示當前錯别字的數量,點擊可以跳轉到錯别字的位置,方便編輯者進行修改。

Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
直流電源中負電壓是怎麼回事
直流電源中負電壓是怎麼回事
在電子電路中我們常常需要使用負的電壓,比如說我們在使用運放的時候常常需要給他建立一個負的電壓。下面就簡單的以正5V電壓到負電壓5V為例說一下他的電路。通常我需要使用負電壓時一般會選擇使用專用的負壓産生芯片,但這些芯片都比較貴比如ICL760...
2024-11-26
迷你世界能飛起來的飛機的原材料
迷你世界能飛起來的飛機的原材料
迷你小鎮,坊主萌寶并不在萌築工坊裡,今天一大早,她便出門前往賽車手星翼的制作車間了。上次跟小夥伴讨論一天的機械載具的新部件的作用後,萌寶就迫不及待的準備嘗試了,這次她打算做一架飛機,試飛在廣闊的天空裡。這不,星翼的制作車間時不時飛出一架搖搖...
2024-11-26
怎麼打繩結又快又好
怎麼打繩結又快又好
火災發生後,當疏散通道被火魔封堵,被困樓層的人們利用繩子從窗戶安全逃生是最佳選擇。不過,能不能快速打繩結、繩結是否牢固也是安全逃生的關鍵環節之一。雙漁人結(DoubleFisherman'sKnot)顧名思義就是在單漁人結(Fisherma...
2024-11-26
不該原創
不該原創
不該原創?文/子涯秋天的風啊,,今天小編就來聊一聊關于不該原創?接下來我們就一起去研究一下吧!不該原創文/子涯秋天的風啊,​溫柔的不像話。​懶洋洋地半躺半坐在大樹底下,​眯着眼睛,任這遲來的秋風撲打着臉龐。​一輛大巴車經過時,摁了...
2024-11-26
詩經衛風内容
詩經衛風内容
抄書氓之蚩蚩,抱布貿絲。匪來貿絲,來即我謀。送子涉淇,至于頓丘。匪我愆期,子無良媒。将子無怒,秋以為期。乘彼垝垣,以望複關。不見複關,泣涕漣漣。既見複關,載笑載言。爾蔔爾筮,體無咎言。以爾車來,以我賄遷。桑之未落,其葉沃若。于嗟鸠兮,無食桑...
2024-11-26
Copyright 2023-2024 - www.tftnews.com All Rights Reserved