A storyboard is a chronological sequence of illustrated frames showing how a user interacts with a product, service, or system. It maps the user's journey by making each stage, interaction, and response visible, helping designers identify problems and opportunities for improvement.
How a Storyboard Maps the Journey
Within B2.1 The design process, a storyboard translates user research and a proposed scenario into a visual narrative. Each frame represents a moment in the experience, from the user's initial need to the final outcome.
| Storyboard element | What it maps |
|---|---|
| Context | Where, when, and why the interaction occurs |
| User action | What the user does at that stage |
| Touchpoint | Where the user interacts with the product, service, interface, or another person |
| Response | What the user thinks, feels, or experiences |
| Pain point | A difficulty, delay, error, or unmet need |
| Opportunity | A point where the design could improve the experience |
For example, a storyboard for using a ticket machine might show the user approaching the machine, selecting a destination, becoming confused by the interface, attempting payment, and collecting the ticket. The confusion frame reveals a pain point, while clearer instructions or fewer menu steps represent possible design opportunities.
Storyboards therefore support user-centred design. They help designers consider the experience from the user's perspective rather than focusing only on the physical features of the final product. They can also communicate an idea to clients, users, and other members of a design team before expensive prototyping begins.
A common misconception is that a storyboard is simply a set of attractive product sketches. In fact, its essential purpose is to show a sequence of use in context; annotations, actions, and user responses are more important than artistic quality.
Exam Technique
In an IB response, define the storyboard and explain how its chronological frames reveal actions, touchpoints, emotions, and pain points. If asked to apply the concept, link a specific frame to a justified design improvement rather than merely describing what the user does.