Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Why It Matters

Whether you're producing videos for an online course, sharing a photograph graphic with students, building a slide-based presentation, or creating any type of multimedia presentation, there are a few key principles to keep in mind while building your content. 

Our Recommendation

Based on the work of Richard Mayer1, we recommend focusing your use of multimedia by concentrating on three goals:

...

The following sections outline how to accomplish each goal.

1. Reduce Noise

Learning is hard – don't make it harder. These first principles will ensure that you're not placing an unnecessary load on the learner's cognitive processes. 

PrincipleDescription
Coherence

Carefully consider whether each multimedia component is necessary to meet the desired learning outcome.

Good and Bad Examples:

Gallery (Deprecated)
sortname

Image Removed

Example: This example includes unnecessary photographs, font styles, and on-screen text.

Image Added

Good Example: This example removes extraneous graphics and text.

Image Added

Signaling

Highlight essential material.

Bad Example: As the narrator describes a specific step within the Project Management process, the entire process displays on-screen.

Image Added

Good Example: The specific step that the narrator is discussing is highlighted, focusing the learner's attention on the most essential material.

Image Added

Redundancy

Limit multimedia to narration and animation when possible, avoid including redundant on-screen text.

Bad Example: The narrator reads the on-screen text verbatim.

Image Added

Good Example: On-screen text is minimized and the narrator provides detailed content.

Image Added

Spatial Contiguity

Display corresponding words and pictures near each another.

Bad Example: The words are listed along the left side, separate from the image on the right.

Image Added

Good Example: The words are listed alongside their corresponding portion of the image.

Image Added

Temporal Contiguity

Sync corresponding visuals and audio.

Bad Example: The narrator describes the steps, then a short video demonstrates the process.

Image Added

Good Example: The narrator describes the steps as a short video demonstrates the process.

Image Added

2. Clarify Complexities

Trying to explain the unexplainable? These principles outline ways to clarify content that is particularly complex. 

http://vimeo.com/70893101Example: The presentation is delivered as an 11-minute video.

Image Added

Good Example: The presentation is delivered as a series of 1- to 2-minute videos.

Image Added

PrincipleDescription
Segmenting

Allow the learner to control the pace of multimedia presentations.

Good and Bad Examples:

Widget Connector
url
Pretraining

Provide an opportunity for learners to learn basic, prerequisite content before launching a more complex multimedia presentation.

Bad Example: The learner is launched immediately into a video demonstration using unfamiliar vocabulary.

Image Added

Good Example: The learner reviews unfamiliar vocabulary before launching the video demonstration.

Image Added

Modality

When possible, use graphics with spoken text rather than graphics with written text

. On-screen text requires split attention between graphics and text.

. This principle may not apply to learners with higher levels of expertise in a given subject area2.

Bad Example: The learner's attention is split between the graphics and text.

Image Added

Good Example: The learner processes visuals and audio independently, resulting in higher cognitive capacity.

Image Added

 

3. Build Meaning

Are you such a good instructor that your learner has brain power left over? If so, help them build their own meaningAfter you've reduced noise and clarified complexities, learners can concentrate on building their own meaning of the content. These principles will help you promote sense-making.

http://vimeo.com/70893101Example: On-screen text is presented without any visual representation.

Image Added

Good Example: A corresponding visual representation is presented alongside the on-screen text. As a result, the learner builds connections between the verbal and visual representations.

Image Added

PrincipleDescription
Multimedia

Present words and pictures rather than words alone.

Good and Bad Examples:

Widget Connector
url
Personalization

Use a conversational tone rather than a formal tone.

Bad Example: The narrator uses formal, passive language.

Image Added

Good Example: The narrator uses more conversational, direct language, and is perceived as a conversational partner. The learner works harder to understand what their "partner" is saying.

Image Added

 

  1. Mayer, R.E. (2008). Applying the science of learning: Evidence-based principles for the design of multimedia instruction. American Psychologist, 63(8), 760-769.
  2. Kalyuga, Slava (2003). The expertise reversal effect. Educational Psychologist, 38(1), 23-31.