Animation and Motion Graphics for Explaining Ideas

When a photograph is not enough

Photographs are good at showing what something looks like. They are poor at showing how something works, changes or moves over time. A photograph of a steam engine shows a machine; it does not show how pressure moves a piston. A photograph of a landscape does not show how a river valley formed over thousands of years. Animation and motion graphics earn their place when the idea is a process, a sequence, a change in scale, or something that cannot be photographed at all.

Typical cases include:

• Processes that are hidden. Things happening inside a machine, a body or a sealed structure.
• Scales that cannot be seen. Very small, very large, very fast or very slow events.
• Sequences with steps. How a manuscript was copied, how a kiln was loaded, how a trade route changed through the centuries.
• Relationships and change. Maps in which borders shift, or diagrams in which parts connect and separate.
• Reconstructions. Showing how a ruined building might once have looked, clearly labeled as an interpretation.

If a still image or a short line of text does the job, a moving version is probably not needed. Animation takes time and money and asks more of the viewer’s attention, so it is best reserved for ideas where motion adds understanding.

What motion graphics do well

Motion graphics are animated shapes, text and diagrams, as opposed to the character or cartoon animation many people picture first. They are often simpler to produce and easier to read on a gallery screen.

Their strengths are control and focus. A designer can reveal one part of a diagram at a time, highlight what matters, dim what does not, and keep the viewer’s eye on the thing being explained. A cutaway can open an object to show the interior. An arrow can trace a path. A labeled part can appear just as the narration mentions it.

Plan the idea before the animation

The most common weakness in explanatory animation is trying to say too much. A short sequence works best when it has one clear question and one clear answer, such as how does this device work? or what changed between these two periods?

A workable planning order:

1. Write the single message in one sentence.
2. List the steps a visitor must follow to understand it, in order.
3. Cut every step that is not needed for that message.
4. Draw a storyboard as a row of rough frames, one for each key moment, with any narration or on-screen text beside it.
5. Check accuracy with a subject expert or curator before any polished work begins, because changing animation after it is made is slow and expensive.

Changing a storyboard costs almost nothing, which is why careful review at that stage pays off. Rough sketches can also be tested on a few people, using the same approach as paper prototypes for interfaces, to see whether the sequence is understood.

Pacing and length

Pace is the other major factor. Motion that is too fast cannot be followed, and motion that is too slow loses people. Some practical habits:

• Introduce one idea at a time and give it a moment to register before the next appears.
• Hold the final state of each step briefly before moving on.
• Keep each segment short. Gallery visitors often stop for a short time, so many teams aim for a clip that makes sense in well under two minutes, and design it so that a visitor who joins halfway can still follow. Treat that as a rule of thumb, not a standard.
• Loop the animation sensibly, with a clear start, or give the visitor a play and replay control.

Consider where the screen sits. In a busy gallery, an animation competing with other sounds and movement may be seen without audio, so the visuals should make sense on their own. Silent playback is common, which links this work to captions and transcripts and, for sound-heavy pieces, to sound bleed between exhibits.

Visual clarity

• Use few colors with consistent meaning, such as one color for water and another for heat, and keep that meaning throughout.
• Keep text short and large. Labels should be readable at gallery distance, with good color contrast against the background.
• Avoid decoration. Motion that is not carrying meaning distracts from the idea.
• Show scale honestly. If parts are enlarged or simplified, say so on screen or in the caption.
• Mark interpretation. Reconstructions and simplified models should be labeled so visitors do not mistake them for evidence.

Accessibility considerations

Moving content raises specific concerns. Rapid flashing can be dangerous for some people, so avoid flashing and strobing effects. Animation that moves continuously can be distracting or uncomfortable for some visitors, including some neurodivergent visitors and those who are sensitive to motion; offering a pause control, or a still alternative, is a considerate habit. For visitors who are blind or have low vision, a spoken or written description of what the animation shows is needed, and the approach is described in audio description. A short text summary of the key message helps everyone, including those who skip the clip.

Working with a designer

When briefing a motion designer, supply the single message, the storyboard, any reference images with rights cleared, the screen size and orientation, the intended length, and who checked the content. Ask for the source files and an editable version as well as the finished video, so small corrections later do not require starting again. Agree on how many rounds of revisions are included, and keep reviewers to a small group so feedback does not pull the piece in different directions.

Finished animation is a video file, and the same questions about encoding and playback apply as for any exhibit video. If the animation will play inside an interactive, test it on the actual hardware.