0:00 / 8:44
Chapter 1 · Where forms lose people
Chapters
Keyboard
- Space Play or pause
- ← → Back or ahead 5 seconds
- [ ] Previous or next chapter
- C Captions · M Mute · F Full screen
Transcript
Notes for class
- Watch beside Organizing Forms and Form Accessibility and Usability, which teach each step in detail.
- The counters are counted from the example's own data (a name, an email address, a phone number and a 16-character password), not measured from people. The second attempt assumes the browser already holds the person's details and offers a password, as current browsers and password managers do.
- Abandonment figures: Baymard Institute, cart abandonment rate statistics, updated 22 September 2025.
- Try it yourself: open the keyboards demo on a phone, and the messages demo on any device.
- The narration is a synthetic voice (ElevenLabs). Timing follows the narration track, so a recorded voice-over can replace it cue for cue using the transcript.
- With Reduce Motion turned on in the operating system, the film keeps its fades and drops the sliding motion.
- Set in Atkinson Hyperlegible Next and Mono, typefaces the Braille Institute designed for readers with low vision.
Take it with you
- Video (MP4, 1080p, 8:44, 14 MB), with English captions built in
- Captions: WebVTT or SRT, for Canvas or YouTube
- Narration script (plain text) with chapter timecodes, for recording your own voice-over