Skip to content

Training example

Remove avoidable load from a procedure screen.

Compare three edits to a crowded machine-startup lesson and choose the first change.

Press play and use the interactions in this published example.

Read the instructional design principles guide

4.9/5Capterra

How it was built

The repair must preserve essential content

Each button opens feedback about layout, timing, or removal while keeping the task visible.

  • Buttons
  • Video branching
  • Viewer variables

What it does

The example demonstrates one instructional design principle.

It is not a full usability or accessibility audit.

Inside the experience

What the viewer does

The video gives each interaction a clear job in the route.

1. Inspect

Read the procedure screen

The diagram, transcript, and warning compete for attention.

2. Edit

Choose the first repair

The learner selects one design change.

3. Explain

Review the load effect

The result states what the edit removes or preserves.

What it reports

Each interaction is measured

Repair selected
The report stores the chosen design edit.
Feedback route
The session shows which load explanation opened.
Replay choice
The viewer can compare another repair.

Build one like it

Start from a video you already have

The interactions were added on top of an existing recording.