This section shows how to use images and graphs to improve learning outcomes.
⋯
Add relevant graphics.
Example:
The slide on the right uses a graphic that supports the slide text.
Rationale:
Pairing text with graphics makes ideas easier to understand.
⋯
Use images of real people in natural poses.
Example:
The image on the right shows people in a natural pose.
Rationale:
Real images make slides look authentic.
⋯
Use functional rather than decorative images.
Example:
The image on the left is decorative, while the image on the right is functional because it shows correct posture.
Rationale:
Decorative images don’t improve learning outcomes.
⋯
Pair examples with counterexamples.
Example:
The first example shows poor posture (counterexample), while the second shows correct posture (example).
Rationale:
Performance depends on knowing both what to do and what to avoid.
⋯
Position people in images to face slide text.
Example:
The grey rectangles represent text placeholders. In the first image, attention is directed away from the text. In the second, attention is directed toward it.
Rationale:
People often look where others are looking, so images facing slide text can help direct attention toward it.
⋯
Use a series of full-screen images across several slides.
Example:
These full-screen images can support a story about a hike.
Rationale:
A series of full-screen images can make presentations more engaging by pairing each sentence with a relevant visual.
⋯
Include only slide elements that support the message.
Example:
This repeated logo adds clutter.
Rationale:
Repeated elements add clutter without supporting the message.
⋯
Use gradients.
Example:
A white gradient has been added behind the grey text placeholder below.
Rationale:
Gradients make text easier to read against image backgrounds.
⋯
Use visual cues.
Example:
The highlighted box is a visual cue.
Rationale:
Visual cues make important information easier to notice.
⋯
Simplify images.
Example:
The image on the right removes unnecessary detail to focus attention on the Learn button.
Rationale:
Simplified images make important details easier to notice.
⋯
Use simple graphs.
Example:
The slide uses a simple graph. The usual supporting numbers are not shown so the focus stays on the principle.
Rationale:
Simplified graphs are easier to understand.