Body Level One
Follow on Twitter
@humanistco
@michaelcalleia
User Story
Mapping
INTRODUCTION TO
MICHAEL CALLEIA
Show of
Hands
Who’s created a 

User Journey?
Who has not used 

User Stories?
Who has used 

User Story Mapping 

in the past?
Who loves Post-Its?
Warning:
User story mapping is a versatile
tool. But it is only a single tool.
You will need to employ other tools
with it.
Two More Things
Thing 1:
What is a User Story?
A user story is a promise for 

a conversation.
— Alistair Cockburn
As a <type of user>, 

I want <some goal> 

so that <some reason>.
User story example*
*There are other formats (that’s another presentation).
Provide a two-click way for
users to dial frequently used
numbers.
Another user story example*
*From Extreme Programming Explained: Embrace Change, Second Edition by Cynthia Andres; Kent Beck**
** The person that invented user stories
Thing 2:
What is a User Journey Map?
A user journey is … the experiences a
person has when utilizing/interacting
with something.
—Wikipedia
A user journey is … the experiences a
person has when utilizing/interacting
with something.
—Wikipedia
A user journey map
visualizes this.
This is Fluffy
Fluffy ate a bone.
In lots of splintery bits.
Photo: Ed Dunens. Source: https://flic.kr/p/nELUj8
Fluffy’s owner, Bob sees this.
And freaks out.
Photo: Albert Dobrin. Source: https://flic.kr/p/UkAfsk
Bob calls the veterinarian’s office.
Bob speaks with the receptionist.
Photo: Edward Sweed. Source: https://flic.kr/p/XSvFVB
They set a time for Bob to bring Fluffy in.
Right now!
Photo: Dafne Cholet. Source: https://flic.kr/p/9bUbH3
Bob drives Fluffy to the office.
The veterinarian saves Fluffy.
Photo: NAIT Animal Health Technology. Source: https://flic.kr/p/kH7yVT
User Journey Map of what happens
when Fluffy swallows a bone.
Back to Our Topic
What is User Story Mapping?
Jeff Patton
CREATED BY THIS PERSON
Image by visualpun.ch on Flickr
JEFF WROTE THIS BOOK
USER STORY MAPS LOOK LIKE THIS
OK, What is User Story Mapping?
Story mapping keeps us focused
on users and their experience, and
the result is a better conversation,
and ultimately a better product.
— Jeff Patton
Keeps focus on the user
Story mapping is a technique that
provides the big picture that a
pile of stories so often misses.
— Martin Fowler
Makes it visual
it = User journey, How stories connect, Opportunity
Jeff’s method of story mapping
makes sense to developers, and it
makes equal sense to designers.
Story mapping is the Rosetta
Stone for our digital age.
— Alan Cooper
Builds shared understanding
• Keeps focus on the user
• Makes a user journey visual
• Makes user story connections visual
• Makes opportunities visual
• Builds shared understanding
User Story
Mapping
Who is User Story Mapping for?
Business
User

Experience Engineering
Product Management
All four
Business
User

Experience Engineering
Product Management
Business: opportunity mapping
User Experience: journey mapping and task analysis
Engineering: visualization of connections
Product Manager: visualizing a roadmap and creating shared
understanding across teams
Uses
Anatomy
Backbone
User Journey
Time or order of tasks
Ribs
Stories

(details)
Criticality
Time or order of tasks
Backbone
User Journey

(Steps)
Follow on Twitter
@humanistco
@michaelcalleia
Closer Look
Follow on Twitter
@humanistco
@michaelcalleia
Getting Ready
in the Morning
Get Up
Hygiene
Nourishment
Clothing
News
Get Up Hygiene Nourishment Clothing NewsEpics
Get Up Hygiene Nourishment Clothing News
Hit snooze
Stay in bed

15 min. more
Details
Turn off
alarm
Get Up Hygiene Nourishment Clothing News
Hit snooze
Take a
shower
Make
coffee
Pick
clothing
Check
Twitter
Stay in bed

15 min. more
Brush teeth Eat yogurt
Put on
clothing
Check News

Headlines
Make EggsShave
Stories
Turn off
alarm
But wait!
That’s not going to fit into our release plan!
Hit snooze
Get Up Hygiene Nourishment Clothing
Take a
shower
Make
coffee
Pick
clothing
Brush teeth Eat yogurt
Put on
clothing
Stories
Shave
News
Check
Twitter
Stay in bed

15 min. more
Check News

Headlines
Turn off
alarm
Focus
Get Up Hygiene Nourishment Clothing News
Take a
shower
Make
coffee
Pick
clothing
Check
Twitter
Brush teeth Eat yogurt
Put on
clothing
Check News

Headlines
Make Eggs
If you have 

15 minutes
If you have 

30 minutes
Hit snooze
Stay in bed

15 min.
more
Turn off
alarm
Shave
Iterations
Taking it Further
One tool. 

Many* uses.
* Many != all
Time or order of tasks
Product Detail

(epics, user
stories, etc.)
Broken in swim
lanes by
Criticality (most
critical on top)
Meta
Information

(user, business,
etc.)
Mapping in Three Dimensions
Iteration 1
Swim 

Lanes
Time 

(delivery) Iteration 2
Iteration 3
Milestones
Ribs
User Pains & Gains,

Business 

Opportunities
Feature to attract
users and features
that users will pay for
Birth School College Dating Mariage
First
Home
Pregnancy Parent Retire Death
User stages of life
Finding Opportunity
XO Group started off as the Knot.
Today they include the Nest and the Bump.
A user story map can be used to visual major life events
that represent opportunities to add user or business value
How might we____?

questions
representing
possible areas of
opportunity for
generating user or
business value.
Birth School College Dating Mariage
First
Home
Pregnancy Parent Retire Death
User stages of life
Zooming
Each major event
(or user task) may
have a user
journey subset (or
workflow)
Life

Journey
Epics
Event

Journey
User 

Stories
Office Visit
Mapping Multiple Actors
On a project for the largest veterinary practice in the
United States, we used user story maps to visualize
multiple actors across multiple types of visits.
Tasks related to
the system
(sometime
occurring
outside of the
system)
Events within a visit
Pet
Owner
Veterinarian
Cardboardit.com
Storiesonboard.com
Featuremap.co
Craft.io
Online
Products
Follow on Twitter
@humanistco
@michaelcalleia
Questions?
Thank You

& Rock On
Follow on Twitter
@humanistco
@michaelcalleia

Introduction to user story mapping open camp edition