Research GroupInteractive Digital Learning Spaces
HomeGuides and ToolkitsGuidesMedia Design for Learning Guide
Guides & Toolkits · Guide

Media Design for Learning Guide

Help educators and resource creators design media that clarifies ideas, directs attention and remains accessible.

Launch desirable
Type
Guide
Intended audience
Teachers, teacher leaders and specialist leads
Expertise domain
Media & multimedia
Last updated
25/07/2026
Guide · Download

Media Design for Learning Guide

PDF · size TBC

Download PDF

File pending final upload & accessibility check

At a glance

Every word, visual, sound and interaction should earn its place by helping the learner attend to, organise, connect or apply important information.

Coherence

Remove decorative details that don't serve the goal.

Signalling

Use headings, highlights and cues to direct attention.

Spatial contiguity

Keep labels near what they explain.

Temporal contiguity

Coordinate narration with the visual event.

Segmenting

Break explanations into learner-paced units.

Pre-training

Introduce key names before a complex explanation.

Modality

Use narration selectively to reduce visual competition.

Generative activity

Prompt learners to explain, sketch or predict.

A practical workflow

  1. Define the learning objective and learner action.
  2. Identify the essential ideas and relationships.
  3. Select representations that make those ideas perceivable.
  4. Storyboard the sequence and learner attention.
  5. Remove extraneous content and duplication.
  6. Add signalling, pacing and opportunities for active processing.
  7. Design accessibility into the script and assets.
  8. Test with learners and revise.

Core design principles

Coherence — remove decorative details, music and text that do not serve the learning goal.

Signalling — use headings, highlights, arrows, labels and verbal cues to direct attention.

Spatial contiguity — place explanatory labels close to the part of the visual they describe.

Temporal contiguity — coordinate narration or explanation with the relevant visual event.

Segmenting — break complex explanations into meaningful, learner-paced units.

Pre-training — introduce key names, components or representations before a complex explanation.

Modality — use narration with visuals selectively when it reduces visual competition; do not assume audio is always preferable.

Generative activity — prompt learners to explain, sketch, compare, predict or summarise.

Accessibility from the start

  • Write scripts that verbalise essential visual information where natural.
  • Provide accurate captions for speech and meaningful sound.
  • Provide transcripts, including descriptions of important visual information where needed.
  • Use sufficient contrast, readable text and uncluttered compositions.
  • Do not use colour as the only carrier of meaning.
  • Ensure controls are keyboard accessible and clearly labelled.
  • Avoid flashing and unnecessary motion; provide pause and replay controls.
  • Check automatic captions, translations and AI-generated alternatives manually.

Review checklist

  • The objective is explicit.
  • The media requires learners to do more than passively consume.
  • The main message can be stated in one sentence.
  • Each visual has a clear explanatory purpose.
  • The learner knows where to look and what to notice.
  • Pacing allows processing and replay.
  • Examples are accurate and representative.
  • Accessibility alternatives are complete and tested.
  • The final resource is tested with intended users.

Selected evidence

Discuss this resource with the Research Group

Have a question about using this resource in your school or context? Start a conversation with a specialist.

Connect with us