由于后臺產(chǎn)品往往具有復(fù)雜交互邏輯，因此相比于前端產(chǎn)品更容易發(fā)生操作錯誤，所以其容錯性設(shè)計就顯得更為重要。

容錯性是什么？

容錯這個詞嚴(yán)格來說應(yīng)當(dāng)是計算機(jī)領(lǐng)域的詞匯，如果以比較標(biāo)準(zhǔn)化的描述來定義的話，容錯指的是：

“當(dāng)計算機(jī)由于種種原因在系統(tǒng)中出現(xiàn)了數(shù)據(jù)、文件損壞或丟失等等其他故障問題的時候，系統(tǒng)能夠自動將這些損壞或丟失的文件和數(shù)據(jù)恢復(fù)到發(fā)生事故以前的狀態(tài)，使系統(tǒng)能夠連續(xù)正常運(yùn)行的一種技術(shù)。”

這個聽著有點(diǎn)繞口，其實(shí)簡單來說，就是當(dāng)計算機(jī)故障發(fā)生或者存在的情況下，計算機(jī)系統(tǒng)依然可以正常工作的能力，這就是計算機(jī)的容錯能力。容錯性其實(shí)就是可用性之中細(xì)分的一個模塊，是專門針對用戶在使用產(chǎn)品的過程中如何避免出錯以及一旦出錯如何盡快有效的糾錯的研究和設(shè)計。

容錯包含產(chǎn)品防止錯誤的程度和幫助用戶從錯誤中恢復(fù)。防止錯誤是通過頁面的設(shè)計、重組或特別安排，防止用戶出錯。比出現(xiàn)錯誤信息提示更好的是更用心的設(shè)計防止這類問題發(fā)生。糾錯設(shè)計就是當(dāng)錯誤發(fā)生時，人們看到的界面，并且提出一個建設(shè)性的解決方案。就像對付不該發(fā)生的錯誤一樣，容錯性設(shè)計的關(guān)鍵在于“做好防御”。產(chǎn)品設(shè)計者們必須不斷尋找可能造成用戶困惑和不滿的出錯點(diǎn)。好的防御性設(shè)計決定用戶體驗(yàn)的好壞。

為什么強(qiáng)調(diào)后臺產(chǎn)品的容錯性設(shè)計 ?

后臺產(chǎn)品和前端產(chǎn)品存在很大的差異性。后臺多為復(fù)雜型交互邏輯，有多分支功能頁面多功能交互能力，后臺產(chǎn)品更加注重的是業(yè)務(wù)邏輯的清晰和功能的實(shí)現(xiàn)，而前端產(chǎn)品對視覺設(shè)計和交互設(shè)計有更高的要求。

一個完備的后臺可能會包括多種類型或者不同權(quán)限的用戶，在不熟悉業(yè)務(wù)情況下會產(chǎn)生已知未知錯誤或誤操作等行為。很多后臺功能復(fù)雜 功能之間很多時候并非完全割裂互相交織的，粗暴的將功能堆積在一起自然不太合適，影響用戶的操作體驗(yàn)。

容錯性的設(shè)計分析：

1、操作前-提醒防錯

1）詳盡的說明文字且引導(dǎo)和提示，突出表現(xiàn)

主要是針對新用戶，目的是為了正確引導(dǎo)用戶學(xué)習(xí)使用。引導(dǎo)和提示要突出表現(xiàn)，從而引起用戶關(guān)注，確保用戶在操作前能注意到引導(dǎo)或提示信息。

輸入框填寫說明可以讓用戶很容易清晰的識別具體填寫內(nèi)容。

2）當(dāng)結(jié)果不可逆的時候，詢問用戶讓其知道操作的后果

在用戶操作前即給出正確且有效地引導(dǎo)和提示，有助于減少錯誤發(fā)生的可能性。如 對于比較重要的操作，需要通過二次確認(rèn)減少錯誤的發(fā)生。

2、操作中-實(shí)時提示&實(shí)時反饋

1）給用戶的操作進(jìn)行提醒

在后臺眾多需要填寫表單當(dāng)中，當(dāng)鼠標(biāo)聚焦在某一個操作區(qū)域時如果沒有明確的預(yù)提醒，則容易引起誤操作。

2）對用戶的信息輸入進(jìn)行視覺化呈現(xiàn)，并提供回饋

數(shù)據(jù)錄入是后臺交互設(shè)計中最為重要的元素之一。對用戶輸入的信息進(jìn)行實(shí)時檢驗(yàn)，并給用戶傳遞回饋，在下面這個案例中，當(dāng)用戶輸入自己的郵件信息之后，即被告知用戶這個動作的含義，到底是輸入正確還是輸入錯誤。

拿1688評價功能來舉例，輸入評價內(nèi)容時評價所允許字?jǐn)?shù)會隨著輸入內(nèi)容逐個減少，實(shí)時的聯(lián)動表達(dá)狀態(tài)并提供反饋，并且這個操作也提升了用戶直接的操作感，然后讓用戶看到自己的操作結(jié)果。

3）適當(dāng)限制用戶的某些交互操作

可以對一些可能造成錯誤的操作入口設(shè)置障礙或直接禁止操作，以避免錯誤的發(fā)生。舉個例子：填寫完一個模塊內(nèi)容，展開另一模塊的同時收起上一個模塊。填寫過程限制用戶某些操作這樣始終讓用戶聚焦在當(dāng)前內(nèi)容。

3、操作后-結(jié)果反饋&糾正引導(dǎo)

1）錯誤發(fā)生時，即使反饋錯誤并提供糾錯幫助

反饋錯誤及時就能保證用戶每個階段的操作都能得到回饋，避免因?yàn)橐粋€小的錯誤就要修改相關(guān)聯(lián)的一系列內(nèi)容的情況，提高成功完成任務(wù)的效率；反饋不僅要指出有錯，還要指出錯在哪里。錯誤反饋文案要清晰、準(zhǔn)確，這樣便于用戶了解錯誤的原因，方便下一步的修改。

2）允許用戶犯錯，并使操作者能夠撤銷以前的指令

Phone手機(jī)的還原功能，可以在用戶出錯時將多種功能設(shè)置快速還原到原始狀態(tài)。

用戶選購?fù)晟唐泛笸瓿上聠?，可以通過“關(guān)閉交易”取消該訂單。

3）不僅要反饋出錯更要給用戶解答，給予用戶適當(dāng)指引和建議

在發(fā)布供應(yīng)產(chǎn)品中完成發(fā)布信息的編輯添加，點(diǎn)擊“商品發(fā)布”按鈕，如果有錯誤發(fā)生 會在發(fā)布導(dǎo)航中提醒用戶并告知用戶導(dǎo)致發(fā)布不成功的原因。再比如：檢測發(fā)布商品質(zhì)量時，會提示該offer的質(zhì)量星級以及給用戶優(yōu)化的內(nèi)容指引與建議等。

4）允許用戶犯錯，且?guī)椭m正錯誤

當(dāng)用戶操作出現(xiàn)錯誤時允許用戶犯錯，且?guī)椭鷮㈠e誤的信息糾正同步給用戶。拿1688搜索來舉例：用戶想搜索“連衣裙”這類商品，但輸入時用戶輸入成“連衣”，系統(tǒng)允許用戶輸入錯誤并且?guī)椭脩艏m正為正確字段。

除了上面講的設(shè)計點(diǎn)以外其他重要的設(shè)計方法

1、 費(fèi)茨定律

Fitts定律其實(shí)很容易理解的。顯然，指點(diǎn)設(shè)備的當(dāng)前位置和目標(biāo)位置相距越遠(yuǎn)，我們就需要越多的時間來移動；而同時，目標(biāo)的大小又會限制我們移動的速度，因?yàn)槿绻苿拥锰欤竭_(dá)目標(biāo)時就會停不住，因此我們不得不根據(jù)目標(biāo)的大小提前減速，這就會減緩到達(dá)目標(biāo)的速度, 延長到達(dá)目標(biāo)的時間。

目標(biāo)越小，就需要越早減速，從而花費(fèi)的時間就越多。通俗點(diǎn)講：任意一點(diǎn)移動到目標(biāo)中心位置所需時間與該點(diǎn)到目標(biāo)的距離和大小有關(guān)，距離越大時間越長，目標(biāo)越大時間越短。

菲茨定律的啟示：

1. 按鈕等可點(diǎn)擊對象需要合理的大小尺寸。
2. 屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素，因?yàn)檫吔鞘蔷薮蟮哪繕?biāo)，它們無限高或無限寬，你不可能用鼠標(biāo)超過它們。即不管你移動了多遠(yuǎn)，鼠標(biāo)最終會停在屏幕的邊緣，并定位到按鈕或菜單的上面。
3. 出現(xiàn)在用戶正在操作的對象旁邊的控制菜單（右鍵菜單）比下拉菜單或工具欄可以被打開得更快，因?yàn)椴恍枰苿拥狡聊坏钠渌恢谩?/li>

2、提供非模態(tài)的反饋，不打斷任務(wù)流

模態(tài)是指界面中只有提醒彈框才具有可交互行為，其他一切都不可操作；非模態(tài)不會把提醒做成彈框，可能會處理成List Notification, Toast list等方式來提醒用戶。

3、 視覺情感化

心理學(xué)把情感定義為：

“人對客觀現(xiàn)實(shí)的一種特殊反映形式，是人對于客觀事物是否符合人的需要而產(chǎn)生的態(tài)度的體驗(yàn)”。

而設(shè)計的目標(biāo)則是在用戶接觸和使用產(chǎn)品的過程中，激發(fā)用戶的正向情感，比如愉快，信任，滿足；避免用戶產(chǎn)生負(fù)向情感，比如失望，挫折感，痛苦。正向的情感會使用戶更樂于使用產(chǎn)品，遇到使用過程的一些小問題也更加包容。

舉個例子：網(wǎng)絡(luò)問題導(dǎo)致加載數(shù)據(jù)失敗404頁面，通過友情提示動畫的情感表達(dá)，這種情感化的語言也能舒緩出錯時給人帶來的失望，挫折感。

作者：何文銓

來源：U一點(diǎn)