文章列表
共有 31 篇文章
讓 Amazon 付出 25 億美元的六步驟取消畫面
結帳時預先打勾的 Prime 訂閱，取消卻要走六個頁面、四個動作，Amazon 最後付出 25 億美元和解。從強制連續性拆解預先打勾、冗長取消流程等介面設計，在現實中帶來的影響力。
只寫著「上傳失敗」，忘了告訴我們下一步該怎麼做的錯誤訊息
「檔案上傳失敗，請稍後再試」，不知道是檔案太大、格式不對還是網路問題，試了幾次只好放棄。從 Nielsen Norman 最後兩條可用性原則，拆解錯誤訊息與說明文件的設計。
滿畫面的飯店推薦，讓我們略過了角落預設打勾的加購選項
訂票頁放滿景點照片、飯店推薦和租車優惠，付款後才發現角落預設勾選了 500 元加購。從 Nielsen Norman 可用性原則「美學與極簡設計」，拆解視覺層級與大腦的注意力篩選。
「不能直接照上次點嗎？」少了再點一次的外送介面
每次點同一份客製化拌飯，都要從基底、配料到醬汁重新勾一遍、備註重打一遍。從 Nielsen Norman 可用性原則「靈活與效率」，拆解「再點一次」這類給熟客的捷徑設計。
想找前幾天收藏的餐廳，我們在選單裡迷路的那一分鐘
想找前幾天收藏的餐廳，點開三條線選單只能憑印象一個一個試。從 Nielsen Norman 可用性原則「辨識勝於回憶」，拆解巢狀選單的記憶負擔與畫面乾淨、好找之間的平衡。
手滑點到「立即購買」，訂單就這樣直接送出了
「加入購物車」和「立即購買」靠得太近，手指一偏就直接扣款，連確認提示都沒有。從 Nielsen Norman 可用性原則「錯誤預防」，拆解一鍵操作、按鈕間距與確認層級的拿捏。
紅色按鈕寫著繼續，我們的手指順著直覺點了旁邊的綠色選項
取消訂閱頁把「確定取消」配上綠色、「保留訂閱」配上紅色，手指順著直覺就點錯了。從 Nielsen Norman 可用性原則「一致性與標準」，拆解按鈕顏色語意與品牌風格的拿捏。
按上一頁資料就全部不見，我們最後是怎麼默默把表單重填一次的？
多步驟註冊走到第四步才發現選錯，畫面沒有返回按鈕，按上一頁資料全部清空。從 Nielsen Norman 可用性原則「使用者控制與自由」，拆解單向表單流程與沉沒成本心理。
「剛剛到底有沒有按到？」我們為什麼會很自然地再補點一下？
按下「確認付款」後畫面沒反應，以為沒按好就多點了一兩次，結果重複扣款。從 Nielsen Norman 可用性原則第一條「系統狀態可見性」，拆解按鈕回饋與確認感的設計。
買手遊鑽石的時候，為什麼總會覺得最大包最划算？
手遊儲值頁列出 60、300、680 鑽三個方案，心算一下就覺得最大包最划算。從誘餌效應拆解儲值頁面裡的價格參照點，以及商業定價與真實需求的拿捏。
《牛來》一部畫風超粗糙的動畫，最後票房暴漲了 8571 倍
導演跟媽媽花五年手工製作的《牛來》，上映時票房只有七千多元，最後暴增八千多倍。從心理阻抗理論與好奇心，聊聊標準化精緻之外，純粹人味帶來的傳播力。
「不用了，我喜歡付原價」，聊聊那些讓我們猶豫兩秒的按鈕文案
領折扣碼的彈窗，拒絕按鈕寫著「忍痛放棄」或「狠心離開」，滑鼠就是會停頓兩秒。從框架效應與損失規避拆解 Confirmshaming 文案，以及保留選擇空間的溫和語氣。
收到「關注商品降價」的推播，原本的猶豫怎麼瞬間就不見了？
收藏了好幾天的相機，通勤時跳出「你關注的商品現在有快閃降價」，猶豫瞬間消失、順手結帳。從 Fogg 行為模型的「觸發」拆解降價通知與推播時機的設計。
片尾跳出「5 秒後播放下一集」，我們怎麼就順勢看下去了？
一集剛播完就跳出「5 秒後自動播放下一集」，不用動手就接著看下去。從 Fogg 行為模型裡的「能力」拆解自動播放與無限下拉的零阻力設計。
結帳看到「只差 10 元就免運」，我們怎麼常常就順手多拿了一件？
購物車進度條寫著「還差 NT$10 元即可享免運」，我們就順手多挑一雙襪子湊滿門檻。從 Fogg 行為模型與目標漸進效應，拆解免運進度條的引導巧思。
本來想再猶豫一下，看到倒數 03:59 怎麼就直接結帳了？
搶演唱會門票時，「座位保留中，請在 09:59 內完成結帳」的紅色倒數讓手指順勢按下結帳。從稀缺原則拆解倒數計時器，以及急迫感設計與資訊真實性的界線。
網購看到「專家推薦」的金色小標章，為什麼會讓我們覺得特別安心？
金色勳章寫著「專業藥師推薦」，猶豫要不要下單的心情就少了一些。從權威原則拆解介面上的專業視覺符號，以及資訊透明度如何建立真實的信任。
被一隻貓頭鷹傳訊息說「想你了」，大腦是怎麼被這句話打動的？
學語言 App 的貓頭鷹推播「牠很想你」，原本沒打算打開，手指還是順手點了進去。從喜好原則拆解擬人化吉祥物的視覺與互動巧思，以及非典型吉祥物的另類魅力。
看到還差一點點的進度條，為什麼我們總想把它填滿？
「個人檔案已完成 80%」，剩下的 20% 不影響使用，我們還是會順手點進去補齊。從蔡加尼克效應拆解進度條與任務清單，以及引導體驗與資訊價值的拿捏。
為什麼 App 總愛先問你的目標？那個讓我們順理成章留下來的巧思
健身 App 先問目標、時程、投入時間，走完五六道題目才出現價格，這時退出總覺得可惜。從承諾與一致原則拆解「先談願景，再談價格」的新手引導流程。
只會發出慘叫聲的 App，為什麼能三天賣出 15 萬台幣？
拍打筆電就會發出慘叫聲的 SlapMac，沒有解決任何實務難題，卻三天賣出近 5000 美元。從 Don Norman 的情緒設計三層次，聊聊情緒痛點為什麼有時比效率更迷人。
還沒註冊就先讓你用核心功能，背後的心理學小巧思
一打開就要綁信用卡的 App 我們下意識關掉，先讓你玩濾鏡、下載時才請你註冊的卻讓人願意填信箱。從互惠原則拆解「先給予價值」的註冊流程設計。
逛網拍一直看到「剛剛有人買了」，真的會讓人想跟著下單嗎？
「台北的陳小姐剛剛買了這件商品」一直跳出來，滑兩三分鐘就覺得這東西好熱賣。從可得性捷思拆解即時購買通知，以及營造熱銷感與資訊透明之間的拿捏。
打開社群卻越滑越生氣？演算法是如何靠「極端言論」留住你的
明明不認同那篇偏激貼文，卻忍不住點進留言區越看越氣，回過神半小時已經過去。從負面偏誤與高喚醒情緒，拆解「為你推薦」演算法如何放大衝突內容。
想關個廣告追蹤卻像在走迷宮？隱私設定裡的「認知負荷」
只是想找一個「不要用我的資料投放廣告」的開關，翻了五分鐘還是找不到，最後只好維持預設值。從認知負荷拆解隱私設定頁的多層選單與阻礙式設計。
為什麼猶豫了老半天，我們最後總會點下「最受歡迎」？
六個方案、十幾條功能比較表，滑了三次還是搞不清楚差在哪，最後乾脆點了「最受歡迎」。從希克定律與選擇癱瘓拆解訂閱方案頁面的決策迷宮。
取消訂閱的道別藝術：最後一個畫面，是如何重塑你的體驗記憶？
退訂流程被挽留了兩次、填了問卷，最後一個溫柔的畫面卻讓你覺得「好像也沒有很機車」。從峰終定律拆解取消訂閱流程與 IKEA 冰淇淋的結尾設計。
「只剩最後 1 件」：為什麼你寧願盲搶，也不想承受錯過的痛？
看到「這個艙等只剩 2 個座位」，手通常已經先點下去了。從損失規避拆解訂房網與電商的急迫感提示，以及真實稀缺與行銷配額之間的界線。
原價2999，特價999：那個被劃掉的數字，是怎麼定住你的荷包的
看到「原價 $2,999，特價只要 $999」就覺得賺到？大腦其實沒有一把客觀的價格量尺，從錨定效應拆解電商與訂閱方案頁面的定價設計。
《我們的行為是怎樣被設計的》在機器與行為之間，編排一場人性的對話
前陣子剛讀完《我們的行為是怎樣被設計的》，我對「設計」這兩個字的理解被徹底重組，並給了我一個全新的視角：設計不是為了解決功能問題，而是為了解決「人與科技如何共存」的信任問題。
Markdown 完整語法測試文章
這是一份用於測試 Nuxt Content 渲染效果的全功能範例，包含 SEO、格式與組件。