Slide 1

Slide 1 text

An introduction to 
 User Journey Maps WIDE 2020 - Stéphanie Walter - @walterstephanie

Slide 2

Slide 2 text

UX & Product Designer Mobile expert. Pixel & CSS Lover stephaniewalter.design @WalterStephanie

Slide 3

Slide 3 text

“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