iT邦幫忙

2026 iThome 鐵人賽

DAY 16
0
自我挑戰組

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

Day 16|結帳看到「只差 10 元就免運」,我們怎麼常常就順手多拿了一件?

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20260909/20143250rrLRVtHFhD.png
大家在網購準備結帳時,常常會在購物車頁面看到一條進度條,上面寫著「還差 NT$10 元即可享免運」。

看著進度條跑到七八成,剩下最後一小截空白,這時我們經常會順手挑一雙襪子或小物件加進購物車,把免運的門檻湊滿。

越接近終點越有動力的:目標漸進效應

史丹佛大學提出的 Fogg 行為模型指出,一個行為的發生需要動機、能力與觸發點同時到位。在購物車的情境裡,那條快滿的進度條就是一個很好的觸發點。

這背後蘊含著心理學上的「目標漸進效應(Goal Gradient Effect)」。研究發現,當我們距離一個設定好的目標越近時,想要完成它的動機會隨之急遽升高,行動也會變得更加積極。

視覺化進度條的引導巧思

免運進度條就是這個心理機制的經典應用。透過介面設計,系統把文字資訊轉化為視覺上「快要達成」的狀態。

這跟咖啡店集點卡的概念很像。當畫面上提示我們已經走完大半段路程,只差最後一小步就能獲得「免運」這個獎勵時,大家想要跨過那條線的期待感就會跟著提高,進而順著流程完成下一步動作。

順應直覺的衝刺動力

目標漸進效應的特點在於,它為我們的大腦提供了一股推進力。

看著只差一點點就能達成的目標,大腦會很自然地想要加速衝刺,跨過最後的門檻。設計團隊透過這個明確的視覺提示,讓大家在結帳前產生順手湊單的動力。

讓進度條發揮正向價值

顯示免運門檻能讓資訊保持透明,幫助大家清楚知道平台的規則。在實務上,我們可以思考如何讓這個機制帶來雙贏的體驗。

同樣的設計機制,放在健身 App 裡記錄訓練菜單,或是學習軟體裡顯示課程進度,就能將這份越接近目標越有動力的心態,導向非常有益的方向。看著進度條慢慢填滿,完成訓練或學習本身,就成為了一件充滿成就感的事。

聊到這邊,面對這種運用「接近目標」來引導決策的設計機制,照慣例留幾個問題,讓大家下次在處理進度條組件時可以放在心裡想一想:

  1. 在設計購物車進度條時,我們能不能提供更符合使用者喜好的加購推薦,讓湊單的過程更加愉快?
  2. 面對即將完成的進度,還有哪些視覺上的小細節可以增加大家想要衝刺過關的期待感?
  3. 我們可以如何將這種「越接近終點越有動力」的心理機制,靈活運用在幫助使用者養成好習慣的產品中?

上一篇
Day 15|本來想再猶豫一下,看到倒數 03:59 怎麼就直接結帳了?
下一篇
Day 17|片尾跳出「5 秒後播放下一集」,我們怎麼就順勢看下去了?
系列文
沒有壞設計,只有剛好戳中你的心機:30天拆解UI裡的心理學筆記18
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言