“I wanted to cover all aspects
of the person’s experience
with the system including
industrial design graphics,
the interface, the physical
interaction and the manual.”
1993, Don Norman as Apple’s first User Experience Architect
Slide 4
Slide 4 text
A user journey map will help us visualize and
document the experience a user has as she/he uses
the product or service.
Slide 5
Slide 5 text
use
During
Before After
use
use
Slide 6
Slide 6 text
Source
Slide 7
Slide 7 text
๏ Share a visual understanding of
user’s steps with the whole team
๏ Easily identify issues and
opportunities in the process
๏ Easy to share with all stakeholders
๏ Good basis to take decisions
Why build such a map?
use
During
Before After
use
use
Taking pictures
is easy
It takes forever to
send when wifi is slow
Opportunities
1
1
We have to wait until
front-desk tells us the
client answered
2
2
Asynchronous Loading in the background
Push notifications and navigation rework
Slide 8
Slide 8 text
Example of a mobile app project
use
During
Before After
use
use
Taking pictures
is easy
It takes forever to
send when wifi is slow
Opportunities
1
1
We have to wait until
front-desk tells us the
client answered
2
2
Asynchronous Loading in the background
Push notifications and navigation rework
Fleetback now
Additional work accepted
Open
The client Serges Heinrich accepted 2/3 additional work.
Project Fi 59%
5:07 5:07
Sun Jul.
29
Sun Jul.
29
Fleetback now
Additional work accepted
Open
The client Serges Heinrich accepted 2/3 additional work.
Project Fi 59%
5:07
Sun Jul.
29
My App.
Slide 9
Slide 9 text
How to build a User Journey
Map
Slide 10
Slide 10 text
1. Do your user research
๏ Face to face or remote interview, street
guerrilla interviews
๏ Surveys, customer support logs, web
analytics, social medias, etc.
Slide 11
Slide 11 text
2. User, goal and
scope
๏ Identify who your persona is, the
actor of you map
๏ What is their main goal?
๏ What is the scope of the map?
Slide 12
Slide 12 text
3. Journey phases
๏ Identify the different high level phases
of the process a user goes through.
๏ Write them down as phases in
chronological order
๏ Don’t forget about what happens
before and after they use your product
if you are building a digital product
Phases
PHASE 1 PHASE 2 PHASE 3
Touchpoints & channels
Emotions and pain points
Actions / Tasks
Opportunities for features and improvements
Slide 13
Slide 13 text
4. Actions
and tasks
For each phase, list the detailed
actions and tasks the user
accomplish in order to reach their
goal in this phase
Phases
PHASE 1 PHASE 2 PHASE 3
Touchpoints & channels
Emotions and pain points
Actions / Tasks
Opportunities for features and improvements
Slide 14
Slide 14 text
5. Emotions and
pain points
๏ How does the user feel, what do they
think during each of those phases?
๏ What are the nice positive emotions?
๏ What are their paint points? What
bothers them, annoys them?
Phases
PHASE 1 PHASE 2 PHASE 3
Touchpoints & channels
Emotions and pain points
Actions / Tasks
Opportunities for features and improvements
Slide 15
Slide 15 text
6. Opportunities
How might we turn those pain points
into opportunities to build and
improve our product and service?
Are there any unmet needs we could
try to meet?
Phases
PHASE 1 PHASE 2 PHASE 3
Touchpoints & channels
Emotions and pain points
Actions / Tasks
Opportunities for features and improvements
Slide 16
Slide 16 text
7. Touchpoints
and channels
What are the different touch points with
my product and service the users will have
at the different stages of this process?
Hint: those might not only be digital
touchpoints
Phases
PHASE 1 PHASE 2 PHASE 3
Touchpoints & channels
Emotions and pain points
Actions / Tasks
Opportunities for features and improvements
Slide 17
Slide 17 text
It’s an iterative process:
you might not fill
everything in the
chronological order
๏ What are the different touch
points with my product and
service the users will have at
the different stages of this
process?
Phases
PHASE 1 PHASE 2 PHASE 3
Touchpoints & channels
Emotions and pain points
Actions / Tasks
Opportunities for features and improvements
Slide 18
Slide 18 text
It’s a
collaborative
process
Slide 19
Slide 19 text
What’s next?
Slide 20
Slide 20 text
๏ Refine and digitalize
๏ Share and use!
๏ Update with new
findings
Source gigiguiting.com