STORYMAPPING
THE USER EXPERIENCE
DONNA LICHAW
DONNALICHAW.COM 

@DLICHAW
TODAY’S AGENDA
Why story?
How stories work
Developing your stories
Applying stories
Rules of thumb
INTRODUCTIONS
Who you are
What you do
Why you are here today
THE WAY THINGS WERE
Designing for the Digital Age: Creating Human-Centered Products and Services
Table 16.8. Sketching from a scenario.
Scenario step Sketch Comments
1. Laura takes a call from
Mr. Cowell, who needs to
make an appointment for
his cat to have a tumor
removed. Laura finds
him in the client list and
opens his record to see
detail in the client over-
view display area, which
shows that Mr. Cowell has
three cats, one of whom
is flagged for follow-up.
cowell,bob
cowell,tom
find
cowell
client list workspace
fluffy xenaclient
2
1
3
This first sketch draws upon
the organizer/workspace
pattern and the data model,
which indicates that pets are
parts of the client record. The
“find” field is understood as
a placeholder for some way or
ways to locate clients.
Hinman, Rachel. 2012. The Mobile Frontier. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mobile-design/
FLAT FLOWS
High bounce rates
Low conversion
Low activation
Low engagement
High funnel drop-off
STORYTELLING
STORYTELLING
there’s A Formula For That
STORYTELLINGMAPPING
http://www.denofgeek.com/tv/breaking-bad/27141/see-inside-the-breaking-bad-writers-room
http://www.sundance.tv/series/the-writers-room/photos/the-writers-room-breaking-bad#/9
Not to be confused with…
http://www.agileproductdesign.com/blog/the_new_backlog.html
It’s more like…
MAKE THINGS GO
BOOM
HOW STORY WORKS
Beginning Middle End
Hero
Goal
Exposition
Inciting Incident
or Problem
Hero
Goal
Exposition
Rising Action
Inciting Incident
or Problem
Hero
Goal
Exposition
Rising Action
Inciting Incident
or Problem
Hero
Goal
Exposition
Crisis
Climax or Resolution
Rising Action
Inciting Incident
or Problem
Hero
Goal
Exposition
Crisis
Falling
Action
Climax or Resolution
Rising Action
Inciting Incident
or Problem
Hero
Goal
Exposition
Crisis
Denouement
End
Climax or Resolution
Rising Action
Inciting Incident
or Problem
Hero
Goal
Exposition
Crisis
Falling
Action
Denouement
End
Falling
Action
Climax or Resolution
Rising Action
Inciting Incident
or Problem
Hero
Goal
Exposition
Crisis
Denouement
EXERCISE
End
Falling
Action
Climax or Resolution
Rising Action
Inciting Incident
or Problem
Hero
Goal
Exposition
Crisis
Denouement
3STORIES
CONCEPT STORIES
ORIGIN STORIES
USAGE STORIES
CONCEPT STORIES
ORIGIN STORIES
USAGE STORIES
Goal Met
Who 

Goal
Value & Competitive advantage
Problem
Product Name
Market Category
Takeaway
Competition
CONCEPT STORIES
Who a product is for
Why someone would use it
What a product is
How it’s better than the competition
ORIGIN STORIES
EXERCISE
Goal Met
Who / Goal
Value & Competitive advantage
Problem
Product Name
Market Category
Takeaway
Competition
} Concept Story
CONCEPT STORIES
ORIGIN STORIES
USAGE STORIES
Collect & Share
Collect images

Share images
Visual collecting & sharing!
It’s a pain
Discover Pinterest
Sign up
Homepage
Landing page
App store
Email
Ad
Eh
Goal met
Who 

Goal
Why they should care

problem solved
Problem

Trigger

Painpoint
Discover product
Action
Word of mouth
Paid advertising
Google search
App store
Other channels/touchpoints
Acquisition
Activation
Conversion
Awareness
Measureable
Homepage
Landing page
App store
Email
Ad
}
Resistance
CONCEPT STORIES
ORIGIN STORIES
Who a product is for
Why someone would want to use it
How they will discover the product
What value/affordances someone should see
What action(s) they should take
CONCEPT STORIES
ORIGIN STORIES
Who a product is for
Why someone would want to use it
How they will discover the product
What value/affordances someone should see
What action(s) they should take
}
Target market
Problem space
Acquisition funnels, Mktg, SEO
Requirements, Copy, Assets
CTA(s)
EXERCISE } Origin Story
Goal met
Who 

Goal
Why they should care

problem solved
Problem

Trigger

Painpoint
Discover product
Action
Word of mouth
Paid advertising
Google search
App store
Other channels/touchpoints
Homepage
Landing page
App store
Email
Ad
Resistance
Sign
up
Collect and share something
Sign
up
Collect and share something
CONCEPT STORIES
ORIGIN STORIES
USAGE STORIES
Goal Met
Who 

Goal
Solve Problem

Experience Value
Problem

Incentive

CTA
Flow Finish

Flow
Impediment
Sign up
Payment
Funnel drop-off (metrics)
Mental hurdles
Boredom
Lack of value
Usability
Inciting
Incident
Rising
Action
Rising
Action
Rising
Action
Crisis
Climax
Falling
Action
End
Home 

In the KnowWant To Be In the Know
Access + Membership

Friends Are Here?
Sign up
Onboarding Flow
Finish

Flow
Boredom
Lack of value
Inciting
Incident
Rising
Action
Rising
Action
Rising
Action
Crisis
Climax Falling
Action
End
MICRO-STORIES AND HABIT LOOPS
Hours 1 2 3 4 5 6 ∞
Days
Months
Years
LONG-TERM ENGAGEMENT
Goal Met
Who 

Goal
Solve Problem

Experience Value
Problem

Incentive

CTA
Flow Finish

Flow
Impediment
Sign up
Payment
Funnel drop-off (metrics)
Mental hurdles
Boredom
Lack of value
Usability
EXERCISE } Usage Story
Goal MetWho 

Goal
Solve Problem

Experience Value
Problem

Incentive

CTA
Flow Finish

Flow
Impediment
Sign up
Payment
Funnel drop-off (metrics)
Mental hurdles
Boredom
Lack of value
Usability
CASE STUDIES
DAFFODILS
Ben, The Dutiful Citizen

NARRATIVE ARC



CPC donors tend to fit this profile.



Action&Excitement
Timeline
Gives:
“I use the park and
should contribute.”
Lives or works
near the park.

Loves spending
time outdoors.
Asked to donate
• Broadcast media
• Social media
• Mail (paper, email)
Deterrents:
• Trust
• Intangible ROI
• Digital usability
• Geographical relevance
Sees:
“I can see where my money is going
when I’m at the park. I don’t get that
with cancer research. I can’t see cells in
a microscope.”
Feels ownership
and sees utility in
Central Park
Goals met:
• To be a part of something bigger
• To contribute to society by doing their duty
Ben, The Dutiful Citizen

CONTENT & FUNCTIONALITY



This content & functionality will help Ben stay informed and remind him to donate. 

Action&Excitement
Timeline
Reminders
• Signage about
donations in
strategic locations
throughout park
• Acquisition of e-mail
address at time of
previous gift,
“Remind me to give
in the future?”
• Social reminders,
e.g. Twitter,
Facebook tied to
park improvements
• Simplified mobile
sign-up for gift
reminders (outside of
a gift interaction)
Making a Donation
• Detailed needs and
associated costs in
giving menu
• Focus on what gifts
are supporting now in
the blog, including
recent projects and
the Year in Review
(beyond the annual
report)
• Information about the
number and impact of
smaller gifts
(daffodils)
• Information about
where your money
goes and where
project support comes
from
After the Donation
• E-mail campaign tied
to specific deadlines
• Tangible outcomes,
such as a tote, water
bottle, or lunch box
• Deadlines with
“blunt language” for
donation categories,
which explain why
the deadline exists
COMMUNITY
ACCESS
GIVING
The Seton Hill University Student Story
Goals met:
• Educated
• Job-ready
• Community
New student goals:
• To learn
• To be job-ready
• To be a part of a
community
Timeline
Action/Excitement/Awesomeness
Admissions Graduation
Thinks that attending SHU is the
best way to meet her or his goal
Attends SHU
Finds and feels:
Strong sense of community
Access to faculty/staff
Spirit and ethos of giving
Extremely happy with SHU
Feels like a part of SHU
THE STUDENT STORY
The Seton Hill University Engaged Alumna/us Story
Goals met
Networked
Community
Alumna goals:
• To get a job or extend
professional network
• To stay connected to
her community
Timeline
Action/Excitement/Awesomeness
Graduation ∞
Is asked to volunteer on the board
Participates on the board
Finds and feels:
• Strong sense of community
• Access to faculty/staff
• Spirit and ethos of giving
Extremely happy with SHU
Feels like a part of SHU
Struggles:
• Registering for events online
• Finding out news about campus
• Accessing faculty/staff
• Finding other alumni
• Knowing about job opportunities
• FB is easier way to meet goals
THE ENGAGED ALUMNI STORY
Alumna Goals:
• To get a job or extend
professional network
• To stay connected to
her community
∞
The Seton Hill University Differently-Engaged Alumna/us Story
Goals met
Networked
Community
Seeks community of alumni through informal channels:
• In-person meetups, meals, coffee
• Facebook newsfeed, alumni groups
Timeline
Action/Excitement/Awesomeness
Graduation
Misses SHU community
THE DISENGAGED DIGITAL ALUMNI STORY
∞
Alumna Goals:
• To get a job or extend
professional network
• To stay connected to
her community
Visits website and participates
in digital services
Finds and feels:
• Strong sense of community
• Access to faculty/staff
• Spirit and ethos of giving
Extremely happy with SHU
Feels like a part of SHU
The Seton Hill University Future-State Engaged Alumna/us Story
Goals met
Networked
Community
Timeline
Action/Excitement/Awesomenessry
Graduation
Misses SHU community
Becomes aware of alumni website
GAPS & OPPORTUNITIES
SPREADSHEETS
FINDING YOUR STORY
LOOK
LOOK
AGENDA
‣ INSERT CHAPTER TITLES
94
LISTEN
USING YOUR STORY
COMMUNICATE
WRITE
ILLUSTRATED
Cheng, Kevin. 2012. See What I Mean. New York: Rosenfeld Media. rosenfeldmedia.com/books/comics/
VISUALIZE
VISUALIZE
VISUALIZE
ACT IT OUT
Gap analysis
SWOT analysis
Requirements gathering
Needs assessment
SUPPORT
STRATEGIZE
STRATEGIZE
RULES OF THUMB
Stories are character-driven
Characters are goal-driven
Conflict is key
Goals are measurable
Goals can change
WHAT IS THE STORY?
DONNALICHAW.COM | @DLICHAW
THE USER’S JOURNEY

Storymapping The User Experience