methodatlas
UX Design

Storyboarding

Turns user actions, touchpoints, and product concepts into a tangible result by defining a scenario, sketching key scenes, and refining the concept.

Core question
How does the persona experience the scenario frame by frame, and which assumptions about context, behavior and expectations become visible?
MediumWorkshop + async30-90 min
Open runsheetPlan sessionStart comparison
Purpose

The method helps clarify user actions, touchpoints, and product concepts concretely. It makes user flows, service contacts, and product decisions visible. The result is captured as a storyboard, concept narrative, and testable assumptions.

How it works

The team follows the steps: define scenario, sketch key scenes, add annotations, check flow, and revise the concept. Each step is captured visibly. At the end, a storyboard, concept narrative, and testable assumptions are available so decisions, tests, or actions can follow directly.

Visual orientation

Method sketch for a quick mental model.

Storyboarding · 6-Panel FrameMake concept, context, user action, and turning points visible as a testable scene sequence
StoryboardingThe visual shows six storyboard panels from setup through trigger, action, turning point, and resolution to outcome.Make concepts testable as a concrete scene sequenceStoryboards show when a concept becomes relevant, what people do, and which effect is expected.1Setupperson and context2Triggerstarting signal3Actionfirst behavior4Turning pointnew insight5Resolutionexperience solution6Outcomechange remainsEach panel captures an assumption about context, behavior, or effect

Flow

  1. 1Define scenario
  2. 2Sketch key scenes
  3. 3Add annotations
  4. 4Check flow
  5. 5Refine concept

The runsheet guides execution with 5 phases, timeboxes, 5 pitfalls, and clear stop criteria.

Open runsheet

Ideal for

  • Concept testing
  • Service design
  • Prototype planning

Not good for

  • Precise UI specification
  • Deep analytics

Deep dive

In detail

Storyboarding follows a clear working logic: defining scenario, sketching key scenes, adding annotations, checking flow, and refining the concept. This turns the method into a visible thinking process rather than only a conversation. Participants move step by step from raw material, observations, or options toward a shared structure. As a result, a storyboard, concept narrative, and testable assumptions support decisions, learning, or further planning.

Facilitation

Prepare a clear guiding question, the right information, and a visible workspace. Plan about 30-90 min with 1-8 people and use the format either in a workshop or asynchronously. The facilitation needs notable structure and preparation; short timeboxes, visible intermediate results, and a parking lot for open questions help.

Output artifacts
StoryboardConcept NarrativeTestable Assumptions
Tags
visualizationconceptssequenceprototype

Sources

Storyboard - Wikipediaen.wikipedia.org
Artifact templates
Workshop AgendaCompact agenda template for method sequences with timebox, purpose, and output.
agenda

workshop-agenda-markdown.md

Compact agenda template for method sequences with timebox, purpose, and output.

Workshop Agenda

Goal: ... Participants: ... Duration: ...

TimeMethodPurposeOutput
00:00Check-inSet focusShared start
00:10How Might WeIdeation questionsHMW list
00:35BrainwritingGenerate ideasIdea pool
01:10Dot VotingPrepare selectionPrioritized ideas
01:30StoryboardingMake the concept tangibleStoryboard

Close-out

Decision, owner, next test.

When to choose differently

Short decision aid for existing alternatives.

Design Studio

Statt Storyboarding, wenn du mehrere Lösungsskizzen parallel erzeugen und direkt im Team kritisieren lassen willst.

Similar methods

All methods
UX Design
Design Studio

Turns user actions, touchpoints, and design concepts into a tangible result by clarifying the problem and constraints, sketching individually, and iterating together.

Statt Storyboarding, wenn du mehrere Lösungsskizzen parallel erzeugen und direkt im Team kritisieren lassen willst.

UX Design
Customer Journey Canvas

Turns user actions, touchpoints, and product details into a tangible result by selecting a persona or customer group, defining journey phases, and deriving opportunities and actions.

Innovation
Design Sprint

Turns ideas, open questions, and testable next steps into a tangible result by mapping the challenge, sketching solutions, and testing with users.

UX Design
Service Blueprinting

Turns user actions, touchpoints, and concept details into a tangible result by defining service scope, laying out the customer journey, and deriving owners and actions.

Innovation
Design Charrette

Parallel design teams turn a shared challenge into comparable concepts, open questions, and a consolidated direction.

Innovation
Double Diamond

Alternating divergent and convergent phases keep problem framing and solution design visibly separated for product work.