在很多界面中，錯(cuò)誤的產(chǎn)生不可避免。一旦發(fā)生錯(cuò)誤，要幫助用戶快速輕松地處理好。

防止錯(cuò)誤產(chǎn)生

設(shè)計(jì)界面時(shí)，不要急著出方案，要盡力設(shè)計(jì)“無錯(cuò)可犯”的界面。

△ 按鈕在用戶點(diǎn)擊后進(jìn)行去除、禁用或替換處理

別跟用戶說只能提交一次?？梢远啻吸c(diǎn)擊的，用戶就可能點(diǎn)多次。用戶點(diǎn)擊后禁用按鈕，才能真正避免多次提交。

△ 只提供可以接受的輸入選項(xiàng)

△ 在表單元素中使用勾選啟用、勾選可見的設(shè)計(jì)方式

△ 文本輸入框結(jié)構(gòu)跟輸入格式要求保持一致

監(jiān)控典型錯(cuò)誤信號(hào)

界面上有哪些常見錯(cuò)誤產(chǎn)生？找出這些錯(cuò)誤的信號(hào)，做好這些信號(hào)的監(jiān)控。

△ 搜尋與用戶意圖矛盾的用詞

△ 若用戶已購買過該產(chǎn)品，提醒他們

對(duì)功能強(qiáng)大的按鈕要區(qū)分開以避免誤操作

用戶會(huì)走神，這無法避免。設(shè)計(jì)時(shí)要從視覺上明顯區(qū)分開那些功能強(qiáng)大的按鈕，盡量減少誤操作的可能性。

△ 通過間隔和顏色區(qū)分強(qiáng)大功能按鈕

△ 為重大且不可逆的操作添加約束條件

提供便利的方法恢復(fù)或退出操作

總是給用戶提供選擇返回上一步操作或安全/可識(shí)別的區(qū)域

△ 使用恢復(fù)操作而不是確認(rèn)操作

△ 為各頁面或功能提供“逃生艙”（退出操作）

例如上圖，某些下拉菜單沒有退出選項(xiàng)，當(dāng)用戶點(diǎn)了一個(gè)選項(xiàng)，就無法取消選擇了。

△ 為彈出窗口或模態(tài)窗口提供關(guān)閉按鈕

盡量減少用戶離開一個(gè)系列操作步驟的負(fù)面影響

允許用戶以原來的數(shù)據(jù)返回到相應(yīng)步驟頁面

△ 保存用戶提交的數(shù)據(jù)

△ 讓用戶回到原來的操作步驟頁面（別讓用戶又從頭開始）

加大可移動(dòng)路徑或可點(diǎn)擊區(qū)域

用戶并非完人，他們會(huì)誤操作，因此要提供有彈性或包容性的設(shè)計(jì)。

△ 為小按鈕添加一個(gè)透明邊框（加大按鈕的點(diǎn)擊區(qū)域）

△ 為彈框或下拉菜單添加一點(diǎn)小小的延遲

△ 給整個(gè)菜單選項(xiàng)容器添加超鏈接（不要僅限文字區(qū)域）

△ 給主菜單、列表項(xiàng)和輔助圖標(biāo)都加上超鏈接

用戶經(jīng)常點(diǎn)到不能點(diǎn)擊的地方。不要試圖矯正這些錯(cuò)誤，相反地，為這些常見區(qū)域添加點(diǎn)擊功能。

提供有用和支持性的出錯(cuò)提示

不要給出“發(fā)生錯(cuò)誤”這種提示。解釋出錯(cuò)原因，最好能給出解決方案。

△ 解釋驗(yàn)證出錯(cuò)的原因

△ 對(duì)于復(fù)雜出錯(cuò)提示要提供相關(guān)文檔或幫助鏈接

△ 避免在出錯(cuò)信息中寫“你”

記錄用戶的最近幾次操作

在界面上提醒用戶最近幾次操作

△ 顯示用戶最近幾次搜索

△ 已訪問鏈接用不同的顏色區(qū)分

△ 指出哪些項(xiàng)目用戶已經(jīng)看過

分析用戶行為找出界面存在的問題

持續(xù)迭代改進(jìn)界面設(shè)計(jì)，可以從下面這些小技巧開始

△ 在適當(dāng)位置收集客戶的反饋信息

△ 添加404錯(cuò)誤次數(shù)上升的預(yù)警設(shè)置

△ 找出那些用戶反復(fù)訪問的頁面

如果一個(gè)頁面瀏覽數(shù)太多（而獨(dú)立客戶數(shù)少），就需要仔細(xì)檢查頁面是否有問題導(dǎo)致用戶反復(fù)訪問。

譯文來自：@企業(yè)官網(wǎng)設(shè)計(jì)精選

原文地址：nickkolenda

【系列文章回顧】戳下面鏈接快速到達(dá)：

1）在網(wǎng)頁設(shè)計(jì)中幫助用戶實(shí)現(xiàn)目標(biāo)

2）在網(wǎng)頁設(shè)計(jì)中如何引導(dǎo)用戶的注意力

3）在網(wǎng)頁設(shè)計(jì)中如何少讓用戶費(fèi)腦筋，保持操作流暢

4）在網(wǎng)頁設(shè)計(jì)中兼顧所有用戶和場(chǎng)景的3個(gè)技巧

5）當(dāng)用戶操作錯(cuò)誤時(shí)，如何在不影響用戶體驗(yàn)的情況下快速處理好