Home
探索 Uedu
學生控制台
註冊會員/登入
研究知情同意書
教師控制台
課程設定
支援與訊息
Uptime 數據

UeduGPTs

--

Jupyters

2

UG26 CISOSE26
中興大學 AQI 33 26°C PM2.5 6

AI 回覆桌面通知

AI 助教回覆完成時顯示桌面通知

聊天訊息通知

同學在討論區發送訊息時通知

聲音通知

每當有新通知時播放提示音

EMI Toolkit / 教學法文章 / 第 65 篇
🖼️ 數位學習 📄 實證教學法 ⏱ 約 8 分鐘

圖文並用:對的圖讓學習加倍

Dual Coding (Text + Visuals)

在文字旁加上「組織型圖示」(流程圖、結構圖)對科學文本學習有穩定正效果(g≈0.23)、對閱讀理解達中等(g≈0.39)。關鍵是用承載概念關係的圖,而非裝飾性插圖。

本文依據的研究
Lei, H., Chen, L., Chiu, M. M., Fang, L., & Ding, Y. (2025). Effects of adding illustrations to texts on students' science achievement: A meta-analysis. Educational Psychology Review.
https://link.springer.com/article/10.1007/s10648-025-10053-z
Guo, D., Zhang, S., Wright, K. L., & McTigue, E. M. (2020). Do you get the picture? A meta-analysis of the effect of graphics on reading comprehension. AERA Open, 6(1).
https://journals.sagepub.com/doi/10.1177/2332858420901696
🧪
在 Uedu 上實證這個教學法
本文的教學法可在 Uedu 平台實作並驗證成效:圖像生成組織型圖示嵌學習單/RAG + 螢幕錄製圖配旁白 · 純文字 vs 文字+組織型圖示的理解與遷移後測(依圖示類型分層)。 教師可據此設計一個小型準實驗(前後測或組間對照),用平台資料檢驗成效。

一句話重點

在文字旁加上對的圖,能讓學習更有效——但不是任何圖都行。圖文並用對科學文本學習有小至中等的穩定效果(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 教材:快速產製組織型圖示

圖像生成快速產製概念示意圖、流程圖、結構圖,嵌入學習單與 RAG 頻道知識庫的教材——讓「加上對的圖」不再是備課負擔。重點是產製承載概念關係的組織型圖示,而非裝飾插圖。

螢幕錄製/Podcast:圖配旁白的雙通道

螢幕錄製或 Podcast搭配投影片圖解,形成「視覺+聽覺」的雙通道輸入(正是雙碼理論的核心)。成效驗證可比較「純文字」vs「文字+組織型圖示」兩版教材的理解與遷移後測,並按圖示類型分層。

一個可立即試做的小活動

挑一段學生常讀不懂的文字說明,用圖像生成把它的核心關係畫成一張流程圖或結構圖,放在文字旁。下次用一題開放式理解題,比對「有圖 vs 沒圖」兩組學生的答題深度——你會看見對的圖如何打通理解。

結語

一圖勝千言,但前提是「對的圖」。把概念的結構與關係畫出來,給學生第二條理解的通道——這比任何漂亮的裝飾插圖都更能讓知識留下來。圖不是用來好看的,是用來「看懂」的。

給教師的提醒:本文為教學參考,所引研究多為特定情境(學科、國別、班級規模)下的質性或相關性研究, 其「教學功能」與「策略」屬於可遷移的原則而非保證成效的處方。請依您的學科特性、學生組成與課程目標調整運用。
回到所有 EMI 教學法文章