1. Inspect
Read the procedure screen
The diagram, transcript, and warning compete for attention.
Training example
Remove avoidable load from a procedure screen.
Compare three edits to a crowded machine-startup lesson and choose the first change.
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.
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.
More examples
See what else is possible
Each related page contains a published example you can use.
Training
Branching safety training
See how Dräger uses hotspots, branching, and downloads to let viewers explore hydrogen detection solutions in one interactive video.
Watch →Recruiting
Career recruiting
A Swiss recruiting firm lets candidates explore different career paths, then leave their details.
Watch →Entertainment
Choose-your-own-adventure film
An interactive horror film by The Count’s Den. Viewers choose what happens next.
Watch →Build one like it
Start from a video you already have
The interactions were added on top of an existing recording.