Whiteboard animation is an explainer video style: drawings, labels, and diagrams appear as a narrator explains an idea. The drawing happens on a real board in some videos, while digital software reveals prepared artwork stroke by stroke in others.
Whiteboard animation works best when the visuals follow the explanation. A viewer might first see a customer, then a phone, then an order arrow, and finally a delivery vehicle as the narration describes an online purchase. This gradual reveal, known as progressive disclosure, breaks a complex idea into clear steps.
The moving hand attracts attention, but it does not explain the idea on its own. A focused script, useful drawings, accurate narration, and careful timing determine whether viewers understand the video.
How whiteboard animation works
A whiteboard video uses four elements: narration, artwork, a drawing or reveal effect, and editing. The narrator introduces an idea while the video reveals the matching visual. An arrow appears when the narration describes a relationship. A label appears when a technical term is introduced. A completed diagram remains on screen long enough for the viewer to understand it.
This timing helps viewers connect the spoken explanation with the visual. Research on dynamic drawing has found learning benefits in some instructional settings, particularly when the drawing process helps learners build an explanation. Other studies found similar learning outcomes with a visible hand, a hand that moved content into place, and no hand. The hand is therefore optional. The order of the visuals remains essential.
Whiteboard animation suits processes, timelines, cause-and-effect explanations, comparisons, and abstract systems. It becomes less useful when the subject depends on realistic footage, detailed physical demonstration, or large amounts of on-screen text.
Three ways to produce the drawing effect
A physical-board production uses a marker, a real drawing surface, and an overhead camera. The creator records the drawing and removes pauses from the footage. Then the creator adjusts its speed and synchronizes it with the voice-over. Good lighting reduces shadows from the hand. Adobe’s production guidance for whiteboard animation recommends planning the visuals alongside the narration rather than filming first and trying to create a story afterward.
A digital production starts with prepared artwork. Software reveals the lines and shapes in a chosen order. Some software also shows a hand-and-marker graphic following the path. Digital artwork often uses vector graphics, which are drawings built from paths instead of a fixed grid of pixels. Vector graphics remain sharp when resized. In VideoScribe’s documented workflow, an SVG image’s layer order affects the order in which the software draws it.
Template-based software combines stock illustrations, hand styles, text effects, music, and preset reveal effects. This approach reduces production time, but generic assets can make unrelated videos look alike. Before publishing, check the license for every illustration and font. Do the same for each music track and sound effect.
How to make a whiteboard animation
Start with one outcome for the viewer. Write a sentence such as: “After watching, the viewer will understand how a deductible works and know what to check before filing a claim.” One outcome keeps the video focused.
Next, write the spoken script. Use short sentences and leave time for the visuals to change. The narration should explain meaning while the drawings show structure, sequence, or relationships. Avoid reading a dense article aloud while displaying a paragraph of text. That forces viewers to listen and read at the same time.
Turn the script into a scene-by-scene storyboard. For each section, record the narration, the visual, the on-screen label, and the drawing order. For example:
| Narration | Visual action | Label |
|---|---|---|
| “Too many checkout steps cause customers to leave.” | Three forms appear beside a customer and cart. | Too many steps |
| “A simpler checkout removes the extra work.” | The three forms collapse into one page. | One-page checkout |
Build a rough timed version before creating polished artwork. This rough sequence, called an animatic, uses temporary drawings and narration to test the timing. If the narration finishes before the diagram appears, or if viewers have no time to absorb the final image, revise the script and storyboard before polishing the artwork.
Record the voice-over in a quiet space, then create drawings in the order the explanation requires. Keep each scene focused on one idea. Draw arrows, groupings, contrasts, and changes to show relationships more clearly than decorative icons.
As you edit, match each reveal to the narration. Add a label when the narrator first names the concept. Pause after a complex diagram. Remove unnecessary drawing time, but do not speed through a visual that carries the explanation. Music and sound effects should remain quiet enough that every spoken sentence is easy to hear.
Design choices that improve clarity
Use text for labels rather than transcribing the narration. A short phrase such as “three steps” supports the narration. A full paragraph competes with it. Keep the visual style consistent so that repeated symbols retain their meaning. Use color to distinguish categories, show change, or highlight risk instead of adding color without a purpose.
Treat the hand as a design choice. Include it when the live-drawing feeling or moving pointer helps guide attention. Remove it when it blocks important information or adds motion without meaning. A simple line reveal communicates the idea just as clearly when the hand contributes nothing.
Test the draft with people from the intended audience. Ask them to state the main point and explain the process in their own words. If they remember the drawings but cannot explain the relationship between them, simplify the visual sequence.
Accessibility and publishing checks
Add accurate captions and a transcript. Captions give viewers access to spoken narration and meaningful sound effects. The W3C guidance on prerecorded captions treats captions as a basic accessibility requirement for prerecorded synchronized media.
Describe essential visual information in the narration when you can. If a diagram shows a change that the voice-over never describes, provide a descriptive transcript or audio description. The W3C guidance on visual information describes integrated description, in which necessary visual details become part of the main narration.
Confirm that you own every asset or have a license to use it. Copyright owners generally control reproduction, distribution, public display, public performance, and derivative works, according to the U.S. Copyright Office. Keep records for music, artwork, stock media, fonts, and software-library assets.
Does whiteboard animation work?
Research supports whiteboard animation as a useful instructional option, but results vary by lesson and context. Studies have reported higher immediate retention, engagement, or enjoyment in some lessons. Other experiments found no meaningful learning difference between whiteboard animation and other animated formats. A 2025 accounting study also found an initial retention advantage that did not translate into slower forgetting after one week. (Study findings)
Whiteboard animation does not guarantee higher sales, conversions, or other business results. Those outcomes depend on the message, audience, distribution, and call to action, and the cited research focuses mainly on learning. Use whiteboard animation when progressive drawing makes the explanation easier to follow.
