Visual Design for Learning

We design training and communication assets by combining three disciplines: how information is structured for communication, how people build working understanding, and how animation and visual design make that understanding visible.

This is visual design for learning. Not a production style. A method.
L2 1 Visual Design for Learning
01

The Operational Gap

Training assets exist.
Behavior change doesn't follow.

This is not an argument for animation as a style preference. It is why visual explanation is the most direct tool for the four failures described above.

What exists What still happens
The SOP exists. Technicians still ask a colleague before the non-routine job.
The compliance video exists. The same errors appear in the next quarterly audit.
The onboarding course exists. New hires still take three months to reach full productivity.
The product explainer exists. Customers still misuse the feature on day one.

The issue is not missing content. It is content built to inform — not content built to produce correct action under real conditions.

The difference is not a matter of production quality. It is a matter of design intent.

02

The Intake Logic

The Four Questions We Ask Before Production Starts

Not "What should the video cover?", but "What does this worker need to do, and exactly where does their understanding currently break?" Every asset we build begins with four physical questions. Their answers control script structure, visual architecture, and pacing before a single frame is drawn.

Question What We're Establishing
Who is the worker? Role, operating environment, daily task context, and what they already know before they watch
What physical action must they take? The observable, specific behavior the asset must produce — the exact task, tool selection, or decision the viewer must make
Where does understanding currently break? The exact step, judgment call, or decision point where errors and hesitation currently cluster in the workforce
What does correct performance look like? The measurable signal — error rate, support ticket volume, audit result, time-to-task — that confirms the asset changed behavior
Explore the Mechanism

The Intake-to-Script Conversion

See how answers to these four questions directly control script structure, pacing decisions, and which communication function carries each beat of the animation.

03

The Three-Layer Model

Three Design Layers.
Every Asset Uses All Three.

Every asset we produce is resolved at three levels, in a specific order. Decisions made only at the surface, without the two deeper layers, produce videos that look polished and leave behavior unchanged.

01

Surface

Controls where the viewer’s eye lands and how fast information arrives, layout, motion timing, contrast, and pacing.

02

Communication Functions

Defines the structural job each frame performs, whether it is showing a relationship, a sequence, a transformation, or a cause. This determines what the animation does before style is chosen.

03

Psychological Functions

Sets the cognitive outcome the design must produce in the viewer, reducing unnecessary decode, directing attention, and building a working mental map of the system.

Explore the Mechanism

How the Three Layers Work Together in Practice

See how a single design decision — the motion path on a system diagram — gets resolved at all three layers simultaneously, and why changing the surface alone without touching layer two produces the wrong output.

04

The Content Matrix

Define the Content Type First. Then Choose the Media Format.

The most common production mistake is selecting a media format — animation, video, interactive module — before identifying what type of knowledge the asset needs to transfer. Format is a downstream decision. Content type is the upstream one that controls it.

A procedure, a concept, a process, and a principle each fail in a different way when the wrong format is applied. The failure is not visible in production. It only appears when the worker is back on the job.

Procedures

Sequence & transition

Concepts

Boundary & definition

Facts

Context & recall trigger

Processes

Cause, chain & failure

Principles

Rule across contexts

See how a single design decision — the motion path on a system diagram — gets resolved at all three layers simultaneously, and why changing the surface alone without touching layer two produces the wrong output.

Explore the Mechanism

The Content Type Playbook

See how each of the five types maps to a specific visual architecture, and what happens to the media format decision when you switch from a procedure to a process mid-project.

05

The Metric of Clarity

Clear is not a feeling.
It is a user action.

Not measured by

Measured by

These are the signals we design toward.

We identify them in the intake phase. We test against them in the review phase. If an asset cannot be traced to a specific user action, it has not yet been designed. It has only been produced.

If your training assets aren't changing behavior

Start with the intake. We'll identify where the gap lives and what visual architecture is missing. Free 30-minute consultation. No script or brief required to begin.

Continue to Page 2

The 4 Understanding Failures

Why the Logic Gap, Connection Gap, Situation Gap, and System Gap each require a different visual response