上一章學會了辨識和消除雜訊。消除干擾之後，接下來要思考：如何引導聽眾與我們的視覺溝通互動？本章將探討人類如何「看見」、記憶如何運作，以及如何利用前注意特徵 (preattentive attributes) 這個強大工具來掌控聽眾的注意力。
用大腦看世界#
Figure 4.1: How you see
視覺感知的過程：光線從刺激物反射 → 眼睛捕捉 → 大腦處理。我們並不是用眼睛「看」，而是用大腦。理解聽眾的大腦如何處理資訊，能讓我們更有效地溝通。
三種大腦記憶#
1. 圖像記憶 (Iconic Memory)#
- 速度極快，在你無意識的狀態下就發生了
- 演化的產物：遠古時代，快速辨識環境中的差異（如掠食者的動作、遠處的距離變化）是生存關鍵
- 圖像記憶對一組前注意特徵特別敏感 — 這是改善視覺溝通效率的關鍵工具
- 資訊只在圖像記憶中停留不到一秒，然後被傳送到短期記憶
2. 短期記憶 (Short-term Memory)#
- 容量有限：人腦大約只能同時保留約 4 大塊視覺資訊
- 如果圖表有 10 種不同顏色配 10 種不同形狀的資料標記加上旁邊的圖例，聽眾就得在資料和圖例之間來回對照，非常費力
- 解決方案：將資訊組成更大、更連貫的區塊，以適應有限的工作記憶空間
- 直接在資料旁標註標籤（利用格式塔相近原則）可減少對短期記憶的負擔
3. 長期記憶 (Long-term Memory)#
- 由視覺記憶與語文記憶共同組成，兩者運作方式不同
- 語文記憶透過神經網路存取，關鍵在於能否辨認或回想
- 視覺記憶則以專門的結構運作
- 圖像能幫助我們更快從長期語文記憶中提取資訊（例如看到艾菲爾鐵塔的圖片，會立刻湧出關於巴黎的概念、感受和經歷）
- 同時結合視覺和語文元素，有助於在聽眾心中形成長期記憶
理解記憶的運作方式，可以幫助我們設計更有效的視覺溝通：利用圖像記憶的前注意特徵來引導注意力、尊重短期記憶的容量限制、結合視覺與語文來觸發長期記憶。
前注意特徵 (Preattentive Attributes)#
前注意特徵是圖像記憶特別敏感的一組視覺屬性。它們之所以強大，是因為大腦在無意識的狀態下就會自動處理。
「數 3」的經典示範#
Figure 4.2: Count the 3s example
Figure 4.3: Count the 3s with preattentive attributes
在一組灰色數字中找出所有的 3，需要逐行掃描、費時費力。但如果把所有的 3 變成粗體加大，你連眨眼的時間都不需要 — 六個 3 瞬間就跳到你眼前。這就是前注意特徵的威力。
策略性地使用前注意特徵，可以讓聽眾在還沒意識到之前，就已經看到我們想讓他們看到的東西。
前注意特徵的種類#
Figure 4.4: Preattentive attributes
前注意特徵包括以下類型：
- 方向 (orientation)
- 形狀 (shape)
- 線段長度 (line length)
- 線段寬度 (line width)
- 大小 (size)
- 曲度 (curvature)
- 加上標記 (added marks)
- 環繞 (enclosure)
- 色相 (hue)
- 濃度 (intensity)
- 空間位置 (spatial position)
- 動態 (motion)
量化 vs 分類#
部分前注意特徵會讓人聯想到量化數值（例如長線代表比短線更大的值），適合編碼量化資訊：
- 線段長度、空間位置（最適合）
- 線段寬度、大小、濃度（程度較低）
另一些則適合作為分類區分工具（例如色相 — 紅色或藍色沒有大小之分）：
- 色相、形狀、方向等
這就是為什麼長條圖很好讀（利用線段長度這個前注意特徵），而圓餅圖很難讀（角度不是強力的前注意特徵）。
前注意特徵在文字中的應用#
Figure 4.5: Preattentive attributes in text
沒有任何視覺提示的文字段落，讀者只能從頭到尾閱讀。但少量使用前注意特徵就能快速改變這個局面：
- 粗體 (bold)：吸引力強，適合突顯關鍵詞
- 顏色 (color)：吸引力最強之一，可跳出整段文字
- 大小 (size)：放大的文字不可能被忽略
- 斜體 (italics)：較溫和的強調
- 空間分隔 (separate spatially)：將段落拆成有層次的結構
- 外框 (outline/enclosure)：用方框圈出重點
- 底線 (underline/added marks)：加上標記吸引注意
透過結合多種前注意特徵（如粗體標題 + 較小的說明文字 + 引述用斜體），可以建立清楚的視覺階層 (visual hierarchy)，讓資訊變得容易掃描。
Figure 4.6: Visual hierarchy
研究顯示，聽眾大約在 3-8 秒內就會決定要繼續看你的內容，還是轉移注意力。如果我們善用前注意特徵，即使只有這短短幾秒，也足以傳達核心訊息。
前注意特徵在圖表中的應用#
沒有視覺提示的圖表就像「數 3」練習 — 聽眾必須自己處理所有資訊，沒有線索知道什麼重要。
Figure 4.7: Original graph, no preattentive attributes
Figure 4.8: Leverage color to draw attention
Figure 4.9: Create a visual hierarchy
從探索到解釋#
- 沒有前注意特徵的圖表適合探索分析 (exploratory analysis) 階段 — 你在尋找資料中的洞見
- 進入解釋分析 (explanatory analysis) 時，要用顏色和文字來聚焦故事，將「資料」變成「資訊」
用顏色和文字聚焦#
Figure 4.10: Revisit the ticket example
Figure 4.11: Push everything to background
Figure 4.12: Make data stand out
- 將想強調的長條用醒目顏色呈現，其他長條退為灰色
- 在圖表上加入文字描述，直接告訴聽眾應該注意什麼、為什麼重要
- 同一組資料可以用不同的前注意特徵來講述不同的故事（例如同一張長條圖，強調不同的長條就能突顯不同的論點）
Figure 4.13: Too many data labels
Figure 4.14: Strategic data markers and labels
色彩使用原則#
色彩是最強大的前注意特徵之一，但也最容易被濫用。
適量使用#
Figure 4.15: Use color sparingly
- 大部分元素用灰色或中性色，只在需要聽眾注意的地方使用顏色
- 如果所有東西都是彩色的，就等於什麼都沒有被強調
統一色彩#
- 不要為了避免無聊而換顏色。如果相同系列的資料沒有理由用不同顏色，就用同一個顏色
- 統一色彩反而讓你在需要強調時，只要改變那一個項目的顏色就能跳出來
色彩選擇建議#
Figure 4.16: Color options with brand color
- 品牌色通常是安全的選擇
- 注意色彩的文化聯想（如紅色 = 危險/虧損、綠色 = 安全/獲利）
- 考慮約 8% 的男性有某種程度的色覺障礙 — 避免僅靠紅綠來區分資訊
- 如果要在深色背景上使用文字，文字要夠亮；反之亦然
之字形閱讀模式#
Figure 4.17: Z-pattern reading
- 觀眾習慣依據**「之字形」(Z-pattern)** 順序看投影片和頁面
- 從左上角開始，橫向掃描到右上，再斜向到左下，最後到右下
- 善用這個模式來安排視覺元素的位置
色彩應該被當作策略性工具，而非裝飾。過度使用色彩反而會弱化你想傳達的重點。大膽地用灰色！