一句話重點
在文字旁加上對的圖,能讓學習更有效——但不是任何圖都行。圖文並用對科學文本學習有小至中等的穩定效果(g≈0.23),對閱讀理解可達中等(g≈0.39);關鍵是用幫助理解的「組織型圖示」(流程圖、結構圖),而非裝飾性插圖。
研究發現了什麼
雙碼理論(Dual Coding,Paivio)主張人有語文與視覺兩套獨立的編碼系統,圖與文同時呈現能讓資訊在兩條通道都留下痕跡,記得更牢、理解更深。近年兩份統合分析給了它扎實的量化支持:
- Lei、Chen、Chiu、Fang 與 Ding(2025,Educational Psychology Review):在文本中加入圖示對科學成就的效果為 Hedges g=0.232(95% CI [0.166, 0.298]),整合 121 個效果量、63 篇研究、7,621 名學生、橫跨五十年。
- Guo、Zhang、Wright 與 McTigue(2020,AERA Open, 6(1)):圖示對閱讀理解的效果為 Hedges g=0.39(中等),k=39。
最有用的是它們的 moderator——告訴我們「什麼樣的圖才有效」:
- 組織型圖示(organizational,如流程圖、結構圖)優於裝飾性插圖——圖要承載概念之間的關係,而非只是美化版面。
- Lei 等人發現高年級效果更強、黑白勝過彩色(彩色易分散注意)、在「理解與遷移」測驗上效果最大。
- Guo 等人發現開放式評量比是非題更能顯現圖示的助益。
效果量是「小至中等」,且高度取決於圖的類型。隨手加幾張漂亮插圖,可能不但無助、還會因「誘人但無關的細節」分散注意(這也呼應本系列〈多媒體設計原則〉的 seductive detail 效應)。真正有效的是把概念結構畫出來的組織型圖示。大學生需要整合複雜概念,正好最受益於這類「促進深層理解」的圖。
教師可以怎麼做
1. 用「組織型圖示」呈現概念關係
把流程、因果、階層、比較等關係畫成流程圖、結構圖、比較表,而非塞裝飾插圖。圖要讓學生「看見概念怎麼連起來」。
2. 圖與文要對齊、互補
圖不是文字的重複,而是另一條理解路徑。讓圖呈現文字難以言傳的空間與結構關係,兩者互補才發揮雙碼優勢。
3. 移除「漂亮但無關」的視覺
裝飾性插圖會分散注意。每張圖都該問:它幫助理解了嗎?不幫助的就拿掉。
4. 讓學生「自己畫關係圖」
看圖有效,自己建構更有效(呼應概念圖的研究)。請學生把讀到的內容畫成自己的結構圖,主動整合。
5. 用開放式問題檢驗理解
圖示的助益在開放式評量更明顯。用「請用這張圖解釋…」的開放題,而非是非題,才看得出圖真的幫到理解。
搭配 Uedu 工具
用 圖像生成快速產製概念示意圖、流程圖、結構圖,嵌入學習單與 RAG 頻道知識庫的教材——讓「加上對的圖」不再是備課負擔。重點是產製承載概念關係的組織型圖示,而非裝飾插圖。
用螢幕錄製或 Podcast搭配投影片圖解,形成「視覺+聽覺」的雙通道輸入(正是雙碼理論的核心)。成效驗證可比較「純文字」vs「文字+組織型圖示」兩版教材的理解與遷移後測,並按圖示類型分層。
挑一段學生常讀不懂的文字說明,用圖像生成把它的核心關係畫成一張流程圖或結構圖,放在文字旁。下次用一題開放式理解題,比對「有圖 vs 沒圖」兩組學生的答題深度——你會看見對的圖如何打通理解。
結語
一圖勝千言,但前提是「對的圖」。把概念的結構與關係畫出來,給學生第二條理解的通道——這比任何漂亮的裝飾插圖都更能讓知識留下來。圖不是用來好看的,是用來「看懂」的。