Media Design for Learning Guide
Help educators and resource creators design media that clarifies ideas, directs attention and remains accessible.
Media Design for Learning Guide
PDF · size TBC
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
- Define the learning objective and learner action.
- Identify the essential ideas and relationships.
- Select representations that make those ideas perceivable.
- Storyboard the sequence and learner attention.
- Remove extraneous content and duplication.
- Add signalling, pacing and opportunities for active processing.
- Design accessibility into the script and assets.
- 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
- Mayer, R. E., & Fiorella, L. (Eds.). (2021). The Cambridge Handbook of Multimedia Learning (3rd ed.). Cambridge University Press.
- W3C Web Accessibility Initiative. (2024). Making Audio and Video Media Accessible.
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