iT邦幫忙

2026 iThome 鐵人賽

DAY 12
0
自我挑戰組

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

Day 12|看到還差一點點的進度條,為什麼我們總想把它填滿?

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20260905/20143250uRRVfr6aab.png
大家回想一下剛註冊完新服務的經驗。進到首頁後,畫面上方經常會有一個提示寫著:「個人檔案已完成 80%」。

剩下的那 20% 通常只是換個大頭貼,或是勾選幾個興趣,就算放著不管,也不會影響我們使用核心功能。看著那個還差一小格就能集滿的進度條,我們通常還是會很順手地點進去,把剩下的資料補齊。

大腦對未完成的執念:蔡加尼克效應

心理學上的「蔡加尼克效應(Zeigarnik Effect)」可以解釋這種心態。大腦對於「還沒做完」的事情,記憶力會特別深刻,同時會產生一種想要把它結束掉的微小驅動力。

這種現象最早是在餐廳服務生身上發現的。服務生能清楚記得還沒結帳的餐點,一旦客人付完錢,大腦就會順理成章地把這些資訊清空。對於未完成的任務,我們心裡總是會懸著一份微小的牽掛。

介面上的待辦事項小暗示

在 UI 介面上,各種進度條與任務清單就是這個心理學機制的經典應用。

很多求職平台、語言學習 App 或社群軟體,都會在新手引導的階段放上「已完成 3/4 步驟」的提示。透過視覺化的方式,把一個還沒填滿的長條放在最顯眼的位置。大腦接收到這個畫面,自然會產生一種想要把它補齊的念頭。

順應大腦追求完整的直覺

這種設計之所以有效,原因在於它把大腦裡那份「懸而未決」的感覺具象化了。

https://ithelp.ithome.com.tw/upload/images/20260905/20143250yFbRhk85M5.jpg

看著還差一步就能達成的目標,我們會很直覺地想要追求完整。填上最後一筆資料、看著進度條瞬間跑到 100%、跳出一個綠色打勾的完成畫面,這個過程會給大腦帶來一種很踏實的秩序感與成就感。

引導體驗與資訊價值的拿捏

透過進度條引導大家熟悉新環境,是一個很棒的設計巧思。這能幫助剛進入平台的人知道接下來該做什麼,順利走完必要的設定流程。

在設計這些任務時,我們可以多想一步:那些被放在進度條裡的項目,是否能直接為使用體驗加分。假設剩下的 20% 是要求填寫跟當前服務無關的細節資料,有時候會讓人感到困惑。健康的引導,會讓每個完成的步驟都轉換成對應的服務價值。

聊到這邊,面對這種運用「追求完整」來引導的設計機制,照慣例留幾個問題,下次在畫進度條的時候可以思考一下:

  1. 當我們在畫面上設計「完成度 80%」的組件時,剩下要求使用者完成的動作,是真的能幫他們獲得更好的體驗,還是單純為了擴充資料庫的完整度?
  2. 如果拿掉進度條的視覺暗示,這項功能本身夠不夠清晰,能讓大家順其自然地去完成各項設定?
  3. 身為設計師,我們該怎麼規劃任務清單,讓大家在達成 100% 的那一刻,感受到的是產品帶來的實質價值,並建立起對產品的信任?

上一篇
Day 11|為什麼 App 總愛先問你的目標?那個讓我們順理成章留下來的巧思
下一篇
Day 13|被一隻貓頭鷹傳訊息說「想你了」,大腦是怎麼被這句話打動的?
系列文
沒有壞設計,只有剛好戳中你的心機:30天拆解UI裡的心理學筆記18
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言