Home
Explore Uedu
Student Console
Register as Member/Login
(2) In future presentations of the research findings, in addition to the course project website and public presentations, your real name and personal information will not appear in this research report. If you are interested in the research results, we can provide you with an executive summary after the study is completed.
問卷中心
Teacher Console
Course Setup
Support & Messages
Uptime Data

UeduGPTs

--

Jupyters

2

Local AI

--

CISOSE26 本地 AI UG26
臺北 AQI 23 · 臺中 AQI 33 · 臺南 AQI 41 · 高雄 AQI 40

AI Reply Desktop Notifications

Show a desktop notification when the AI TA finishes replying

Chat Message Notifications

Notify me when classmates post messages in the forum

Sound notification

Play an alert sound whenever there is a new notification

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 教學法文章