{"id":17939,"date":"2022-01-27T15:18:48","date_gmt":"2022-01-27T15:18:48","guid":{"rendered":"https:\/\/productcollective.com\/?p=17939"},"modified":"2022-01-28T19:30:48","modified_gmt":"2022-01-28T19:30:48","slug":"user-journey-vs-user-flow","status":"publish","type":"post","link":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/","title":{"rendered":"User Journey Vs User Flow: Differences &#038; Similarities &#038; What to Do First"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">When you work on your product you need to understand the similarities and differences between <\/span><span style=\"font-weight: 400;\">user journey vs user flow<\/span><span style=\"font-weight: 400;\">. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To help you determine if you should use one or both of those techniques in your <\/span><span style=\"font-weight: 400;\">design process<\/span><span style=\"font-weight: 400;\">, we take a look at both techniques and explain how they are different, how they are similar, and how one technique supports the other.<\/span><\/p>\n<h3><strong><span style=\"color: #ec3131;\">User journey vs user flow: how to know which one you need and when<\/span><\/strong><\/h3>\n<p>In order to properly compare and contrast user flows and user journeys, it\u2019s helpful to understand what each is and when you should use each one.<\/p>\n<h4><span style=\"color: #ec3131;\">User Journey<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">The <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> is a <\/span><span style=\"font-weight: 400;\">visual representation<\/span><span style=\"font-weight: 400;\"> of the user\u2019s complete engagement with your product over time and in the various channels in which users interact with your product. The <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> includes all the <\/span><span style=\"font-weight: 400;\">touch points<\/span><span style=\"font-weight: 400;\"> a user has with your product. The <\/span><span style=\"font-weight: 400;\">entry point<\/span><span style=\"font-weight: 400;\"> in a <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> is when the user first interacts with your company, for example when they hit your <\/span><span style=\"font-weight: 400;\">home page<\/span><span style=\"font-weight: 400;\">, goes through the <\/span><a href=\"https:\/\/productcollective.com\/user-onboarding\/\"><span style=\"font-weight: 400;\">user onboarding<\/span><\/a><span style=\"font-weight: 400;\"> process and ends\u00a0 when the user leaves with their need satisfied.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You typically represent a <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> through a <\/span><a href=\"https:\/\/uxplanet.org\/a-beginners-guide-to-user-journey-mapping-bd914f4c517c\"><span style=\"font-weight: 400;\">user journey map<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><span style=\"font-weight: 400;\">customer journey map<\/span><span style=\"font-weight: 400;\">. The journey map includes phases of the journey, <\/span><span style=\"font-weight: 400;\">touch points<\/span><span style=\"font-weight: 400;\">, what the customer thinks and feels at each <\/span><span style=\"font-weight: 400;\">touchpoint<\/span><span style=\"font-weight: 400;\">, and key insights that can be drawn from each <\/span><span style=\"font-weight: 400;\">touchpoint<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><a href=\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed-1.jpeg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-17942 size-full\" src=\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed-1.jpeg\" alt=\"user jpurney\" width=\"512\" height=\"284\" srcset=\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed-1.jpeg 512w, https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed-1-300x166.jpeg 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/a><br \/>\n<em>User journey map template from Miro<\/em><\/p>\n<p><span style=\"font-weight: 400;\">You can create a <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> when initially designing a product so you can figure out the entire <\/span><span style=\"font-weight: 400;\">user experience<\/span><span style=\"font-weight: 400;\"> with your product and see the product from the <\/span><span style=\"font-weight: 400;\">user&#8217;s point of view<\/span><span style=\"font-weight: 400;\">. This most often happens during design reviews in order to build a shared understanding with your <\/span><span style=\"font-weight: 400;\">stakeholders<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can also use a <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> to identify gaps or opportunities for improvement in the entire experience. These gaps are usually the interactions where people indicated they were less than thrilled with your product. For example you may find gaps during the user onboarding process which may indicate that you need to invest in <\/span><a href=\"https:\/\/productcollective.com\/user-onboarding-software\/\"><span style=\"font-weight: 400;\">user onboarding software<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h4><span style=\"color: #ec3131;\">User Flow<\/span><\/h4>\n<p>A user flow is the path that someone takes when they want to complete a particular action in your product. It shows the steps people take from the moment they enter the application until when they complete the desired task such as signing up for an account or buying a product.<br \/>\nThe user flow focuses on the different paths people can take when using a feature. These paths include the desired happy path as well as any alternative paths that may occur.<br \/>\nYou\u2019ll typically create a flowchart or flow diagram to represent a user flow. The flow chart format allows you to explain the series of steps and decisions needed to complete an activity.<\/p>\n<p><a href=\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-17941\" src=\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed.png\" alt=\"A sample user flow\" width=\"512\" height=\"384\" srcset=\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed.png 512w, https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/unnamed-300x225.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/> <\/a><br \/>\n<em><span style=\"font-weight: 400;\">A sample <\/span><span style=\"font-weight: 400;\">user flow<\/span><\/em><\/p>\n<p><span style=\"font-weight: 400;\">You can use <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> to describe the <\/span><span style=\"font-weight: 400;\">user actions<\/span><span style=\"font-weight: 400;\"> necessary to accomplish a particular task. Designers apply <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> to build an understanding of the interaction and developers refer to <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> to understand the logic they need to apply when building a feature. When your team is developing a <\/span><span style=\"font-weight: 400;\">new feature<\/span><span style=\"font-weight: 400;\">, you&#8217;ll often supplement the <\/span><span style=\"font-weight: 400;\">user flow<\/span><span style=\"font-weight: 400;\"> with <\/span><span style=\"font-weight: 400;\">wireframes<\/span><span style=\"font-weight: 400;\"> or some other representation of the <\/span><span style=\"font-weight: 400;\">user interface<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h4><span style=\"color: #ec3131;\">Create a user journey first<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Your best course of action is to establish a <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> for your product first. That way you can get an overall view of interactions between customers and products to make decisions about which interactions you want to understand deeper.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ll then create <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> for those chosen interactions. As a result, it\u2019s possible to have several <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> associated with a single journey map.<\/span><\/p>\n<h3><strong><span style=\"color: #ec3131;\">Three differences between user flow vs user journey<\/span><\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Due to their focus on user interactions, it\u2019s tempting to think that <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">user flow<\/span><span style=\"font-weight: 400;\"> are the same thing. These two techniques provide different views of those interactions and are useful for different purposes.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s important to understand these differences so that you aren\u2019t tempted to refer to one or both of them as a \u201cjourney flow\u201d, \u201c<\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> flow\u201d, or \u201c<\/span><span style=\"font-weight: 400;\">customer journey<\/span><span style=\"font-weight: 400;\"> flow\u201d. Mixing those terms confuse <\/span><span style=\"font-weight: 400;\">stakeholders<\/span><span style=\"font-weight: 400;\"> who aren\u2019t familiar with the techniques and are asked to review each to provide feedback.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These differences have to do with their scope of coverage and the aspects of the interaction that each technique focuses on.<\/span><\/p>\n<h4><span style=\"color: #ec3131;\">Overall experience vs specific interactions<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">The first key difference between <\/span><span style=\"font-weight: 400;\">user journeys<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> is the scope each covers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User journeys<\/span><span style=\"font-weight: 400;\"> show the overall experience someone has with your product. This technique shows all of the <\/span><span style=\"font-weight: 400;\">touch points<\/span><span style=\"font-weight: 400;\"> someone has with your product. By showing all of the interactions, the <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> attempts to act as a guide to how you want people to interact with your product, so it reflects an ideal picture.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User flows<\/span><span style=\"font-weight: 400;\"> describe how specific interactions actually occur.\u00a0 This technique describes the specific steps users take to accomplish something with your product. It\u2019s a pragmatic description of what actions need to happen that developers can use as a basis for building the product. <\/span><\/p>\n<h4><span style=\"color: #ec3131;\">Feelings vs actions<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">A second key difference between the two techniques is the type of information that each conveys.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User journeys<\/span><span style=\"font-weight: 400;\"> explore motivations and emotions. Motivations explain what someone is ultimately trying to accomplish with your product &#8211; why they are using it. For example, the user wants to find a remote cabin to spend a week away from everyday life.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> also explores the emotions that users experience when using your product. It notes how users respond to small wins &#8211; they found a very nice cabin that\u2019s available the week they are looking to travel or frustrations &#8211; they can\u2019t find any cabins. Those frustrations are often a pointer to <\/span><span style=\"font-weight: 400;\">pain points<\/span><span style=\"font-weight: 400;\"> that the <\/span><span style=\"font-weight: 400;\">user experiences<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When you understand these motivations and emotions you can make decisions about where you need to focus on your product. For example, you may choose to tackle some of the large <\/span><span style=\"font-weight: 400;\">pain points<\/span><span style=\"font-weight: 400;\"> that are identified by negative user emotions.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User flows<\/span><span style=\"font-weight: 400;\"> explore specific actions. <\/span><span style=\"font-weight: 400;\">User flows<\/span><span style=\"font-weight: 400;\"> avoid noting motivations and emotions and instead\u00a0 describe the <\/span><span style=\"font-weight: 400;\">task flow<\/span><span style=\"font-weight: 400;\"> for each feature. For example, in order to search for a cabin the <\/span><span style=\"font-weight: 400;\">user needs<\/span><span style=\"font-weight: 400;\"> to provide their search criteria (location, time frame, characteristics of the cabin) and then select submit. The flow then details what happens if results matching the criteria exist or not.<\/span><\/p>\n<h4><span style=\"color: #ec3131;\">Decisions vs descriptions<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">The reason you use each technique differs due to the scope each covers and the information each contains.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User journeys<\/span><span style=\"font-weight: 400;\"> help you make decisions about which interactions to create or revise. The journey map portrays a user&#8217;s entire experience with your product. The journey map also provides a view of the user\u2019s motivations and emotions at each <\/span><span style=\"font-weight: 400;\">touchpoint<\/span><span style=\"font-weight: 400;\">. These additional pieces of information provide additional context that helps you decide which interactions to focus on and which to leave as they are.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User flows<\/span><span style=\"font-weight: 400;\"> describe specific interactions. You use a <\/span><span style=\"font-weight: 400;\">user flow<\/span><span style=\"font-weight: 400;\"> to explain the steps and rules applied in a specific interaction between a user and your product. You\u2019ll create or update a <\/span><span style=\"font-weight: 400;\">user flow<\/span><span style=\"font-weight: 400;\"> after you\u2019ve decided which interactions to work on.<\/span><\/p>\n<h3><strong><span style=\"color: #ec3131;\">Three similarities between user flow and user journey<\/span><\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">The differences listed above explain why <\/span><span style=\"font-weight: 400;\">user journeys<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> are separate techniques. That said, the techniques share significant similarities that make them complementary techniques for your <\/span><span style=\"font-weight: 400;\">product team<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h4><span style=\"color: #ec3131;\">Focus on the user<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">As their names apply, both techniques feature a distinct focus on the interactions between a user and the product. The <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> conveys hypothetical paths someone may take when using your product. The <\/span><span style=\"font-weight: 400;\">user flow<\/span><span style=\"font-weight: 400;\"> then conveys a way to guide those users to exhibit specific behaviors by detailing the steps someone follows to use your product.<\/span><\/p>\n<h4><span style=\"color: #ec3131;\">Based on user personas<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">To make the focus on the user even more helpful, <\/span><span style=\"font-weight: 400;\">user journeys<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> focus on the same specific persona. Since it\u2019s possible for different types of users to use your product in different ways, identify a specific persona and then create the <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> for that person. Then, create the relevant <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> related to that <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If your product can be used by different personas, you may find yourself creating a different <\/span><span style=\"font-weight: 400;\">user journey<\/span><span style=\"font-weight: 400;\"> for each person. You can then figure out if a given <\/span><span style=\"font-weight: 400;\">user flow<\/span><span style=\"font-weight: 400;\"> may apply for more than one persona. When you can perform this type of analysis before building your product, you can make interactions that work for different personas, and build separate interactions when differences in interactions make sense.<\/span><\/p>\n<h4><span style=\"color: #ec3131;\">Insights for better designs<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">User journeys<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> are both design tools that help your <\/span><span style=\"font-weight: 400;\">product team<\/span><span style=\"font-weight: 400;\"> understand and describe user interactions with your product. Both techniques provide a framework you can use to gather data about user interactions and inform decisions about how to best help users accomplish their outcomes.<\/span><\/p>\n<h3><strong><span style=\"color: #ec3131;\">Key takeaways<\/span><\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">When you want to understand how people interact with your product, <\/span><span style=\"font-weight: 400;\">user journeys<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> are two techniques you can use to build that shared understanding.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">User journeys<\/span><span style=\"font-weight: 400;\"> provide an overview of people\u2019s interactions with your product. That overview includes the motivation users have to use your product and the emotions they experience when they use it. You can use <\/span><span style=\"font-weight: 400;\">user journeys<\/span><span style=\"font-weight: 400;\"> to decide which interactions require a specific focus.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After you select those interactions, apply <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> to explore each interaction. Your team can use the <\/span><span style=\"font-weight: 400;\">user flows<\/span><span style=\"font-weight: 400;\"> you create to guide your work to build or revise those interactions.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you work on your product you need to understand the similarities and differences between user journey vs user flow. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.\u00a0 To help you determine if you should use one or both [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":17943,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"footnotes":""},"categories":[372],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Journey Vs User Flow: Differences &amp; Similarities &amp; What to Do First - Product Collective | Organizers of INDUSTRY: The Product Conference<\/title>\n<meta name=\"description\" content=\"When you work on your product you need to understand the similarities and differences between user journey vs user flow. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Journey Vs User Flow: Differences &amp; Similarities &amp; What to Do First - Product Collective | Organizers of INDUSTRY: The Product Conference\" \/>\n<meta property=\"og:description\" content=\"When you work on your product you need to understand the similarities and differences between user journey vs user flow. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/\" \/>\n<meta property=\"og:site_name\" content=\"Product Collective | Organizers of INDUSTRY: The Product Conference\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/productcollective\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-27T15:18:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-28T19:30:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kent J McDonald\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kent J McDonald\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/\",\"url\":\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/\",\"name\":\"User Journey Vs User Flow: Differences & Similarities & What to Do First - Product Collective | Organizers of INDUSTRY: The Product Conference\",\"isPartOf\":{\"@id\":\"https:\/\/productcollective.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg\",\"datePublished\":\"2022-01-27T15:18:48+00:00\",\"dateModified\":\"2022-01-28T19:30:48+00:00\",\"author\":{\"@id\":\"https:\/\/productcollective.com\/#\/schema\/person\/1d2a0862706dd25cb859df898421cfc9\"},\"description\":\"When you work on your product you need to understand the similarities and differences between user journey vs user flow. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.\",\"breadcrumb\":{\"@id\":\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#primaryimage\",\"url\":\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg\",\"contentUrl\":\"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg\",\"width\":1280,\"height\":720,\"caption\":\"user journey user flow\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/productcollective.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Journey Vs User Flow: Differences &#038; Similarities &#038; What to Do First\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/productcollective.com\/#website\",\"url\":\"https:\/\/productcollective.com\/\",\"name\":\"Product Collective | Organizers of INDUSTRY: The Product Conference\",\"description\":\"For people who build, launch and scale world-class software products.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/productcollective.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/productcollective.com\/#\/schema\/person\/1d2a0862706dd25cb859df898421cfc9\",\"name\":\"Kent J McDonald\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/productcollective.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f05af3c4d932a4dd567e445ee0e47cc9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f05af3c4d932a4dd567e445ee0e47cc9?s=96&d=mm&r=g\",\"caption\":\"Kent J McDonald\"},\"description\":\"Kent J McDonald writes about and practices software product management. He has product development experience in a variety of industries including financial services, health insurance, nonprofit, and automotive. Kent practices his craft with a variety of product teams and provides just in time resources for product people at KBP.media and Product Collective. When not writing or product managing, Kent is his family\u2019s #ubersherpa, listens to jazz and podcasts (but not necessarily podcasts about jazz), and collects national parks.\",\"sameAs\":[\"https:\/\/www.kbp.media\",\"https:\/\/twitter.com\/kbpmedia\"],\"url\":\"https:\/\/productcollective.com\/author\/kentjmcdonaldgmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Journey Vs User Flow: Differences & Similarities & What to Do First - Product Collective | Organizers of INDUSTRY: The Product Conference","description":"When you work on your product you need to understand the similarities and differences between user journey vs user flow. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.","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:\/\/productcollective.com\/user-journey-vs-user-flow\/","og_locale":"en_US","og_type":"article","og_title":"User Journey Vs User Flow: Differences & Similarities & What to Do First - Product Collective | Organizers of INDUSTRY: The Product Conference","og_description":"When you work on your product you need to understand the similarities and differences between user journey vs user flow. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.","og_url":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/","og_site_name":"Product Collective | Organizers of INDUSTRY: The Product Conference","article_publisher":"https:\/\/www.facebook.com\/productcollective","article_published_time":"2022-01-27T15:18:48+00:00","article_modified_time":"2022-01-28T19:30:48+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg","type":"image\/jpeg"}],"author":"Kent J McDonald","twitter_misc":{"Written by":"Kent J McDonald","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/","url":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/","name":"User Journey Vs User Flow: Differences & Similarities & What to Do First - Product Collective | Organizers of INDUSTRY: The Product Conference","isPartOf":{"@id":"https:\/\/productcollective.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#primaryimage"},"image":{"@id":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#primaryimage"},"thumbnailUrl":"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg","datePublished":"2022-01-27T15:18:48+00:00","dateModified":"2022-01-28T19:30:48+00:00","author":{"@id":"https:\/\/productcollective.com\/#\/schema\/person\/1d2a0862706dd25cb859df898421cfc9"},"description":"When you work on your product you need to understand the similarities and differences between user journey vs user flow. Both are product design techniques that help you focus on how people interact with your product, but they explore those interactions from different perspectives.","breadcrumb":{"@id":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/productcollective.com\/user-journey-vs-user-flow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#primaryimage","url":"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg","contentUrl":"https:\/\/productcollective.com\/wp-content\/uploads\/2022\/01\/uj_uf.jpg","width":1280,"height":720,"caption":"user journey user flow"},{"@type":"BreadcrumbList","@id":"https:\/\/productcollective.com\/user-journey-vs-user-flow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/productcollective.com\/"},{"@type":"ListItem","position":2,"name":"User Journey Vs User Flow: Differences &#038; Similarities &#038; What to Do First"}]},{"@type":"WebSite","@id":"https:\/\/productcollective.com\/#website","url":"https:\/\/productcollective.com\/","name":"Product Collective | Organizers of INDUSTRY: The Product Conference","description":"For people who build, launch and scale world-class software products.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/productcollective.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/productcollective.com\/#\/schema\/person\/1d2a0862706dd25cb859df898421cfc9","name":"Kent J McDonald","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productcollective.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f05af3c4d932a4dd567e445ee0e47cc9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f05af3c4d932a4dd567e445ee0e47cc9?s=96&d=mm&r=g","caption":"Kent J McDonald"},"description":"Kent J McDonald writes about and practices software product management. He has product development experience in a variety of industries including financial services, health insurance, nonprofit, and automotive. Kent practices his craft with a variety of product teams and provides just in time resources for product people at KBP.media and Product Collective. When not writing or product managing, Kent is his family\u2019s #ubersherpa, listens to jazz and podcasts (but not necessarily podcasts about jazz), and collects national parks.","sameAs":["https:\/\/www.kbp.media","https:\/\/twitter.com\/kbpmedia"],"url":"https:\/\/productcollective.com\/author\/kentjmcdonaldgmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/posts\/17939"}],"collection":[{"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/comments?post=17939"}],"version-history":[{"count":0,"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/posts\/17939\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/media\/17943"}],"wp:attachment":[{"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/media?parent=17939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/categories?post=17939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/productcollective.com\/wp-json\/wp\/v2\/tags?post=17939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}