User Stories
User Story Mapping
Learn Jeff Patton's story mapping framework to organize stories by user journey, prioritize releases, and see the whole picture.
What Is Story Mapping?
User story mapping, developed by Jeff Patton, is a technique for organizing user stories along two dimensions: the horizontal axis represents the user's journey through time (what they do first, second, third), and the vertical axis represents priority (must-have at the top, nice-to-have lower down).
A story map lets you see the whole product at once, identify the minimum viable product slice, and plan releases without losing context of the user's complete experience.
The Three Layers of a Story Map
The Backbone (top row): User activities — the high-level tasks a user performs to accomplish their goal. These are verb phrases like "Discover content," "Create account," "Publish post," "Manage settings."
The Walking Skeleton (second row): The minimum set of tasks that complete an end-to-end flow. If you only built these, a user could still accomplish their main goal — poorly, but completely.
Below the Skeleton: Additional stories that improve the experience. Ordered from more important (closer to the top) to less important (further down). These are what you release in subsequent iterations.
Building a Story Map Step by Step
Step 1: Identify personas
Who are your users? Create 1-3 primary personas. For a blog platform: Reader (browses and reads), Writer (creates and publishes), Admin (manages the platform).
Step 2: Map activities left-to-right
What does each persona do from start to finish? For a Writer: Sign up → Set up profile → Write post → Add media → Publish → Track analytics.
Step 3: Break activities into tasks
Under each activity, list the specific things the user does. Under "Write post": Enter title, Write body text, Add tags, Set featured image, Preview draft, Schedule publication.
Step 4: Break tasks into stories
Each task becomes one or more user stories. "Enter title" → "As a writer, I want to type my post title so that readers know what the article is about."
Step 5: Draw horizontal release lines
Slice horizontally across the map. Everything above the first line is your MVP. Everything between lines 1 and 2 is Release 2. This forces you to decide what is truly essential.
Prioritization Techniques
MoSCoW:
- Must have — the product fails without this
- Should have — important but a workaround exists
- Could have — nice to have, won't miss it much if cut
- Won't have — explicitly out of scope for this release
RICE Scoring:
RICE = (Reach × Impact × Confidence) ÷ Effort
- Reach: How many users does this affect per quarter?
- Impact: How much does it improve their experience? (1=minimal, 2=low, 3=medium, 4=high, 5=massive)
- Confidence: How sure are you of your estimates? (1.0=high, 0.8=medium, 0.5=low)
- Effort: How many person-weeks to build?
Higher RICE score = higher priority. This removes gut-feel arguments from prioritization.
Tool Spotlight
Miro — Infinite canvas with sticky notes and real-time collaboration. The most popular tool for digital story mapping. Free tier available with unlimited boards for 3 collaborators.
FigJam — Part of the Figma ecosystem. Lightweight, great for teams already using Figma. Free tier included with Figma accounts.
StoriesOnBoard — Purpose-built for user story mapping with persona integration and Jira sync. Best for teams doing serious story mapping. Starts at $9/user/month.
Avion — Specialist story mapping tool with two-way Jira synchronization. Keeps your map in sync with your backlog automatically.
FeatureMap — Streamlined interface focused on release planning. Good for smaller teams who want a dedicated tool without the complexity of Jira.
Key Takeaways
- Story maps organize stories by user journey (horizontal) and priority (vertical)
- The backbone shows high-level user activities across the product experience
- The walking skeleton is the minimum end-to-end flow that delivers core value
- Release lines slice the map horizontally to define MVP and subsequent releases
- MoSCoW and RICE scoring give you objective frameworks for prioritization decisions
Example
# Story Map Structure (text representation)
BACKBONE (Activities):
[Discover] → [Sign Up] → [Create] → [Publish] → [Analyze]
WALKING SKELETON (MVP tasks):
[Browse] [Register] [Write] [Publish] [View views]
RELEASE 2:
[Search] [Profile] [Add tags] [Schedule] [Comments]
RELEASE 3:
[Filter] [OAuth] [Images] [SEO meta] [Analytics]
# MoSCoW Example
Must: User registration, post creation, publishing
Should: Tags, categories, featured images
Could: Social sharing, author bio, related posts
Won't: Multi-author, subscriptions, paywalls (v1)