當用戶操作錯誤時,如何在不影響用戶體驗的情況下快速處理好

2 評論 19910 瀏覽 185 收藏 9 分鐘

在很多界面中,錯誤的產生不可避免。一旦發生錯誤,要幫助用戶快速輕松地處理好。

防止錯誤產生

設計界面時,不要急著出方案,要盡力設計“無錯可犯”的界面。

△ 按鈕在用戶點擊后進行去除、禁用或替換處理

別跟用戶說只能提交一次。可以多次點擊的,用戶就可能點多次。用戶點擊后禁用按鈕,才能真正避免多次提交。

2learn20160518

△ 只提供可以接受的輸入選項

3learn20160518

△ 在表單元素中使用勾選啟用、勾選可見的設計方式

4learn20160518

△ 文本輸入框結構跟輸入格式要求保持一致

監控典型錯誤信號

界面上有哪些常見錯誤產生?找出這些錯誤的信號,做好這些信號的監控。

5learn20160518

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

6learn20160518

△ 若用戶已購買過該產品,提醒他們

對功能強大的按鈕要區分開以避免誤操作

用戶會走神,這無法避免。設計時要從視覺上明顯區分開那些功能強大的按鈕,盡量減少誤操作的可能性。

7learn20160518

△ 通過間隔和顏色區分強大功能按鈕

8learn20160518

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

提供便利的方法恢復或退出操作

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

9learn20160518

△ 使用恢復操作而不是確認操作

10learn20160518

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

例如上圖,某些下拉菜單沒有退出選項,當用戶點了一個選項,就無法取消選擇了。

11learn20160518

△ 為彈出窗口或模態窗口提供關閉按鈕

盡量減少用戶離開一個系列操作步驟的負面影響

允許用戶以原來的數據返回到相應步驟頁面

12learn20160518

△ 保存用戶提交的數據

13learn20160518

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

加大可移動路徑或可點擊區域

用戶并非完人,他們會誤操作,因此要提供有彈性或包容性的設計。

14learn20160518

△ 為小按鈕添加一個透明邊框(加大按鈕的點擊區域)

15learn20160518

△ 為彈框或下拉菜單添加一點小小的延遲

16learn20160518

△ 給整個菜單選項容器添加超鏈接(不要僅限文字區域)

17learn20160518

△ 給主菜單、列表項和輔助圖標都加上超鏈接

用戶經常點到不能點擊的地方。不要試圖矯正這些錯誤,相反地,為這些常見區域添加點擊功能。

提供有用和支持性的出錯提示

不要給出“發生錯誤”這種提示。解釋出錯原因,最好能給出解決方案。

18learn20160518

△ 解釋驗證出錯的原因

19learn20160518

△ 對于復雜出錯提示要提供相關文檔或幫助鏈接

20learn20160518

△ 避免在出錯信息中寫“你”

記錄用戶的最近幾次操作

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

21learn20160518

△ 顯示用戶最近幾次搜索

22learn20160518

△ 已訪問鏈接用不同的顏色區分

23learn20160518

△ 指出哪些項目用戶已經看過

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

持續迭代改進界面設計,可以從下面這些小技巧開始

24learn20160518

△ 在適當位置收集客戶的反饋信息

25learn20160518

△ 添加404錯誤次數上升的預警設置

26learn20160518

△ 找出那些用戶反復訪問的頁面

如果一個頁面瀏覽數太多(而獨立客戶數少),就需要仔細檢查頁面是否有問題導致用戶反復訪問。

 

譯文來自:@企業官網設計精選

原文地址:nickkolenda

 

 

【系列文章回顧】戳下面鏈接快速到達:

1)在網頁設計中幫助用戶實現目標

2)在網頁設計中如何引導用戶的注意力

3)在網頁設計中如何少讓用戶費腦筋,保持操作流暢

4)在網頁設計中兼顧所有用戶和場景的3個技巧

5)當用戶操作錯誤時,如何在不影響用戶體驗的情況下快速處理好

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. get

    回復
  2. ??

    來自廣東 回復