Some people are confused by the difference between 'usability' and 'user experience'. If you find someone in this position, introduce them to the user journey map. If there’s a better way of helping someone understand the difference, I have yet to see it.
A user journey map (and its close cousin the mental model diagram) illustrates the steps in the user experience from the beginning of the process to the end of the process. “Process” here means the context in which people are currently achieving their goals, so this method works well to characterise the results of a field visit.
The process is fairly simple. Start with a set of sticky notes that contain the observations you made during the site visit. Each sticky note contains a single observation.
Working as a team, group the observations into common tasks that people carry out.
Next, label each of the tasks with a shorthand name. This doesn’t need to be the term that users use to describe the task as it’s just your own shorthand.
Now organise the tasks in a set of vertical columns, showing tasks that occur early in the experience and tasks that occur later.
As an optional step, you may want to group some of the tasks together into phases that make sense. In this example, the stages of an online transaction have been defined as “Anticipate”, “Enter”, “Engage”, “Exit” and “Reflect”.
How does this help us?
Second, it helps us identify the good parts of the experience and the poor parts that we can then improve. To explain this, let’s take an example. In this example I’ll be using the “Mail Merge” feature from Microsoft Word.
Let’s map out the user experience of someone using this feature. In this case, that would be me. I use Mail Merge to print address labels for my Christmas card envelopes. (Nothing says “I care” like receiving a Christmas card addressed with a pre-printed label).
Let’s look at my user experience. I’ve written the actions I take when preparing, printing and using the labels. There are about 14 actions:
- In early January, before recycling my Christmas cards, I note down who they came from. That’s because next Christmas, I only want to send cards to those people who sent me a card this year.
- I then create a ‘Christmas Card’ group in my Mac address book.
- Fast forward to December. I open my Mac address book and export the ‘Christmas Card’ group of contacts to a file.
- I then find some cheap labels in Rymans.
- I open Microsoft Word and start the Mailmerge, which requires me to select the label type that corresponds to the ones I bought.
- I import the addresses from the exported file.
- Then I need to map the fields properly (for example, I need to identify the first and last name and the post code of my contacts).
- I then layout the labels in Word.
- Next, I preview the results to check that they will print OK.
- I then print the labels.
- My next step is to pour myself some mulled wine, play Nat King Cole’s Christmas album, and write the cards.
- I then stick the labels on the envelopes.
- I put stamps on the envelopes.
- And finally, I post the cards.
Notice that the ‘user experience’ of writing Christmas cards is bigger than simply creating labels. Although the boffins at Microsoft may see ‘label creation’ as a unique thing, it will never be the beginning and end of the process for a user. The ‘user experience’ also includes creating a list of contacts and (in my case) posting the cards.
Let’s see how we create a user journey map from these data.
My first step is to write each of the steps onto stickies:
My next step is to arrange these actions into groups that make sense. For example, I think that the actions where I note down who sent me a card, create a ‘Christmas Card’ list and export the list are part of a common group of steps (even though they happen nearly a year apart). In fact, I think there are 5 groups, as follows.
Now I label the groups. For example, the actions where I write cards, stick labels on envelopes and put stamps on the envelopes are all part of a ‘Prepare cards’ group.
Pause for a second and take a look at those high level groups, like ‘Update contacts’ and ‘Get labels’. I’m going to call those high level groups red routes: the important user goals that people need to achieve with your system. By defining red routes for your system you are taking your first step in identifying and eliminating the usability obstacles on these key user journeys. We’ll return to these red routes when we create user stories for design and when we create usability test tasks for evaluation.
For now, we’re going to examine the red routes and identify the actions that work well — ‘happy moments’ — and the actions that could be improved. For example, finding some cheap labels is a relatively painless process but selecting the labels in Microsoft Word that correspond to the one I bought can be a problem. Sometimes the label type doesn’t exist so I have to create a unique label (which requires measuring the dimensions of the label).
We can also discover what kinds of question people have at each of these steps. For example, in the ‘updating contacts’ step, I need to remind myself how to create a group of contacts and how I export the contacts in the right format for Word.
Similarly, in the ‘Get labels’ step, I need to tell Word the label type I’m using. Where do I find the label type?
And in the ‘Print labels’ step, I have a number of questions, like ‘How do I import?’ and ‘Which way around should the labels go in the printer?’
We can also turn to the user journey map to identify design opportunities. Considering the pain points and the kinds of question the user has about the step, we can come up with some design insights that might help the user. For example, since the user isn’t sure how to export the contacts from the address book, why don’t we see if we can link directly to the user’s address book?
And since the user isn’t sure how to identify the labels, can we scan the labels with a web cam and use that to identify the label type (perhaps by scanning a bar code or even by using a picture of a sheet of labels)?
And since putting stamps on envelopes is a chore, can we print a postage frank as part of the label, which would remove this action entirely?
What we create with a user journey map is a view of the entire user experience, which helps us see where we can innovate in the process.
Get access to more workshops like this for free
This workshop is one of 20 UX Strategy Workshops to take your business idea from concept to validation. You can access the other 19 workshops in my free online user experience course.
About the author
Dr. David Travis (@userfocus on Twitter) is a User Experience Strategist. He has worked in the fields of human factors, usability and user experience since 1989 and has published two books on usability. David helps both large firms and start ups connect with their customers and bring business ideas to market. If you like his articles, why not join the thousands of other people taking his free online user experience course?
Love it? Hate it? Join the discussioncomments powered by Disqus
Foundation Certificate in UX
Gain hands-on practice in all the key areas of UX while you prepare for the BCS Foundation Certificate in User Experience. More details
Every month, we share an in-depth article on user experience with over 10,000 newsletter readers. Want in? Sign up now and download a free guide to usability test moderation.
User Experience Articles
Our most recent articles
Our most commented articles
Search for articles by keyword
- 7 articles tagged accessibility
- 4 articles tagged axure
- 5 articles tagged benefits
- 16 articles tagged careers
- 8 articles tagged case study
- 1 article tagged css
- 8 articles tagged discount usability
- 2 articles tagged ecommerce
- 17 articles tagged ethnography
- 14 articles tagged expert review
- 2 articles tagged fitts law
- 4 articles tagged focus groups
- 1 article tagged forms
- 6 articles tagged guidelines
- 11 articles tagged heuristic evaluation
- 7 articles tagged ia
- 14 articles tagged iso 9241
- 11 articles tagged iterative design
- 2 articles tagged legal
- 11 articles tagged metrics
- 3 articles tagged mobile
- 8 articles tagged moderating
- 3 articles tagged morae
- 2 articles tagged navigation
- 9 articles tagged personas
- 15 articles tagged prototyping
- 7 articles tagged questionnaires
- 1 article tagged quotations
- 4 articles tagged roi
- 17 articles tagged selling usability
- 12 articles tagged standards
- 47 articles tagged strategy
- 2 articles tagged style guide
- 4 articles tagged survey design
- 5 articles tagged task scenarios
- 2 articles tagged templates
- 21 articles tagged tools
- 56 articles tagged usability testing
- 3 articles tagged user manual