Storyboarding ⚑

tool · design · organizing-schema

Sequential visual depiction of a user's experience or narrative.

Storyboarding is the design tool of representing a sequence of events, interactions, or experiences as a series of visual frames — typically panels with sketched scenes plus brief annotations describing action, dialogue, or context. The tool descends from earlier visual-narrative traditions including comic strips, illustrated manuscripts, and most directly from Walt Disney Studios' adoption of storyboarding for animation production in the 1930s (typically credited to Webb Smith at Disney, around 1933). Storyboarding moved from animation into film production broadly through the 20th century, into advertising (where storyboards visualize commercials before production), and into interaction design and UX in the 1990s-2000s as designers adapted the tool to depict user experiences across time. In contemporary UX and design practice, storyboarding is used to: communicate use cases concretely (showing actual context of use rather than abstract description); explore alternative interaction sequences before commitment; align cross-functional teams around shared user-experience understanding; identify pain points and opportunities in proposed experiences; test design ideas with users through paper-based walkthroughs. Storyboards typically include panels showing context (who, where, when), action (what the user is doing), and emotion or thought (what the user is experiencing internally). The tool integrates closely with personas, customer journey maps, and other UX research artifacts. Quality varies substantially — high-quality storyboards depict specific concrete user experiences grounded in research, while low-quality storyboards present idealized 'happy path' scenarios that don't reflect actual user contexts. The tool's accessibility (anyone can sketch stick figures and panels) is both strength (enabling cross-functional collaboration) and weakness (allowing decoration rather than substantive analysis).

Originators

Webb Smith and Walt Disney Studios (substantial animation development, ~1933); intellectual antecedents in comic strips and illustrated narratives; subsequent adoption in advertising, film, UX medium

Year / Decade

~1933 (Disney animation development); ongoing development across film, advertising, UX medium

Primary sources

Truby, J. (2007). The Anatomy of Story (broader narrative storyboarding context), Carroll, J.M. (2000). Making Use: Scenario-Based Design of Human-Computer Interactions (UX storyboarding), Buxton, B. (2007). Sketching User Experiences medium

Core components

Sequential visual frames depicting events
Sketched scenes with brief annotations
Context, action, emotion/thought elements
Application to communicating use cases concretely
Distinction from abstract written specifications
Integration with personas, journey maps, scenarios
Use in UX, advertising, animation, film
Quality variation: research-grounded vs idealized happy-path
Tool's accessibility (anyone can sketch) as both strength and limitation

Primary use case

UX and interaction design tool for depicting user experiences; foundation for cross-functional team alignment about user contexts; basis for early design exploration before commitment to specific solutions; integration with broader design research methodology; reference tool in UX education; application across animation, film, advertising production; basis for substantial design-thinking workshop techniques; foundation for some user-testing methodologies (paper prototyping with storyboard context).

Common criticisms

Quality varies enormously across implementations — many UX storyboards depict idealized 'happy path' user experiences that don't reflect actual contexts of use, producing decoration rather than substantive analysis
integration with substantive user research is often weak — storyboards based on team assumptions rather than research
tendency to draw stick-figure people in generic contexts that lose the specific cultural, situational, and emotional dimensions of actual use
the tool's accessibility (anyone can sketch panels) sometimes produces low-fidelity work that misleads rather than clarifies
commercial design-thinking workshops produce storyboarding deliverables of varying analytical fidelity
works better when grounded in substantial user research than as standalone team brainstorm
cross-cultural representation in storyboards requires substantial care that many implementations lack
tendency to focus on customer-facing interactions at expense of organizational and back-stage processes that often determine experience quality
integration with quantitative behavioral data is typically weak
the tool's longstanding history (since Disney 1930s) has produced substantial conventions that may not apply to contemporary digital, AI-mediated, or service contexts.

Lineage

Siblings: Wireframing