--- title: "Journey Map" url: "https://insideuxdesign.com/en/glossar/journey-map" language: "en" description: "What is a journey map in UX design? Explained with its key parts, an example and practical tips. Learn how to find weak spots in the customer experience." published: "2026-10-14T09:50:32+02:00" updated: "2026-10-14T13:05:04+02:00" --- # Journey Map A journey map shows step by step what a person experiences, thinks and feels while working toward a goal with a product or service. It reveals weak spots across channels and departments. - **Buchstabe:** J UX glossary # Journey Map A journey map shows step by step what a person experiences, thinks and feels while working toward a goal with a product or service. It reveals weak spots across channels and departments. Imagine a gym that can’t figure out why so many new members cancel after two months. Marketing says the ads are working. The front desk says sign-up runs smoothly. The trainers say the equipment is excellent. Every department only sees its own slice. Nobody knows where things actually go wrong for members. ## Explained simply A journey map, often called a customer journey map or user journey map, is a visualization of the path a person takes to reach a goal. It shows step by step what the person does, what they think along the way and how they feel. The Nielsen Norman Group describes it, in essence, as a timeline of actions enriched with thoughts and emotions so that a story emerges. Think of a travel diary that doesn’t just list the stops but also tells you where things got stressful, where you got lost and where it was truly great. That’s what a journey map does for a product or service. ## What a journey map is made of It starts with two decisions: whose path you’re showing, usually a [persona](https://insideuxdesign.com/en/glossar/persona), and which scenario you’re looking at, such as “returning a package for the first time.” Each map shows a single point of view. Below that come the phases, for example discover, compare, sign up and use. For each phase, you note what the person does, what’s on their mind and at which points of contact, known as *touchpoints*, they interact with the offering. An emotion curve makes the highs and lows visible. At the end come the opportunities: where can the experience improve, and who owns that? Related, but not the same, is the service blueprint. It builds on the journey map and also shows which internal processes and teams sit behind each touchpoint. ## An example Back to the gym. Before, all there is to go on are numbers: lots of sign-ups, lots of cancellations. Then the team interviews former members and maps the journey together on a wall. The emotion curve shows a clear low in week two: the introductory session was over, there was no personal plan yet, and many people felt lost among the machines. The fix costs little: a short appointment after two weeks to put a plan together. Without the map, the problem would have fallen through the cracks between the front desk and the gym floor, because no single department owned it. ## Common misconceptions A journey map is not a pretty poster for a presentation. Its value comes from the team working on it together, based on real data. A map that one person invents alone at their desk mostly shows that person’s guesses. Digital whiteboards like [Miro](https://insideuxdesign.com/en/ressourcen/miro) help when the team works remotely. For how journeys connect to the overall experience, see [What Is User Experience?](https://insideuxdesign.com/en/blog/what-is-user-experience) ## In practice - **Start with a clear scenario.** “The entire customer relationship” is too big. A specific goal like “canceling a contract” gets you useful insights faster. - **Back every phase with data.** Interviews, support tickets and usage data show what really happens. Be open about where you’re still making assumptions. - **Turn findings into concrete tasks.** For every low point, note who will take care of it. Otherwise the map stays an inventory with no consequences. ## Related terms [Persona](https://insideuxdesign.com/en/glossar/persona), [User Research](https://insideuxdesign.com/en/glossar/user-research), [Jobs to be Done](https://insideuxdesign.com/en/glossar/jobs-to-be-done) ## Sources - [Sarah Gibbons: Journey Mapping 101. Nielsen Norman Group, 2018](https://www.nngroup.com/articles/journey-mapping-101/) - [Sarah Gibbons: Service Blueprints: Definition. Nielsen Norman Group, 2017](https://www.nngroup.com/articles/service-blueprints-definition/) ## More terms [ ### A/B Testing An A/B test is an experiment that shows two versions of a page or element at the same time to randomly split groups of visitors. It lets you decide with real data which version works better. ](https://insideuxdesign.com/en/glossar/a-b-testing) [ ### ARIA ARIA is a W3C standard that adds roles, states and properties to HTML. It tells screen readers what an element is and how it currently behaves. ](https://insideuxdesign.com/en/glossar/aria) [ ### Accessibility Accessibility means designing websites, apps and digital documents so that everyone can use them, including people with visual, hearing, motor or cognitive disabilities. ](https://insideuxdesign.com/en/glossar/accessibility) [ ### Affordance An affordance describes what action an object makes possible and whether people can recognize it: a button invites you to press it, a handle invites you to pull. ](https://insideuxdesign.com/en/glossar/affordance) [ ### Alt Text Alt text is a short text version of an image, stored in the HTML alt attribute. Screen readers read it aloud so people who can’t see the image get the same information. ](https://insideuxdesign.com/en/glossar/alt-text) [ ### Atomic Design Atomic Design is a method for building user interfaces from small, reusable building blocks, from single elements like buttons all the way up to complete pages. ](https://insideuxdesign.com/en/glossar/atomic-design) [ ### BFSG The BFSG, Germany’s Accessibility Strengthening Act, has required many companies since 28 June 2025 to make certain products and digital services, such as online shops, accessible. ](https://insideuxdesign.com/en/glossar/bfsg) [ ### Card Sorting Card sorting is a research method in which people sort terms written on cards into groups. It shows you how they mentally organize content, so you can plan navigation that makes sense to them. ](https://insideuxdesign.com/en/glossar/card-sorting) [ ### Cognitive Load Cognitive load is the mental effort it takes to understand and use an interface. The less unnecessary thinking a design demands, the easier the actual task becomes. ](https://insideuxdesign.com/en/glossar/cognitive-load) [ ### Color Vision Deficiency A color vision deficiency means someone has a harder time telling certain colors apart than most people. The most common type is red-green deficiency. ](https://insideuxdesign.com/en/glossar/color-vision-deficiency) [ ### Contextual Inquiry Contextual inquiry is a research method where you observe and interview people in their real work environment. It shows you how they actually get tasks done, not just how they describe it. ](https://insideuxdesign.com/en/glossar/contextual-inquiry) [ ### Contrast Ratio The contrast ratio describes how much two colors differ in brightness, such as text and background. WCAG requires at least 4.5:1 for normal text. ](https://insideuxdesign.com/en/glossar/contrast-ratio)