Design

Storyboard

The usage scenario in six to eight drawn frames, from context to result.

When. Before a product exists, telling the story tests desirability without writing a line of code.

Duration
1.5 h
Participants
Product team
Output
Scenario to show to users
Stage
Idea · Pre-PMF
1234SceneCaption
Open in FigJamFind the right sequence

In FigJam: File → Duplicate to your drafts, then keep this workshop's section. Get the file on Figma Community

Filled example

1234SceneCaptionLéa in a boilerroom, phone up, nobars, paper sheet onthe boiler7pm in the van,retyping 8 jobs fromcrumpled sheetsSame boiler room,Fieldnote app,'saved on thisphone' toast5pm, Léa home,Marc's board alreadyshows 8 jobs done'No network, no app,back to paper''Two of the sheetsare missing theparts used''She logs it once,right there, in 40seconds''Sophie invoicesMonday morninginstead of Sundaynight'

Example data. Fieldnote is a fictional company used to fill all 61 boards, so the examples tell one consistent story.

Idea stage, Élise and Karim tell Léa's day in four frames to test whether owners even want the offline promise before writing code.

What the team took away

Shown to 6 owners: 5 reacted to frame 4, not frame 3. The value is the owner's Sunday, not the technician's basement. The pitch changed before a line of code.

How to run it

Preparation

Agenda

  1. 10 min
    Set the scene
    Read the persona aloud. Agree on frame 1 (where is the person, what just happened) and frame 8 (what does their life look like once the problem is solved). Write both captions first.
  2. 25 min
    Fill the middle
    In pairs, sketch frames 2 to 7: the moment they notice the problem, the moment they meet the product, the moment it works. Stick figures and arrows. Caption in the person's words, first person.
  3. 20 min
    Present
    Each pair reads their storyboard aloud in under two minutes without pointing at the drawings. If the story does not hold without the pictures, the captions are missing.
  4. 20 min
    Merge
    Pick the strongest frame for each position across the pairs. Rewrite the captions so the eight frames read as one story. Cut any frame that shows a feature instead of a moment.
  5. 10 min
    Read as a user
    One person who did not draw reads the final storyboard cold. Note every question they ask: those are the gaps in the concept.
  6. 5 min
    Close
    Export the eight frames as one image. Decide who shows it to three users this week and what question they ask after frame 8.

Pitfalls

Afterwards

The storyboard goes in front of three to five users as a desirability test before anything is built: 'is this you, would you want this?' Their answers feed the assumption map. If the story holds, it becomes the brief for the Crazy 8's or the design sprint.

Related workshops

Back to the compassAll workshopsVersion française