iT邦幫忙

2026 iThome 鐵人賽

DAY 22
0
自我挑戰組

沒有壞設計,只有剛好戳中你的心機:30天拆解UI裡的心理學筆記系列 第 22

Day 22|「剛剛到底有沒有按到?」我們為什麼會很自然地再補點一下?

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20260915/20143250AKBE7Z7CxT.png
大家網購結帳時,應該都有過類似的經驗。在結帳頁面按下「確認付款」後,畫面剛好沒有跳出轉圈圖示,也沒有顯示「處理中」。

這時候我們通常會以為自己沒按好,很自然地又多點了一兩次。過幾分鐘收到銀行通知,才發現原來剛剛系統都有順利接收到指令,結果產生了重複扣款的狀況。

隨時掌握當下狀態:系統狀態可見性

這篇我們開始進入使用者體驗領域很經典的「Nielsen Norman 十大可用性原則」。第一條叫做「系統狀態可見性(Visibility of System Status)」。這個原則指出,系統應該隨時讓大家知道現在發生了什麼事。透過適當的視覺回饋,在合理的時間內告訴我們,剛才的操作已經順利被接收到了。

介面上的回饋訊號與按鈕狀態

付款按鈕按下去之後,最順暢的體驗通常會立刻給出一個明確的回饋,像是按鈕顏色改變、跳出轉圈圖示,或是顯示「處理中請稍候」。當畫面在點擊後維持原狀,我們無法確定操作有沒有生效,大腦出於習慣就會想要尋找確認訊號,這時候很容易就會順手再多點擊一次。

大腦對因果關係與確認感的預期

我們在做出一個動作之後,大腦會很自然地預期一個對應的反應,這是非常基本的因果預期心理。只要視覺上的回饋還沒出現,我們就無法判斷剛才的動作到底有沒有順利傳達。這份不確定感會驅使我們重複嘗試,直到得到某種明確的訊號為止。多按幾次的動作,其實是我們的大腦正在積極尋找系統回應的自然反應。

開發資源與順暢體驗的平衡

在實務開發上,有時候因為時程安排,這類按鈕狀態的細節會暫時被擱置。提供一個視覺上的小提示,能帶來極大的安定感。讓使用者隨時知道自己站在流程的哪一步,是建立良好互動體驗的關鍵。我們在規劃功能時,可以把「提供明確回饋」納入基本流程裡,讓大家在操作時感到更加安心。

建立在明確回饋上的安心感

同樣是付款流程,只要按鈕按下去的瞬間立刻給出明確的回饋,就算後台處理時間需要好幾秒鐘,大家也會很放心地耐心等待,因為畫面已經告訴我們系統正在做事了。這些微小的視覺回饋,能直接提升使用者對整個交易過程的信任感,讓每一次的互動都充滿安全感。

聊完這種運用「系統回饋」的心理機制,這邊一樣列出幾個設計小提醒。大家下次剛好做到結帳或表單送出流程時,可以順帶回顧一下這幾個細節:

  1. 在設計按鈕或重要操作時,我們有沒有加上點擊後的視覺變化(如轉圈、變色),讓使用者知道系統正在處理?
  2. 面對需要較長等待時間的流程,畫面上有沒有提供明確的提示,讓大家能安心等待?
  3. 品牌在規劃互動流程時,如何拿捏這些微小回饋的設計,讓每一次的操作都充滿安全感?

上一篇
Day 21|買手遊鑽石的時候,為什麼總會覺得最大包最划算?
下一篇
Day 23|按上一頁資料就全部不見,我們最後是怎麼默默把表單重填一次的?
系列文
沒有壞設計,只有剛好戳中你的心機:30天拆解UI裡的心理學筆記23
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言