昨天談表單設計時,反覆繞著同一件事:怎麼讓填寫少一點摩擦。合併欄位、即時驗證、聰明的預設值,這些手法看起來各自獨立,但它們其實都在對付同一個東西——使用者腦袋裡有限的處理資源。表單只是最典型的戰場。今天把鏡頭拉遠,看看摩擦背後那套通用的心理學,以及一群被反覆驗證、直接可以拿來當設計依據的「UX 法則」。理解了它們,你會發現昨天那些技巧不是零散的小聰明,而是同一個原理在不同介面上的具體長相。
📖 學
先講認知負荷本身,因為它是這一切的地基。認知負荷理論由教育心理學家 John Sweller 在一九八〇年代提出,核心主張很樸素:人的工作記憶容量很小,一旦要同時處理的東西超過負荷,學習與判斷的品質就會直線下滑。它把負荷拆成三種,而這三種的處理策略完全不同,分不清就會白費力氣。
內在負荷(intrinsic load)來自任務本身的複雜度。報稅本來就比讀一篇部落格難,這是題目自帶的難度,你沒辦法把它變不見,只能拆解——把一個大任務切成幾個小步驟,讓每一步的內在負荷落在使用者扛得住的範圍。外在負荷(extraneous load)則是介面「怎麼呈現」造成的額外負擔:雜亂的版面、含糊的文案、需要來回比對的資訊、莫名其妙的互動。這是設計師唯一能且應該全力砍掉的一種,因為它對使用者毫無價值,純粹是浪費。相關負荷(germane load,也譯作有效負荷)是使用者用來理解、內化新概念、建立心智模型的那份心力,它是好的、必要的。設計的目標從來不是「把所有負荷都降到零」,而是砍光外在負荷、妥善拆解內在負荷,好把使用者省下來的資源留給相關負荷去做真正有意義的事。
從這個地基往上長,就是那一整套 UX 法則。Hick’s Law(希克定律) 說,做決策的時間會隨著選項數量呈對數增長——選項越多,人猶豫得越久。這解釋了為什麼塞滿三十個項目的下拉選單讓人卻步,也解釋了為什麼結帳頁面把付款方式砍到三種反而轉換更好。但要小心它的誤用:Hick’s Law 不是叫你無腦刪東西,而是叫你分層。把一個爆炸的選單改成「先選大類、再選細項」,總選項沒變少,單一決策點的負荷卻大幅下降,這才是重點。
Fitts’s Law(費茲定律) 談的是操作的物理成本:抵達一個目標所需的時間,取決於它的大小與距離——目標越大、越近,越好點。這條法則在觸控介面上尤其致命。主要行動按鈕要夠大、要放在拇指自然能搆到的區域;螢幕的四個角落和邊緣因為有邊界擋著、實質上「無限大」,是黃金位置;而把「刪除」跟「儲存」兩顆按鈕緊挨著放,就是在用 Fitts’s Law 製造誤觸。
Miller’s Law(米勒定律) 大概是被誤解最深的一條。George Miller 一九五六年的論文標題是〈神奇的數字七,加減二〉,於是「人只能記住七樣東西」變成設計圈的口頭禪——但這是斷章取義。Miller 談的其實是工作記憶的容量大約落在這個區間,而且後來的研究(如 Nelson Cowan)把這個數字修正到更接近「四」。更重要的是,Miller 論文真正的重點是 chunking(組塊化):人記不住一長串零散資訊,但只要把它們組織成有意義的區塊,就能記住多得多。所以正確的用法不是「導覽列不准超過七項」這種教條,而是「把資訊組織成使用者好消化的區塊」。電話號碼分段寫成 0912-345-678 而不是 0912345678,靠的就是這個。
Jakob’s Law(雅各定律) 由 NN/g 的 Jakob Nielsen 提出,一句話:使用者大部分時間都待在別的網站上,所以他們期待你的網站跟那些網站運作方式一致。購物車圖示在右上角、logo 點下去回首頁、底線文字是連結——這些不是你的原創空間,而是使用者累積起來的心智模型。硬要標新立異,等於逼使用者重新學習,製造的正是純粹的外在負荷。創新應該花在你的核心價值上,而不是花在「連結長怎樣」這種使用者早有定見的地方。
Peak-End Rule(峰終定律) 把視角從單一畫面拉到整段旅程。Kahneman 等人的研究發現,人回憶一段經歷時,並不會平均計算過程中的每一刻,而是主要用「最強烈的那個峰值」和「結尾」來為整段體驗打分。這對設計的啟示很反直覺:與其把資源平均攤在每個環節,不如刻意在關鍵時刻做出一個亮眼的高峰(例如一個順暢到令人驚喜的操作),並且格外用心經營結尾(付款成功後那個乾淨俐落、帶點小確幸的確認畫面)。糟糕的結尾會反過來污染整段本來還不錯的記憶。
最後兩個是把上面這些落地的操作手法。漸進揭露(progressive disclosure) 同樣出自 Nielsen,做法是一開始只給使用者當下最需要的少量選項,把進階、少用的功能收在一次點擊之後。這是對付外在負荷最直接的武器——它不是把功能拿掉,而是把它們藏在需要時才出現的地方,讓主畫面保持乾淨。設定頁面的「進階選項」摺疊區、表單裡「勾了才展開」的附加欄位,都是這個原理。辨識優於回憶(recognition over recall) 則是 Nielsen 十大可用性原則之一:辨認一個眼前的東西,遠比從空無一物的腦袋裡憑空回想要輕鬆。這是因為看得見的選項本身就是提取記憶的線索。所以搜尋框給自動完成建議、而不是要人記住精確關鍵字;所以指令用選單列出來、而不是要人背指令;所以最近瀏覽、常用清單這些設計之所以好用,都是在用辨識替使用者省下回憶的力氣。
🧠 記
認知負荷分三型:內在(任務本身難度,靠拆解)、外在(呈現方式造成的浪費,要砍光)、相關(理解新知的有效心力,要保留)。設計的目標是砍外在、拆內在,把資源讓給相關。Hick’s Law:選項越多決策越慢,對策是分層而非硬刪。Fitts’s Law:目標越大越近越好點,主按鈕要大、要在拇指區,危險按鈕別緊鄰。Miller’s Law 的真義不是「七項上限」,而是 chunking——把資訊組織成有意義的區塊。Jakob’s Law:順著使用者既有的心智模型走,創新留給核心價值。Peak-End Rule:體驗的記憶由峰值與結尾決定,重點經營高峰與收尾。漸進揭露:先給最少必要選項,進階功能收在一次點擊後。辨識優於回憶:給線索讓人認出來,別要人憑空想起來。
✍️ 實踐
回頭審視昨天那份表單,用今天的法則當檢查清單重跑一遍。把長表單切成有進度指示的多步驟(拆解內在負荷),每一步只問一組相關的問題(chunking)。凡是非必填、進階的欄位,預設收起,勾選對應選項才展開(漸進揭露 + 砍外在負荷)。把送出按鈕做大、放在拇指容易搆到的位置,並且離「清除」「取消」這類按鈕遠一點(Fitts’s Law)。國家、銀行、常見選項這類欄位,用可搜尋的下拉或自動完成,而不是要使用者自己打對名稱(辨識優於回憶)。表單的視覺與互動模式盡量沿用使用者熟悉的樣式,別為了美觀重新發明輸入元件(Jakob’s Law)。最後,認真設計送出成功那一刻:一個明確、乾淨、讓人鬆一口氣的確認畫面,就是你替整段填寫經驗蓋上的那個「結尾」(Peak-End Rule)。做完之後,挑一個介面(不限表單),寫下它踩了哪幾條法則、以及你會怎麼改。
🔗 延伸學習
- Laws of UX(Jon Yablonski) — 這些法則最完整、最好查的線上索引,每條都有定義、來源與案例。
- Peak-End Rule | Laws of UX — 峰終定律的專頁,含 Kahneman 研究的出處與設計應用。
- Memory Recognition and Recall in User Interfaces | NN/g — Nielsen Norman Group 對辨識與回憶差異的權威說明。
- Progressive Disclosure | NN/g — Nielsen 本人談漸進揭露的原始概念與實作準則。
💬 問 AI
我想深入理解 UX 心理學法則,請幫我:
1. 用一個我熟悉的 App(例如 Instagram 或某個銀行 App)當例子,逐一指出它在哪裡用到了 Hick's Law、Fitts's Law、Jakob's Law、Peak-End Rule。
2. 針對「認知負荷三型」,幫我設計一份檢查清單,讓我審視自己的介面時能快速分辨:這個負荷是內在、外在還是相關?該砍還是該留?
3. Miller's Law 常被誤用成「選單不能超過七項」,請幫我釐清 chunking 的正確用法,並給我三個把資訊組塊化的實際介面例子。
4. 峰終定律要怎麼在一個沒有明顯「結尾」的產品(例如持續使用的儀表板)裡應用?