how multimedia design impacts the learning experience mark fazioli, phd ct distance learning...

24
How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium www.ctdlc.org

Upload: grace-black

Post on 27-Dec-2015

215 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

How Multimedia Design Impacts the Learning Experience

Mark Fazioli, PhDCT Distance Learning Consortium

www.ctdlc.org

Page 2: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

2

Agenda

• Outline basic theory and principles of using multimedia in learning

• Address some elements of multimedia design:– Graphics

– Text

• Maximize potential for student learning through good practices.

Page 3: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

Multimedia Learning

Page 4: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

4

What is instructional multimedia?

The combination of audio, graphics, video, and

text delivered via electronic means to foster

learning.

Page 5: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

5

Cognitive Model of Multimedia Learning

Online Multimedia Instruction

SensoryMemory Working Memory

Long-TermMemory

Words

Pictures

Ears

Eyes

Sounds

Images

VerbalModel

PictorialModel

PriorKnowledge

SelectingWords

SelectingImages

Organizing Words

Organizing Images

Integrating

(Mayer, 2001)

Page 6: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

6

Multimedia Principle

Students learn better from words and pictures than

from words alone.

(Mayer, 2001)

Page 7: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

Graphics and Images for Learning

Page 8: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

8

Five taxonomies of instructional graphics

1. Decorative

2. Representational

3. Organizational

4. Interpretive

5. Relational

6. Transformational

(Clark & Chopeta, 2004)

Page 9: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

9

• Decorative

Five taxonomies of instructional graphics

Page 10: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

10

• Representational

Five taxonomies of instructional graphics

Page 11: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

11

• Organizational

Five taxonomies of instructional graphics

Page 12: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

12

• Interpretive

Five taxonomies of instructional graphics

Page 13: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

13

• Relational

Five taxonomies of instructional graphics

Page 14: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

14

• Transformational

Five taxonomies of instructional graphics

Page 15: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

Typography for Learning

Page 16: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

16

Common styles of type

• Sans Serif

Page 17: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

17

Common styles of type

• Sans Serif

Page 18: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

18

Contiguity Principle

Students learn better when corresponding words and pictures

are presented near rather than far from each other on the page

or screen.

(Mayer, 2001

Page 19: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

19

Cognitive Model of Multimedia Learning

Online Multimedia Instruction

SensoryMemory Working Memory

Long-TermMemory

Words

Pictures

Ears

Eyes

Sounds

Images

VerbalModel

PictorialModel

PriorKnowledge

SelectingWords

SelectingImages

Organizing Words

Organizing Images

Integrating

(Mayer, 2001

Page 20: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

20

Modality Principle

Students learn better from animation and narration than from

animation and on-screen text.

(Mayer, 2001

Page 21: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

21

Cognitive Model of Multimedia Learning

Online Multimedia Instruction

SensoryMemory Working Memory

Long-TermMemory

Words

Pictures

Ears

Eyes

Sounds

Images

VerbalModel

PictorialModel

PriorKnowledge

SelectingWords

SelectingImages

Organizing Words

Organizing Images

Integrating

(Mayer, 2001

Page 22: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

22

Cognitive Model of Multimedia Learning

Online Multimedia Instruction

SensoryMemory Working Memory

Long-TermMemory

Words

Pictures

Ears

Eyes

Sounds

Images

VerbalModel

PictorialModel

PriorKnowledge

SelectingWords

SelectingImages

Organizing Words

Organizing Images

Integrating

(Mayer, 2001

Page 23: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

23

Summary

• Mayer: words + graphics = • Select carefully with audience in mind:

– Graphics

– Text

• Design for maximum potential for student learning.

Page 24: How Multimedia Design Impacts the Learning Experience Mark Fazioli, PhD CT Distance Learning Consortium

24

Resources on multimedia and instructional design

Clark, R. C. & Mayer, R. E. (2008). eLearning and the science of instruction (2nd ed.). San Francisco, CA: Pfeiffer.

Clark, R. C., & Chopeta, L. (2004). Graphics for learning: Proven guidelines for planning, designing and evaluating visuals in training materials. San Francisco, CA: John Wiley & Sons.

Lohr, L. (2006). Creating visuals for learning and performance: Lessons in visual literacy (2nd ed.). Cleveland, OH: Prentice-Hall.

Mayer, R. E. (2001). Multimedia learning. New York: Cambridge University Press.