設計師常沉迷創意與特效，卻忽略用戶最本能的行為——掃描。眼動研究表明：79% 用戶只掃描，僅 16% 逐字閱讀。本文從認知心理出發，拆解「為掃描而設計」的三大支柱。

為什麼用戶只掃描？

1. 忙碌：海量信息迫使大腦啟動「節能模式」，掃描是高效率生存策略。
2. 目標導向：用戶帶著具體任務而來（比價、找資料、買票），掃描是尋徑最短路徑。
3. 習慣轉移：報紙、雜誌、書本閱讀習慣無縫遷移至網頁，掃描成肌肉記憶。

支柱一：建立清晰視覺層級

好的層級預先處理信息優先序，減少用戶認知負荷。三條鐵律：

a. 越重要越突出

用尺寸、色彩、質感、線條、形狀構建對比。Banner、導航、登錄框、CTA 按鈕必須一眼可見。

b. 邏輯相關 → 視覺相關

同組內容共享標題、統一樣式、歸屬同一區塊。如電商頁「規格參數」「用戶評價」分區明顯。

c. 邏輯包含 → 視覺包含

父級視覺權重大於子級。主欄目條 > 子標題，縮進、字重、色階層層遞減。

支柱二：明顯標識可點擊區域

用戶依賴慣性識別可交互元素：按鈕、下劃線文字、藍色字、帶圖標文字 = 可點；灰色說明文、正文 = 不可點。設計師為美觀弱化特徵（如去下劃線、降低對比度），直接導致點擊率下跌、回訪率流失。

對比實例：第 1、2 組需思考才能確認可點擊；第 3、4 組零認知負荷即可操作。這些「不起眼」的細節，決定轉化成敗。

總結

設計不僅是「好看」，更是「易讀、易用、易轉化」。視覺層級引導注意力，交互一致性降低認知成本。下次動筆前，先問自己：用戶掃描 3 秒，能否獲取核心信息並完成關鍵操作？