{"id":44317,"date":"2023-04-17T06:42:57","date_gmt":"2023-04-17T13:42:57","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=44317"},"modified":"2026-01-15T01:10:18","modified_gmt":"2026-01-15T09:10:18","slug":"how-to-create-ux-customer-journey","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/","title":{"rendered":"UX Customer Journey \u2014 How to Map Out User Experience"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey-1024x512.png\" alt=\"ux customer journey\" class=\"wp-image-44318\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Customer journey maps are effective visualizations that help organizations understand their customers and create better experiences. Product teams use these journey maps during the design process to solve usability issues, streamline user experiences, and identify opportunities that help the organization achieve its business goals.<\/p>\n\n\n\n<p>Creating customer journey maps requires research, collaboration, the <em>right<\/em> tools, and an appropriate visualization format. Luckily, there are plenty of tools to streamline journey mapping, which we cover later in this article.<\/p>\n\n\n\n<p>Build fully interactive prototypes of your user journeys that accurately represent the final product experience. <a href=\"https:\/\/www.uxpin.com\/sign-up\">Sign up for a free trial<\/a> and enhance your customer experiences with UXPin.<\/p>\n\n\n\n<section class=\"try-uxpin-banner\">\n    <div class=\"try-uxpin__container\">\n        <div class=\"try-uxpin__left\">\n            <p class=\"try-uxpin__heading\">Build advanced prototypes<\/p>\n            <p class=\"try-uxpin__text\">Design better products with States, Variables, Auto Layout and more.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"try-uxpin__button\">Try UXPin<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-signup.png\" class=\"try-uxpin__image\" alt=\"Try UXPin\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.try-uxpin-banner {\n    margin: 40px 0px;\n}\n\n.try-uxpin__container {\n    display: flex;\n    max-width: 689px;\n    height: 210px;\n    padding: 20px;\n    padding-left: 24px;\n    border: 2px solid black;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: space-between;\n    background-color: white;\n    box-shadow: 10px 10px black;\n}\n\n.try-uxpin__left {\n    width: 54%;\n}\n\n\n.try-uxpin__heading {\n    font-size: 28px !important;\n    font-weight: bold;\n}\n\n.try-uxpin__left p {\n    margin: 10px 0px !important;\n    color: black !important;\n}\n\n.try-uxpin__text {\n    margin: 0 !important;\n    font-size: 18px !important;\n    line-height: 22px !important;\n}\n\n.try-uxpin__button {\n    width: 135px;\n    height: 44px;\n    background: black;\n    margin: 10px 0px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 2px;\n    color: white;\n    font-size: 16px;\n    text-align: center;\n}\n\n.try-uxpin__button:hover {\n    cursor: pointer;\n}\n\n.try-uxpin__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -21px;\n    margin-bottom: -6px;\n}\n\n@media (max-width: 760px) {\n    .try-uxpin__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .try-uxpin__container {\n        flex-direction: column;\n    }\n\n    .try-uxpin__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-ux-customer-journey\">What is a UX Customer Journey?<\/h2>\n\n\n\n<p>A customer journey represents the steps customers go through when interacting with a product, service, or business process. Companies use journey maps to visualize this end-to-end process and identify customer needs across multiple touchpoints.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-user-journey-map-vs-customer-journey-map\">User journey map vs. customer journey map<\/h3>\n\n\n\n<p>While the theory and application are similar, there is a slight difference between a user journey map and a customer journey map:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>User journey map<\/strong>: A visual representation of the steps to complete a specific task or goal.<\/li>\n\n\n\n<li><strong>Customer journey map<\/strong>: A broader view of the entire <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/customer-experience-vs-user-experience-why-the-difference-matters\/\" target=\"_blank\" rel=\"noreferrer noopener\">customer experience<\/a> across multiple touchpoints, including all the interactions with an organization.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-benefits-of-mapping-the-customer-journey\">Benefits of mapping the customer journey<\/h3>\n\n\n\n<p>Mapping customer journeys offer many benefits for organizations and teams, notably improving user experience and customer satisfaction by identifying pain points and opportunities within <a href=\"https:\/\/www.nextiva.com\/blog\/customer-journey-management.html\">customer journey management<\/a> initiatives.<\/p>\n\n\n\n<p>Some key benefits of customer journey maps include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enhanced customer understanding:<\/strong> helps organizations gain insights about their target audience&#8217;s needs, preferences, motivations, and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-pain-points-in-ux-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">pain points<\/a> by visualizing the experience from the customer&#8217;s point of view.<\/li>\n\n\n\n<li><strong>Pinpoint issues and opportunities:<\/strong> allows teams to identify which steps cause difficulty or frustration for customers. Conversely, the organization can find areas for improvement and innovation.<\/li>\n\n\n\n<li><strong>Streamlined and consistent experiences: <\/strong>organizations can identify and fix inconsistencies and gaps across multiple touchpoints, creating a more cohesive and consistent user experience.<\/li>\n\n\n\n<li><strong>Improve customer satisfaction and loyalty:<\/strong> by streamlining and optimizing product processes, organizations improve customer satisfaction leading to increased loyalty, recommendations, and growth.<\/li>\n\n\n\n<li><strong>Informed decision-making:<\/strong> journey maps help teams across the organization make decisions about design, development, marketing, etc. Many organizations use these visualizations to prioritize features, updates, and investments.<\/li>\n\n\n\n<li><strong>Cross-functional collaboration:<\/strong> customer journey maps allow organizations to visualize how customers pass through each department, creating opportunities for teams to collaborate and find ways to improve the customer experience at each touchpoint\u2013UX design, marketing, customer support, social media, etc.<\/li>\n\n\n\n<li><strong>Creating benchmarks and continuous evaluation:<\/strong> organizations can use customer journey maps to <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-benchmarking\/\" target=\"_blank\" rel=\"noreferrer noopener\">evaluate projects<\/a> and how products evolve and improve with releases.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-customer-personas-the-foundation-for-customer-journey-maps\">Customer Personas \u2013 The Foundation for Customer Journey Maps<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/05\/user-choose-statistics-group.png\" alt=\"user choose statistics group\" class=\"wp-image-35249\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/05\/user-choose-statistics-group.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/05\/user-choose-statistics-group-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>A <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-designers-5-minute-guide-lean-personas\/\" target=\"_blank\" rel=\"noreferrer noopener\">user persona<\/a> (customer persona) is <a href=\"https:\/\/www.uxpin.com\/studio\/documentation\/ux-artifacts\/\" target=\"_blank\" rel=\"noreferrer noopener\">UX research artifact<\/a> design teams use as a fictional representation of a user group, including their demographics, behaviors, goals, and pain points.<\/p>\n\n\n\n<p>These user personas are the foundation for customer journey maps because they provide the framework for understanding how different types of users engage with the organization and its products.<\/p>\n\n\n\n<p>For example, if a company is designing a fitness app, the research team might create personas for three primary user groups:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gym-goers<\/li>\n\n\n\n<li>Runners<\/li>\n\n\n\n<li>Yoga practitioners<\/li>\n<\/ul>\n\n\n\n<p>These three user personas will have different needs, priorities, goals, challenges, and ambitions. Their interactions with your brand and how they enter customer journeys will also differ.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-incorporating-personas-into-the-customer-journey\">Incorporating personas into the customer journey<\/h3>\n\n\n\n<p>User personas give designers a start and end goal for customer journey maps. They can use the persona&#8217;s behavioral patterns to highlight how these users interact with a product or service and tailor content that meets their needs.<\/p>\n\n\n\n<p><strong>Returning to our fitness app example above:<\/strong> Researchers learn that yoga users prefer to use the desktop application at home, while gym-goers use the mobile app in their local gym. The runners view their daily running program on a mobile device before their run and don&#8217;t view the app again until they return.<\/p>\n\n\n\n<p>The customer journey maps for these three users will look completely different, each with varying steps, challenges, and goals.<\/p>\n\n\n\n<p>This example demonstrates how customer journeys for each persona vary and the importance of separately acknowledging each group&#8217;s needs, behaviors, challenges, and goals.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-stages-of-a-customer-journey\">Stages of a Customer Journey<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/direction-process-path-way.png\" alt=\"direction process path way\" class=\"wp-image-32636\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/direction-process-path-way.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/direction-process-path-way-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>There are several key stages of a customer journey:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Awareness:<\/strong> the moment someone becomes aware of your brand through social media, paid ads, word-of-mouth, etc.<\/li>\n\n\n\n<li><strong>Consideration:<\/strong> customers research your product and compare it to others by reading reviews, comparing prices, and evaluating features.<\/li>\n\n\n\n<li><strong>Onboarding:<\/strong> once customers decide to use your product, they set up an account and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-onboarding-best-practices\/\" target=\"_blank\" rel=\"noreferrer noopener\">learn to use its features<\/a>. If your product uses a freemium model, these people may be users before converting to paying customers.<\/li>\n\n\n\n<li><strong>Engagement:<\/strong> customers regularly use and engage with your product, its features, and its content. During <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/app-engagement-7-ways-ux-design-can-increase-it\/\" target=\"_blank\" rel=\"noreferrer noopener\">engagement<\/a>, they often upgrade to paid services and make purchases.<\/li>\n\n\n\n<li><strong>Support:<\/strong> customers may require support during their journey. Organizations must answer questions (customer service, docs, etc.), identify ways to streamline experiences, and reduce support queries.<\/li>\n\n\n\n<li><strong>Retention &amp; loyalty:<\/strong> when customers have positive engagement and support experiences, they will continue using the product and recommend it to others.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-touchpoints-and-channels\">Touchpoints and Channels<\/h3>\n\n\n\n<p>Touchpoints and channels are points of interaction between a brand and its customers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-touchpoints\">Touchpoints<\/h3>\n\n\n\n<p>Touchpoints are the interaction points between a customer and a brand, including physical, digital, and emotional. Some touchpoint examples include paid ads, social media posts, customer service interactions, and product experiences.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-channels\">Channels<\/h3>\n\n\n\n<p>Channels are the mediums or platforms delivering these touchpoints\u2013for example, social media platforms (Facebook, Instagram, Twitter, etc.), email marketing, ad channels (Google Ads vs. Facebook Ads), digital products, and physical locations (stores, service centers, events, etc.).<\/p>\n\n\n\n<p>Organizations map these touchpoints and channels to identify areas for improvement and optimize the customer experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-emotions-motivations-and-pain-points\">Emotions, Motivations, and Pain Points<\/h2>\n\n\n\n<p>Understanding a user&#8217;s emotions, motivations, and pain points throughout the customer journey is crucial, as these elements drive user actions and decision-making.<\/p>\n\n\n\n<p>Here is a rough outline of how these core user elements relate to each other:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Emotions:<\/strong> The <strong><em>feelings people experience<\/em><\/strong> at each stage of the customer journey, including excitement, happiness, frustration, disappointment, and anger. Designers use <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/the-practical-guide-to-empathy-map-creating-a-10-minute-persona\/\">empathy maps<\/a> to visualize these emotions across the customer journey.&nbsp;<\/li>\n\n\n\n<li><strong>Motivations:<\/strong> The reasons <strong><em>why people take action<\/em><\/strong> at different stages of the customer journey.<\/li>\n\n\n\n<li><strong>Pain points:<\/strong> The <strong><em>challenges or obstacles customers experience<\/em><\/strong> during a customer journey.<\/li>\n<\/ul>\n\n\n\n<p>By identifying these factors at each stage of the customer journey map, product teams can create solutions to reduce and mitigate problems while streamlining customer experiences.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-creating-a-customer-journey-map\">Creating a Customer Journey Map<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/testing-user-behavior-pick-choose.png\" alt=\"testing user behavior pick choose\" class=\"wp-image-34099\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/testing-user-behavior-pick-choose.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/testing-user-behavior-pick-choose-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-select-the-appropriate-format-and-tools-for-your-journey-map\">Select the appropriate format and tools for your journey map<\/h3>\n\n\n\n<p>The format and tools required for your journey map will depend on its complexity, level of detail, and available resources. Here are some tips:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consider your audience:<\/strong> who is the journey map for, and what are their needs? Do you need a high-level overview or a detailed step-by-step analysis?<\/li>\n\n\n\n<li><strong>Choose a format:<\/strong> the level of detail will dictate the structure and medium of your journey map, including flowcharts, diagrams, infographics, and spreadsheets.<\/li>\n\n\n\n<li><strong>Use tools:<\/strong> there are many tools for creating and sharing high-quality journey maps, including Lucidchart, <a href=\"https:\/\/uxpressia.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">UXPressia<\/a>, Canva, Miro, Mural, and design tools.<\/li>\n\n\n\n<li><strong>Find collaborators:<\/strong> identify teams, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/stakeholder-analysis-for-product-teams\/\" target=\"_blank\" rel=\"noreferrer noopener\">stakeholders<\/a>, and departments that can offer insights and different perspectives about your customers to make journey maps as accurate and relevant as possible.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-collect-and-incorporate-data-from-various-sources\">Collect and incorporate data from various sources<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>List the touchpoints and channels<\/strong> customers will have with your brand for the specific journey, including website, social media channels, customer service, etc.<\/li>\n\n\n\n<li><strong>Gather research data<\/strong> from customer surveys, user research, user interviews, analytics (product, social media, etc.), and other relevant sources.<\/li>\n\n\n\n<li><strong>Analyze the data to identify patterns, trends, and behavior<\/strong>. The key is to find common customer pain points and friction across the journey.<\/li>\n\n\n\n<li><strong>Create a visual representation<\/strong> of your customer journey, illustrating touchpoints and interactions and noting customer emotions, motivations, and pain points at each stage.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-visualize-the-customer-journey-in-a-clear-and-engaging-way\">Visualize the customer journey in a clear and engaging way<\/h3>\n\n\n\n<p>Use your research to create a visualization of your customer journey. Start by sketching the journey and touchpoints or create a simple flow diagram mapping each step.<\/p>\n\n\n\n<p>We recommend using customer journey map templates from <a href=\"https:\/\/www.mural.co\/templates\/customer-journey-map\">Mural<\/a>, <a href=\"https:\/\/uxpressia.com\/\">UXPressia<\/a>, or <a href=\"https:\/\/miro.com\/templates\/customer-journey-map\/\">Miro<\/a> to streamline the process and produce beautiful visualizations to share with your organization. You can even use a free whiteboard tool like <a href=\"https:\/\/workspace.google.com\/products\/jamboard\/\">Google Jamboard<\/a> or create your journey map in a spreadsheet.<\/p>\n\n\n\n<p>Recommended reading from UXPressia: <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/customer-journey-mapping-mistakes\/\">Customer Journey Mapping Mistakes and How to Avoid Them<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-customer-journey-map-examples-of-templates\">Customer Journey Map Examples of Templates<\/h2>\n\n\n\n<p>Here are some customer journey map examples of templates that you may use at work or as an inspiration for your own visualizations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"671\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/user-journey-map-interaction-design-example-min.jpg\" alt=\"user journey map interaction design example min\" class=\"wp-image-44324\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/user-journey-map-interaction-design-example-min.jpg 950w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/user-journey-map-interaction-design-example-min-425x300.jpg 425w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/user-journey-map-interaction-design-example-min-768x542.jpg 768w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/www.interaction-design.org\/literature\/topics\/customer-journey-map\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Interaction Design Foundation<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"667\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-miro-min.jpg\" alt=\"customer journey map example miro min\" class=\"wp-image-44326\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-miro-min.jpg 1000w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-miro-min-450x300.jpg 450w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-miro-min-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/miro.com\/templates\/customer-journey-map\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Miro<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"923\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/nngroup-customer-journey-map-min.jpg\" alt=\"nngroup customer journey map min\" class=\"wp-image-44328\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/nngroup-customer-journey-map-min.jpg 1000w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/nngroup-customer-journey-map-min-325x300.jpg 325w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/nngroup-customer-journey-map-min-768x709.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/www.nngroup.com\/articles\/journey-mapping-101\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">NN Group<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"701\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/lucidchart-customer-journey-map-example-min.jpg\" alt=\"lucidchart customer journey map example min\" class=\"wp-image-44330\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/lucidchart-customer-journey-map-example-min.jpg 1000w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/lucidchart-customer-journey-map-example-min-428x300.jpg 428w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/lucidchart-customer-journey-map-example-min-768x538.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/www.lucidchart.com\/blog\/how-to-build-customer-journey-maps\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lucidchart<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"717\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/basic-customer-journey-map-example-min.jpg\" alt=\"basic customer journey map example min\" class=\"wp-image-44332\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/basic-customer-journey-map-example-min.jpg 1000w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/basic-customer-journey-map-example-min-418x300.jpg 418w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/basic-customer-journey-map-example-min-768x551.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/www.lucidchart.com\/blog\/how-to-build-customer-journey-maps\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lucidchart<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"583\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-uxpressia-min.jpg\" alt=\"customer journey map example uxpressia min\" class=\"wp-image-44334\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-uxpressia-min.jpg 1000w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-uxpressia-min-515x300.jpg 515w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/customer-journey-map-example-uxpressia-min-768x448.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/uxpressia.com\/blog\/customer-journey-map-guide-examples\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">UXPressia<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-design-prototype-and-test-customer-experiences-with-uxpin\">Design, Prototype, and Test Customer Experiences with UXPin<\/h2>\n\n\n\n<p>Prototyping and testing are crucial for iterating and evolving customer experiences. Designers must assess various user experiences within a customer journey to ensure they&#8217;re free of roadblocks, usability issues, and friction.<\/p>\n\n\n\n<p>Product design teams can use UXPin&#8217;s advanced features to build prototypes that accurately replicate the final product experience. These interactive prototypes give designers meaningful, actionable feedback from usability participants and stakeholders to iterate and improve. Create beautiful, intuitive product experiences your customers will love with UXPin. <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up for a free trial<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">Try UXPin for free<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Customer journey maps are effective visualizations that help organizations understand their customers and create better experiences. Product teams use these journey maps during the design process to solve usability issues, streamline user experiences, and identify opportunities that help the organization achieve its business goals. Creating customer journey maps requires research, collaboration, the right tools, and<\/p>\n","protected":false},"author":3,"featured_media":44318,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,18],"tags":[],"class_list":["post-44317","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-process"],"yoast_title":"","yoast_metadesc":"Learn how to create UX customer journey and build a map that captures customers as they go through their experience of your product.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UX Customer Journey \u2014 How to Map Out User Experience | UXPin<\/title>\n<meta name=\"description\" content=\"Learn how to create UX customer journey and build a map that captures customers as they go through their experience of your product.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX Customer Journey \u2014 How to Map Out User Experience\" \/>\n<meta property=\"og:description\" content=\"Learn how to create UX customer journey and build a map that captures customers as they go through their experience of your product.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-17T13:42:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-15T09:10:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"UX Customer Journey \u2014 How to Map Out User Experience\",\"datePublished\":\"2023-04-17T13:42:57+00:00\",\"dateModified\":\"2026-01-15T09:10:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/\"},\"wordCount\":1556,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ux-customer-journey.png\",\"articleSection\":[\"Blog\",\"Process\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/\",\"name\":\"UX Customer Journey \u2014 How to Map Out User Experience | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ux-customer-journey.png\",\"datePublished\":\"2023-04-17T13:42:57+00:00\",\"dateModified\":\"2026-01-15T09:10:18+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Learn how to create UX customer journey and build a map that captures customers as they go through their experience of your product.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ux-customer-journey.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ux-customer-journey.png\",\"width\":1200,\"height\":600,\"caption\":\"ux customer journey\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-create-ux-customer-journey\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX Customer Journey \u2014 How to Map Out User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UX Customer Journey \u2014 How to Map Out User Experience | UXPin","description":"Learn how to create UX customer journey and build a map that captures customers as they go through their experience of your product.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/","og_locale":"en_US","og_type":"article","og_title":"UX Customer Journey \u2014 How to Map Out User Experience","og_description":"Learn how to create UX customer journey and build a map that captures customers as they go through their experience of your product.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/","og_site_name":"Studio by UXPin","article_published_time":"2023-04-17T13:42:57+00:00","article_modified_time":"2026-01-15T09:10:18+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"UX Customer Journey \u2014 How to Map Out User Experience","datePublished":"2023-04-17T13:42:57+00:00","dateModified":"2026-01-15T09:10:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/"},"wordCount":1556,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey.png","articleSection":["Blog","Process"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/","name":"UX Customer Journey \u2014 How to Map Out User Experience | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey.png","datePublished":"2023-04-17T13:42:57+00:00","dateModified":"2026-01-15T09:10:18+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Learn how to create UX customer journey and build a map that captures customers as they go through their experience of your product.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/ux-customer-journey.png","width":1200,"height":600,"caption":"ux customer journey"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-create-ux-customer-journey\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"UX Customer Journey \u2014 How to Map Out User Experience"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/44317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=44317"}],"version-history":[{"count":7,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/44317\/revisions"}],"predecessor-version":[{"id":57944,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/44317\/revisions\/57944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/44318"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=44317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=44317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=44317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}