Multimedia Principlesand Images for

LearningExamples of ideas laid out

by Richard Mayer in Multimedia Learningand by Ruth Clark in Graphics for Learning

CoherenceMultimedia learning principles

by Tom Nixon - http://speakingpractically.com/2015/04/20/simplify-your-slides/

BEFORE

AFTER

From Presentation ZenBy Garr ReynoldsBEFORE

AFTER

Spatial ContiguityMultimedia learning principles

by Sarah Riazati & Mike Bamfordhttp://www.learnnc.org/lp/editions/every-learner/6693

BEFORE

AFTER

BEFORE

https://sites.google.com/site/cognitivetheorymmlearning/contiguity-principle

AFTER

Temporal ContiguityMultimedia learning principles

Narration:Start with the back of the tie facing away from you – wide end on the right, small on the left (wide end normally rests slightly above navel).Move the wide end under the small end to the left.Cross the wide end over the small end to the right.Pull the wide end up underneath and into the neck loop.Pull the wide end down through the loop you made at your neck.Pull down on the wide end to tighten and slide the knot up to adjust.

Image by ties.com

BEFORE

Narration:Start with the back of the tie facing away from you – wide end on the right, small on the left (wide end normally rests slightly above navel).=

AFTER: 1 of 6

Narration:Move the wide end under the small end to the left.

AFTER: 2 of 6

Narration:Cross the wide end over the small end to the right.

AFTER: 3 of 6

Narration:Pull the wide end up underneath and into the neck loop.

AFTER: 4 of 6

Narration:Pull the wide end down through the loop you made at your neck.

AFTER: 5 of 6

Narration:Pull down on the wide end to tighten and slide the knot up to adjust.

AFTER: 6 of 6

SignalingMultimedia learning principles

BEFORE

Image from Wikimedia Commons

AFTER

RedundancyMultimedia learning principles

Narration:Cross the wide end over the small end to the right.

Cross the wide end over the small end to the right.

BEFORE

Image by ties.com

(on-screen text)

Narration:Cross the wide end over the small end to the right.REDUNDANCY

AFTER

Types of graphics for learningOrganizational

Source: http://www.aims.education/study-online/supply-chain-operations-reference-model-scor/

https://commons.wikimedia.org/wiki/File:Conceptmap.png

RelationalTypes of graphics for learning

TransformationalTypes of graphics for learning

https://commons.wikimedia.org/wiki/File:Germination-en.svg

InterpretiveTypes of graphics for learning

https://commons.wikimedia.org/wiki/File:2314_Boyles_Law.jpg

https://commons.wikimedia.org/wiki/File:Punnett_square_mendel_flowers.svg

Assembled by Chris Clark, July 2016Kaneb Center for Teaching and Learning

University of Notre Damehttp://kaneb.nd.edu