iT邦幫忙

2025 iThome 鐵人賽

DAY 16
0
Modern Web

UI/UX 不只是漂亮!30 天讓你的設計人人都能用系列 第 16

Day 16 | 易用性原則 ③:少犯錯,少動腦 ── 從預防到辨識的 UX 實踐

  • 分享至 

  • xImage
  •  

上一篇我們聊到「使用者的操控自由」以及「一致性與標準」,今天要繼續介紹兩個常被忽略,卻能大大影響體驗的原則:錯誤預防辨識而非記憶


5️⃣ 錯誤預防

在日常設計中,我們常常會看到「錯誤訊息」的出現,例如:

  • 「密碼長度不足」
  • 「欄位不得為空」
  • 「請輸入正確的 email 格式」

這些訊息雖然能告訴使用者哪裡出錯,但也意味著:使用者已經失敗過一次。而 UX 的核心思維之一,就是「降低錯誤發生的機率」,讓使用者不必踩雷。

💡常見應用

  1. 即時檢查
    在註冊帳號時,輸入密碼的同時就顯示強度條,或在輸入 email 格式錯誤時立刻提示,好處是使用者不用填完整個表單才發現錯誤,能立即修正。
    https://ithelp.ithome.com.tw/upload/images/20250924/20178655T9wZevWB2R.png
    玉山銀行 - e指申請平台:在輸入欄位時系統會判斷格式是否正確

  2. 限制輸入
    手機號碼欄位自動限定只能輸入數字,或信用卡欄位自動分隔為 4 組數字,這樣可以避免因格式不符而被退件。
    https://ithelp.ithome.com.tw/upload/images/20250924/20178655LM1ahMugbl.png
    臺灣銀行 - 無障礙信用卡網站:欄位限制字數並自動分隔

  3. 預設值與建議
    例如外送平台會自動抓取定位,讓使用者直接確認或微調,而不是從零開始輸入地址。
    https://ithelp.ithome.com.tw/upload/images/20250924/20178655cr0DMpCBWW.png
    圖片來源:foodpanda

  4. 再次確認
    對於不可逆的操作,例如刪除帳號、登出系統、轉帳,系統會跳出再次確認,雖然多了一步,但能有效避免誤操作造成的嚴重後果。

總結來說:好的設計不是在事後修正錯誤,而是讓錯誤根本不容易發生。


6️⃣ 辨識而非記憶

另一個關鍵原則,是 減少使用者必須「記住」資訊的負擔
人腦的短期記憶容量有限,一般來說同時記住 5~7 個項目就會開始吃力。

好的UX,應該幫助使用者「看了就懂」或「一眼就能選」。

💡常見應用

  1. 選單式設計
    下拉式選單、單選、複選欄位都是「辨識」的好例子。
    👉 例如在表單中選擇縣市等資訊時,直接提供清單比要求使用者輸入更直覺。
    https://ithelp.ithome.com.tw/upload/images/20250924/20178655xJpNPaUTDE.png
    第一銀行 - 第e寫字檯的外國人開戶申請:在縣市、鄉鎮市區、村里欄位提供下拉選單,降低使用者記憶或額外查詢臺灣地址的負擔

  2. 視覺化的辨識
    icon 與 縮圖 在資訊閱讀上能提高辨識度。
    例如購物網站顯示商品圖片,而不是只有文字名稱。

  3. 歷史紀錄與建議
    搜尋欄會保留最近搜尋,或自動推薦熱門關鍵字,讓使用者不需要重新輸入。

  4. 流程導引
    將複雜任務拆成多個步驟( 購物流程:選商品 → 填地址 → 付款 → 完成 ),讓使用者不用一次記住所有事情。

總結來說:讓資訊隨手可得,比要求使用者死記活背更能提升體驗。


錯誤預防 × 辨識而非記憶

這兩個原則往往是搭配出現的。
舉例來說,在網路銀行轉帳:

  • 錯誤預防:系統會檢查帳號是否存在、金額是否超過限額,避免錯誤交易。
  • 辨識而非記憶:常用帳號選單、資料自動帶入,讓使用者不用硬記下對方帳號。

兩者結合,同時降低「錯誤率」,也減輕「記憶負擔」,使用者自然能更流暢地完成任務。


📌 總結

好的設計,就是讓人不需要很聰明,也能順利完成任務

在易用性原則中,錯誤預防和辨識而非記憶,都是直接減輕「認知負荷」的核心方法。
我們在設計時也要注意不要下意識覺得「使用者應該知道怎麼用吧?」,畢竟使用者不會記住你的產品細節,也不一定會小心操作來避免出錯。

設計並不是測試使用者的耐心,我們要盡量避免使用者出錯、盡不要讓使用者靠著記憶來操作,幫助他們更輕鬆完成目標。


上一篇
Day 15 | 易用性原則 ②:設計裡的安全感 ── 自由的保障與一致性的力量
下一篇
Day 17 | 易用性原則 ④:剛剛好就好 ── 彈性效率與簡約美學的平衡
系列文
UI/UX 不只是漂亮!30 天讓你的設計人人都能用19
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言