昨天談尼爾森的「十大可用性啟發式」，那是一套從專家經驗提煉出來的檢查原則：告訴你「一個好用的介面長什麼樣」。但啟發式只回答了「該怎麼做」，沒回答「為什麼這樣做有效」。今天往下挖一層，看這些原則背後真正的地基——認知心理學與人因工程的法則。當你知道「回饋要即時」是因為人腦在四百毫秒後會從「操作模式」切換成「等待模式」，而不只是因為「尼爾森說要即時回饋」，你才有辦法在遇到啟發式沒涵蓋的新情境時，自己推導出正確決策。這些法則大多被 Jon Yablonski 整理進「Laws of UX」，是每個設計者都該內化的底層知識。
📖 學
Fitts’s Law 費茨定律：目標越大越近，越快點得到
費茨定律出自 1954 年心理學家 Paul Fitts 的實驗，描述「移動到目標所需時間」是「距離」與「目標大小」的函數：距離越遠、目標越小，所需時間越長，且呈對數關係。
設計應用：主要行動按鈕（CTA）要夠大、且放在游標或拇指自然停留的位置。這也解釋了為什麼「螢幕四角」是黃金地段——角落是無限大的目標，滑鼠再怎麼衝過頭都會被邊界擋住（例如 macOS 把選單放在螢幕頂邊）。手機上，把主要操作放在拇指容易觸及的下半部；相鄰但功能相反的按鈕（如「刪除」貼著「儲存」）要拉開距離，避免誤觸。
破除誤用：費茨定律不是叫你把所有東西都做大。全部都大，等於全部都不重要——它談的是「重要目標」要大要近，次要目標反而該刻意縮小或遠離，形成視覺與操作上的優先級。
Hick’s Law 希克定律：選項越多，決策越慢
希克定律指出，決策所需時間隨選項數量呈對數增加。給使用者十個選項，他不是花十倍時間，但確實會明顯變慢、變猶豫。
設計應用：精簡導覽列與選單；用「漸進式揭露」（progressive disclosure）把複雜流程拆成多個少選項的步驟，而不是一次攤開所有欄位。結帳流程分步、設定頁用分類收納、新手引導一次只給一個決定，都是在替使用者降低決策成本。
破除誤用：對數關係意味著「合併選項」有時反而更糟。把二十個項目硬塞進五個模糊的大分類，使用者得先猜「我要的東西在哪一類」，多了一層決策。正確做法是善用清楚的分組與良好的標籤，而不是無腦減少數量。此外，對熟練的重度使用者，過度簡化會拖慢他們——別把專家介面也砍成新手介面。
Miller’s Law 米勒定律：7±2 與組塊化
1956 年心理學家 George Miller 的論文指出，人的工作記憶一次大約只能保留七（±二）個「組塊」（chunk）。常被誤讀成「選單不能超過七項」，但 Miller 真正的重點是「組塊化」（chunking）：資訊經過有意義的分組後，能大幅提升可記憶與可處理的量。
設計應用：電話號碼、信用卡號分段呈現（0912-345-678 而非 0912345678）就是組塊化的日常應用。長表單依語意分區塊、內容用小標與段落切分，都是在幫使用者的工作記憶減壓。
破除誤用：別把 7±2 當成硬性上限。導覽項目該有幾個，取決於內容邏輯與掃視成本，而非死守數字。Miller 本人也說過那篇論文的「七」有點被過度神化了。重點永遠是「有意義的分組」，不是湊到七個。
Gestalt 完形原則：大腦如何自動組織畫面
完形（Gestalt）心理學描述人腦「自動把零散元素組織成整體」的傾向，是版面與視覺分組的理論根基。幾個核心原則：
- 接近性（Proximity）：靠得近的元素會被看成一組。這是最強的分組訊號——與其加框線，不如調整間距。表單的標籤要貼近它對應的輸入框。
- 相似性（Similarity）：外觀相似（顏色、形狀、大小）的元素會被視為同類，因此所有可點擊連結該用一致樣式。
- 閉合性（Closure）：大腦會自動補完不完整的形狀，所以 logo 或圖示能用留白暗示輪廓。
- 連續性（Continuity）：視線傾向沿著線條或排列方向流動，對齊的元素會被讀成一條隱形的線。
設計應用：分組時，先動間距（接近性），再考慮顏色與框線。留白不是浪費空間，而是最有效的分組工具。
破除誤用：接近性會「無聲地」製造你沒打算的關聯——若某個說明文字誤放得離另一組較近，使用者就會把它讀錯歸屬。排版出錯時，先檢查是不是間距說了謊。
Jakob’s Law 雅各布定律：使用者的時間花在別的網站上
由尼爾森（Jakob Nielsen，即昨天十大啟發式的作者）提出：使用者大部分時間都待在「別人的」網站與 App 上，因此他們期待你的產品也照著他們已熟悉的方式運作。
設計應用：購物車就該是右上角的購物車圖示、返回就該在左上、表單送出鈕就該在底部。遵循平台慣例（iOS/Android 的既有模式）能直接借用使用者既有的心智模型，降低學習成本。
破除誤用：Jakob’s Law 不是「禁止創新」。它是提醒你——創新要用在真正創造價值的地方，而不是重新發明「關閉按鈕該長怎樣」。要打破慣例前，先確定收益大於使用者重新學習的成本；若真要改，也要提供平順的過渡。
Doherty Threshold 多爾蒂閾值：400 毫秒的心理防線
1982 年 Walter Doherty 與 Arvind Thadani 發表於 IBM Systems Journal 的研究指出，系統回應應控制在約 400 毫秒內（而非當時通行的 2 秒標準），使用者才能維持專注與生產力。低於這條線，大腦停在「操作模式」、不覺得自己在等待；超過，大腦切換到「等待模式」，心流被打斷，並開始重新評估「這值不值得等」。
設計應用：不是所有操作都能在 400 毫秒內完成，但介面必須「立刻承認」使用者的動作。按下按鈕的瞬間就給狀態變化，載入時用骨架屏（skeleton screen）或進度指示，讓等待被「感知」得更短。有時甚至該刻意加一點延遲——例如轉帳、掃毒的假進度條，能讓結果顯得更可信、更有份量。
破除誤用：Doherty 閾值談的是「感知速度」，不只是「工程上的毫秒數」。即時的視覺回饋，價值往往高於少掉的那幾十毫秒真實運算時間。
Cognitive Load 認知負荷：所有法則的交會點
以上法則其實都指向同一件事——認知負荷，也就是使用者為了理解與操作介面所需付出的心智資源。它分成三種：內在負荷（任務本身的難度）、外在負荷（介面設計不良造成的額外負擔）、增生負荷（用於學習、建立心智模型的有益負荷）。設計者最該砍的是「外在負荷」：混亂的排版、不一致的用語、需要記憶的資訊、突兀的流程，都在偷走使用者本該拿去完成任務的腦力。
設計應用：能辨認的就別要求回憶（呼應昨天的「Recognition rather than recall」）、把選擇留給機器（自動帶入預設值）、一次只問一件事。降低外在負荷，才有空間讓使用者面對任務本身的內在難度。
🧠 記
- 費茨定律：重要目標要「大」且「近」；螢幕邊角是無限大的黃金位置，反向操作把危險按鈕縮小拉遠。
- 希克定律：選項越多、決策越慢（對數關係）；用漸進式揭露拆步驟，但別靠模糊分類假裝變少。
- 米勒定律：重點是「組塊化」而非死守 7±2；有意義的分組才是關鍵。
- 完形原則：大腦自動分組——接近性最強，先調間距再談框線與顏色；留白是最有效的分組工具。
- 雅各布定律：使用者的時間花在別的網站，遵循慣例＝借用既有心智模型；創新要花在刀口上。
- 多爾蒂閾值：400 毫秒是心流防線，做不到就「立刻承認動作」——感知速度勝過真實毫秒數。
✍️ 實踐
挑一個你手上的介面，做「認知負荷稽核」：走過一遍核心流程，每一步問三個問題——這裡我要求使用者「回憶」了什麼（能不能改成辨認）？這一頁塞了幾個獨立決定（能不能拆成漸進步驟）？哪些外在負荷是設計造成的、跟任務本身無關（不一致的按鈕樣式、突兀的用語、莫名的空白等待）。把找到的每一個外在負荷列成清單，這就是你最該優先動手的地方。
接著用單一法則做一次微改造練習，別貪多。例如只針對「費茨定律」：把主要 CTA 加大、移到拇指熱區，把「刪除」從「儲存」旁邊拉開；或只針對「多爾蒂閾值」：找出所有超過 400 毫秒卻沒有回饋的操作，補上骨架屏或即時狀態。改完後，最好找一位沒看過的人實測一遍——法則是推導的地基，真實使用者的反應才是最終裁判。這也正是把昨天的「專家啟發式」與今天的「認知法則」，透過使用者研究驗證閉環的方式。
🔗 延伸學習
- Laws of UX（Jon Yablonski 官方站，各定律的權威整理）
- Doherty Threshold | Laws of UX
- What are the laws of UX? All 21 laws explained | UX Design Institute
- What Is Cognitive Load?（Nielsen Norman Group 影片）
💬 問 AI
把某個具體介面丟給 AI，請它用認知法則逐條體檢，比空泛地問「這樣好不好」更能得到可執行的回饋。試試這段提示：
你是資深 UX 設計師。以下是我某個介面／流程的描述（或截圖）：
[貼上描述或畫面]
請用這些認知心理學法則逐條檢視，每一條都要指出「具體違反或做得好的地方」＋「可操作的改法」：
1. Fitts's Law（目標大小與距離）
2. Hick's Law（選項數量與決策成本）
3. Miller's Law（組塊化，非死守 7±2）
4. Gestalt 完形（接近／相似／閉合／連續）
5. Jakob's Law（是否遵循使用者既有慣例）
6. Doherty Threshold（回饋是否在 400ms 內、有無即時承認動作）
7. 認知負荷（哪些是可消除的「外在負荷」）
最後請依「影響大小 × 修改成本」排出前三個我該優先動手的項目，
並說明每一項背後的認知科學理由，而不只是「這樣比較好看」。