iT邦幫忙

2025 iThome 鐵人賽

DAY 15
0
Modern Web

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

Day 15 | 易用性原則 ②:設計裡的安全感 ── 自由的保障與一致性的力量

  • 分享至 

  • xImage
  •  

上一篇聊到「系統狀態可見性」和「系統與真實世界的關聯性 」,強調的是讓使用者理解系統的「現在狀況」與「生活語言」。
這一篇我們繼續往下走,來看看另外兩個對日常設計影響非常大的原則:使用者的操控自由一致性與標準
這兩者看似不同,但其實都和「降低使用者的挫折感」緊密相關。


3️⃣ 使用者的操控自由:給使用者一條退路

使用者在操作系統時,難免會有誤觸、誤點的情況。如果設計沒有留後路,這些錯誤就會讓人感到焦慮,甚至直接放棄使用。

這裡的關鍵就是:設計要讓使用者隨時有「撤回」、「取消」或「重來」的自由

💡 常見應用

  • 電腦的 Ctrl+Z / Command+Z:幾乎每個軟體都有的「Undo」,就是最佳示範。打字錯了、刪了不該刪的段落,都能快速回復。
  • 購物網站的刪除購物車商品:使用者誤加了東西,能輕鬆移除,不會造成下單壓力。
  • 智慧型手機的返回鍵:Android 的按鍵 或 iOS 的手勢,讓使用者不會困在某個頁面裡。

💡 UX 設計應用

  • 設置清晰的取消/返回按鈕:避免讓使用者被困在流程中。
  • 多步驟操作中提供「回上一步」:像是表單或購買流程,不應該只能一路「往前衝」,要能隨時回頭修改。
  • 降低不可逆操作的風險:像「刪除帳號」或「清空資料」這種重大操作,務必有二次確認(確認對話框),避免誤觸。
    https://ithelp.ithome.com.tw/upload/images/20250924/20178655ldcStiqj0E.png
    在刪除信件時,底下也會顯示回復鍵,讓使用者「撤回」。 ( 圖片來源 : Material Design )

總結來說:不要把使用者鎖死在系統裡,而是讓他們隨時能「掌控」自己要走的路。


4️⃣ 一致性與標準:降低學習成本

人類是習慣的動物,當我們學會某種操作模式後,就會希望在其他地方也能用同樣的方式解決問題。如果設計違反這個習慣,就會讓人「卡住」,甚至誤以為自己操作錯了。

這就是一致性與標準的核心:讓使用者能用過去的經驗,無痛延伸到新的情境。

💡 常見應用

  • 紅燈停、綠燈行:全世界大部分地區都遵守的交通標準,想像一下如果某城市把紅燈當「通行」,就會大亂。
  • 網站的放大鏡圖示:大家一看到就知道是「搜尋」,如果有網站把放大鏡當成「放大圖片」,很可能會讓人混淆。
  • iOS 與 Android 的差異:不同系統有不同的設計規範,但在各自的生態中是一致的。如果混用,會讓使用者覺得「怪怪的」。

💡 UX 設計應用

  • 遵守平台的設計規範:例如 iOS 的 Human Interface Guidelines、Google 的 Material Design。這些規範存在的目的,就是確保跨應用的一致體驗。
  • 建立專案內的設計系統:統一按鈕、字體、顏色、互動模式,避免每個頁面長得都不一樣。
  • 元件擺放位置 : 「位置」本身就是一種信號,如果你在不同頁面把同一個功能的按鈕放在不同地方,使用者就會被搞混,甚至是找不到元件。
    https://ithelp.ithome.com.tw/upload/images/20250924/2017865532XTJrNcic.png
    同一功能按鈕樣式應一致且擺放相同位置。

總結來說:一致性是讓使用者「不需要重新學習」的UX,自然就能專注在操作本身。


使用者的操控自由 × 一致性與標準

「使用者的操控自由」和「一致性與標準」看似是兩條路,但實際上它們互相支撐。

  • 如果系統操作是一致的,使用者就能更快找到「取消」、「返回」這些控制功能。
  • 如果設計讓人隨時可控,搭配一致的模式,使用者就能無痛的把「熟悉的經驗」轉換到「新任務」上。

舉個例子:假設某購物網站的「返回」按鈕不是放左上角,而是藏在右下角,還用了一個陌生的符號。這樣就算有「自由」功能,使用者也未必找得到,反而增加挫折。

所以這兩個原則加在一起,就是 UX 設計中最重要的「安心感」來源。


📌 總結

  • 使用者的操控自由:確保操作能回溯,避免誤觸造成挫折。
  • 一致性與標準:降低學習成本,讓使用者能靠經驗快速上手。
  • 兩者結合:帶來更流暢的使用體驗,建立「安全感+熟悉感」💞。

設計不該讓使用者感到「被系統綁架」,也不該讓人「重新學一套語言」。
在這兩個原則的輔助下,系統會更直覺、更貼近人性。


上一篇
Day 14 | 易用性原則 ①:別讓使用者瞎猜 ── 系統狀態與真實世界的關聯
下一篇
Day 16 | 易用性原則 ③:少犯錯,少動腦 ── 從預防到辨識的 UX 實踐
系列文
UI/UX 不只是漂亮!30 天讓你的設計人人都能用18
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言