Journey Maps - UX Words to Know

User Journey Maps and Their Importance in UX Research

UX Words
November 7, 2023

A user journey map is a visualization tool that captures the process a person undergoes to achieve a specific goal, from start to finish.

It chronicles not just their actions, but also their thoughts, feelings, and emotions throughout their experience. This map becomes a narrative, highlighting high-level phases composed of user actions, thoughts, and emotions.

It also takes into account moments where a user might feel delighted or frustrated, and offers a rich opportunity to identify design solutions that can enhance the user's experience.

Visualizing a user journey map: example

A user journey map often looks like a flowchart or storyboard that showcases different stages of the user's experience.

Let's detail a hypothetical user named Jane and her headphone-buying journey in a user journey map format:

1. Awareness stage

Jane realizes her current headphones don't meet her quality expectations.

  • Emotions: Frustration with old headphones, aspiration for better quality.
  • Touchpoints: Using her old headphones.
  • Pain points: Declining sound quality and discomfort.

2. Consideration stage

She starts researching online for top-rated noise-canceling headphones.

  • Emotions: Overwhelm due to choices, excitement about potential upgrades.
  • Touchpoints: Online reviews, brand websites, and forums.
  • Opportunities: Clear product information, comparison features, and easily accessible customer reviews.

3. Decision stage

Jane selects a model with excellent reviews and makes a purchase on the brand's official website.

  • Emotions: Anticipation, confidence in her choice.
  • Touchpoints: Brand's product page, checkout process.
  • Pain points: Complicated checkout processes or hidden fees (though Jane had a smooth experience).

4. Post-purchase stage

Upon receiving and trying out her new headphones, Jane is elated with the sound quality.

  • Emotions: Satisfaction, validation of her choice.
  • Touchpoints: Unboxing the product, first use, warranty registration.
  • Opportunities: Easy setup guides, warranty registration perks.

5. Advocacy stage

Jane shares her positive experience by leaving an online review.

  • Emotions: Desire to help others make an informed choice.
  • Touchpoints: Review platforms, brand feedback forms.
  • Pain points: Complicated review submission processes.

This breakdown showcases the essential elements of a user journey map, including stages, emotions, touchpoints, pain points, and opportunities.

You could also enrich the map with graphics, icons, and possibly even user quotes, giving designers and businesses a holistic view of the user experience.

User flows vs. user journey maps

Two tools often utilized in UX research are user flows and the user journey maps we mentioned earlier. Though they sound similar, they serve distinct purposes:

User flows

User flow maker on UserBit
User flow maker on UserBit

Good user flow diagrams are highly detailed representations of how a system reacts to user actions. In a user flow diagram you can expect to see both:

  1. The sequence of steps a user follows to achieve a specific goal within a product or service
  2. The possible states and outputs from the system in response to the actions taken by the user.

It's a focused and detailed diagram that can lead to a wireframe or prototype, showing the exact steps required for tasks like signing up for an account or purchasing a product.

User journey map

A user journey map provides a broader perspective. It's a holistic representation of a user's experience with a product or service, from the initial interaction to the end goal.

A user journey map goes deeper into the user's emotions,mental model, and expectations at each phase, highlighting pain points and opportunities for improvement.

With this map, the emphasis is on the user's feelings and perceptions, providing valuable insights for user-centered design.

Customer journey map vs a user journey map

UX professionals should understand the nuanced distinctions between commonly used terms: customer journey maps and user journey maps.

At a fundamental level, both tools aim to visualize the process a person undergoes to accomplish a goal. But who are we referencing when we say "person”?

Customer journey map

A customer journey map focuses primarily on individuals who are or will be customers – people who buy or intend to buy a product or service. It charts their interactions, emotions, and decisions leading up to and following a purchase.

This map might illuminate pain points in the buying process or highlight where stakeholders can refine the user experience.

User journey map

While all customers are users, not all users are customers. This term takes into account a broader spectrum, including end users who may interact with a product without necessarily making a purchase.

For instance, in a business-to-business product, the end users might be an employee who uses software, but they aren't the one who bought it. This map focuses on the user's experience, expectations, and challenges they face when navigating a product or service.

How can UserBit enhance your user journey mapping process?

UserBit offers a range of tools tailored to help UX professionals refine and optimize their user journey mapping:

Repository insights

Insight late on UserBit journey maps
Insight late on UserBit journey maps

One of the most powerful features of UserBit's journey mapping module is the ability to add your insights directly from the research repository. This allows you to seemlessly provide evidence supporting your decisions as you create your user journey maps and ensures that your roadmap is aligned accurately with your research findings.

Storyboarding

Story board lane on UserBit journey maps
Story board lane on UserBit journey maps

If you have mockups or screenshots of existing screen that correspond to the steps of the journey, UserBit allows you to easily upload them to your journey map using the storyboard lane. This ensures that your teammembers and stakeholders always have the full context around the actions of your users' journey.

Emotional graphs

Emotional graph on UserBit journey maps
Emotional graph on UserBit journey maps

By visualizing your customer's emotions at every step, you can quickly identify where they're delighted and where they're frustrated. These indicators allow you to quickly identify design opportunities to help improve your users'journeys.

Phases and action steps

With UserBit, you can delineate high-level phases spanning over multiple actions. Rich text formatting allows you to add detailed descriptions, ensuring that all stakeholders have a clear mental model of the user's journey.

While you plan and design, remember to keep feedback loops open. In addition to journey mapping, engaging in focus groups or employing usability heuristics can also provide valuable insights.

And as you go through iterations, consider crafting personas to maintain a user-centric approach, making sure that every feature, signifier, or affordance added caters to the end users' needs and reduces any design debt.

In essence, the journey mapping process, bolstered by platforms like UserBit, can become a foundational tool in crafting experiences that resonate deeply with users.


Eva Chan
Eva Chan
Content @ UserBit