Anastasia Schebrova

Anastasia Schebrova
Chief Experience Officer at UXPressia

Make Customer Journey Maps Visual

No one initiates journey mapping for the sake of journey mapping. There is a long list of reasons why companies do this activity. Improving customer satisfaction scores, building customer loyalty, supporting new corporate initiatives, or building a new product - those are on the list.

But can’t just a simple Excel spreadsheet do the job? After all, it's all plain text, right? But let's ask ourselves - when we go to our favorite grocery store, which candy has more chances to be spotted out and end up in our shopping cart: the one with well-designed packaging or the one in a gray wrapper?

We tend to give more attention to things that look good. Look at the following two journey maps:

  •  Coffee Journey Map on a Spreadsheet  Coffee Journey Map on a Spreadsheet
  • Coffee Journey Map in UXPressia Coffee Journey Map in UXPressia

Same content, different tools. Which one would you show your boss?

A clear and compelling map is a must for understanding the journey, barriers and moments of truth. It will also sell your ideas more easily. And in this article, we'll equip you with simple tips on how to make your CJM more visual and impactful.

When & How to Add Visuals

There are a few cases where you should sprinkle your map with some good graphics. But don't think any picture will do as long as it's bright and fun. It has to be functional, not distracting. So let's take a look at what visuals to use for each case.

Case 1: get into customers shoes

Customer journey map is not a process map - it’s all about empathy and looking at the service/product through the eyes of a customer. You want to see what the customer/user sees and perceive when going through the journey. In this case, images work miracles. Here’s what you can do:

If you are mapping a journey for a software product add interface screenshots. If there are some triggered email notifications in between, add those, too.
Just seeing them next to each other one by one sometimes can give you some clues about user behavior. Some good questions to ask yourself at this point are:

  • Are those making sense at all? Aren’t you asking users for a favor prior to giving something to them first?
  • Are the steps predictable and clear?
  • Are the overall tone of voice and visual design consistent throughout the journey?

If you are dealing with brick and mortar, think about photos then. Focus on the following:

  • Do the customers have any troubles finding you? Is the navigation confusing? How about parking?
  • What do they see around them? What impression does it make?
  • Are they comfortable in the given context?

journey_map_photos

If you produce tangible goods then you should definitely add photos of the packaging and the product itself. And not just products, it can be invoices, flyers, posters, business cards, ads etc. As you are designing experiences you must have the full picture of what impression those things produce on your customers, what emotions they invoke and what unexpected effects they might have.

It is unlikely that every employee involved in customer journey map discussions will have time to go through the same path that customers take - and that’s ok. That's why you create the map - to give them a taste of what customers feel and to awaken empathy.

Case 2: explaining improvement ideas

The best part of each customer journey map is when the team comes up with ideas on how to make things better for both the customers and the business. Now the worst part is those ideas don't make it to production that often. When you capture them in plain text, chances are even higher that they will remain invisible and forgotten. So, how can we change it?

Show examples of how others approach the same problem. This will perform much better than a thousand words.

pasted-image-0-1

Add rough sketches of your suggestions. Those may cover interface, but also the overall process (number of steps, their sequence). A quick sketch is easy to create and much easier to understand than a wordy description.

Case 3: emphasizing extremes in the journey

To make effective decisions you need to be able to identify the points of extremes - when a customer is extremely satisfied or, the opposite, extremely frustrated. You need the first one so you understand what works and make sure you keep it that way and don’t break accidentally during the transformation process. The latter needs to be easily identified so you can fix it as soon as possible as those are the things that ruin your KPIs and cost company money and reputation.

Good luck trying to do that with plain text. Use the experience graph instead - it will quickly show where your service fails to deliver exceptional experience:

pasted-image-0-2

Feel free to add quotes complementing each emotion: nothing speaks better than an angry or excited customer. Want to take it a notch further? add a link to a public review. Seeing a screenshot of someone telling about their experience somewhere on Facebook will also give your team a sense of what your customers actually feel. And also what others see when they go searching for reviews.

Case 4: explaining the process nature

Sometimes, showing the exact type of process on your map will help your team identify repeating and unnecessary steps. In other cases, it will help you see more clearly how people interact with your service at each stage and this alone can give you an insight or two. Depending on the process type (linear, non-linear or cyclic) you might want to focus on different things:

Linear processes imply there’s a set of required steps, one by one, customers should take. They can’t go from A to C without B. For those you might want to know:

  • Is there a clear reason why each step is in place?
  • Can you simplify the overall process and help customers get what they need sooner?
  • Are any steps repeated unnecessarily? (for example when the user has to enter some data more than once)

Non-linear processes give customers some freedom in going from A to C - the start/end points are known, but the sequence of actions can differ. Things to consider here:

  • Is the route through the system clear to customers?
  • Are there points where they’re unsure where to go next?

Cyclic processes are repeating from time to time. Besides questions above (they are useful here too) you should also think about the timing:

  • How long does the whole process take?
  • Are people satisfied with the overall timespan and with the time taken for individual steps?

pasted-image-0-3

Adding some channels icons brings even more visualization and helps to figure out the process at a glance.

Case 5: drawing attention to the most important areas

Designer or not, you still need to think about how the end artifact will be perceived by people you’ll be presenting it to. And some things in CJM are more important to be captured than the others. So here are some design tips to make sure they don’t go unnoticed:

Use color coding were appropriate. Red for the “bad” stuff, “yellow” for the warnings and “green” for the good stuff - a cliche, but a working one:

pasted-image-0-4

Use a bigger font size for numbers. Especially when it comes to KPI values:

uxpressia-kpi-journey-map

Use font hierarchy when it comes to the long texts (headers, subheaders, text formatting) - that way it will be easier to scan and capture the key points:

pasted-image-0-6

The exact same map can look very different depending on how you visualize your ideas:

  •  Plain text  Plain text
  • Map with visuals Map with visuals

Which one would you show to your team? 😉

To add visuals or not to add them is your choice after all, but whatever you decide in the end, keep in mind that at UXPressia you will create your maps and personas a mere minutes without any graphic design skills whatsoever. So if you need to visualize that journey map and the deadline was yesterday, then hop aboard, sign up for a free account and start mapping! We have all the necessary sections for images, videos and anything you want to have on your map.

More posts by Anastasia Schebrova

Leave a Reply

Notify of
avatar

wpDiscuz