{"id":8553,"date":"2022-07-04T10:00:00","date_gmt":"2022-07-04T08:00:00","guid":{"rendered":"https:\/\/www.sortlist.com\/blog\/?p=8553"},"modified":"2022-11-29T10:31:06","modified_gmt":"2022-11-29T09:31:06","slug":"user-flow","status":"publish","type":"post","link":"https:\/\/www.sortlist.com\/blog\/user-flow\/","title":{"rendered":"Optimize Your User Experience With an Efficient User Flow"},"content":{"rendered":"\n<p>Every product created exists and has been designed to <strong>primarily address the needs and issues faced by a customer<\/strong>. This principle of business also applies to apps.<\/p>\n\n\n\n<p>However, an additional problem applies when you create your application. Because even if your app has all the features that your users require, if the <strong>user experience<\/strong> is bad, then your customers will uninstall it.<\/p>\n\n\n\n<p>To address all these issues, it is possible to create a <strong>user flow<\/strong>, which is often presented as a user flow diagram. It shows the complete path of a user when he uses a product. Thus, it will describe the movement of the user through the product from an entry point to the final interaction, correctly defining all the intermediate steps.<\/p>\n\n\n\n<p>In this article, we will, therefore:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li datatext=\"\">Define what user flow and UX are,<\/li>\n\n\n\n<li datatext=\"\">See why it is important to use user flow for your application and,<\/li>\n\n\n\n<li datatext=\"\">We will see an example of successful user flow! <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What Is User Flow?<\/h2>\n\n\n\n<p>When a user uses a website or a mobile application, he can go through different paths to reach a goal. To materialize the user&#8217;s path, developers and project managers can use user flow.<\/p>\n\n\n\n<p>It is a <strong>graphical representation<\/strong>, which can be written or numerical, of the paths that a user can take when navigating a website or an application.<\/p>\n\n\n\n<p>This representation extends from an entry point, for example, a landing page, to the website page to create an account or order a product for example. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\" datatext=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sortlist.com\/blog\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38.png\" alt=\"user flow diagram\" class=\"wp-image-8554\" width=\"679\" height=\"440\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38.png 1608w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-768x498.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-1536x995.png 1536w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-50x32.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-288x187.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-576x373.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-339x220.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-678x439.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-373x242.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-746x483.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-691x448.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-1382x896.png 1382w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-973x631.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-1048x679.png 1048w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-478x310.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-956x619.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-516x334.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-1032x669.png 1032w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-680x441.png 680w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/screenshot-2022-06-28-at-11.23.38-1360x881.png 1360w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><figcaption class=\"wp-element-caption\">From <a href=\"https:\/\/www.justinmind.com\/blog\/user-flow\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Just in Mind<\/a><\/figcaption><\/figure><\/div>\n\n\n<p>To get from the starting point to the endpoint, the user has a multitude of choices and options available to him\/her. For example, if I want to create an account, I can create it from the landing page as well as go through the page describing the company&#8217;s services and then register.<\/p>\n\n\n\n<p>Thus, all these different paths (which are called <strong>touchpoints<\/strong>) are represented by a <strong>node<\/strong> in the user flow map.<\/p>\n\n\n\n<p>To summarize the notion of user flow, here is a concrete example. Let&#8217;s take the example of an <a href=\"https:\/\/www.sortlist.com\/ecommerce\" target=\"_blank\" rel=\"noreferrer noopener\">e-commerce website<\/a> that sells socks. In an ideal world, this is what the user flow of the website would look like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li datatext=\"\">The user arrives on the home page,<\/li>\n\n\n\n<li datatext=\"\">They go to the &#8220;high cotton socks&#8221; category,<\/li>\n\n\n\n<li datatext=\"\">From the category page &#8220;high cotton socks&#8221; they choose the black model<\/li>\n\n\n\n<li datatext=\"\">On the product page &#8220;high cotton socks black&#8221;, they order 3 pairs<\/li>\n\n\n\n<li datatext=\"\">They pay<\/li>\n<\/ul>\n\n\n\n<p>This user flow is a very simplified version. Because in reality, the user will most probably go to other pages before buying a product.<\/p>\n\n\n\n<p>This is easily explained because <strong>the user remains a consumer<\/strong> above all and he or she will want to compare all the offers before making a purchase. Therefore, it is advisable to materialize the different possible choices by nodes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Use User Flow<\/h2>\n\n\n\n<p>It is useful in 3 specific situations, to :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li datatext=\"\">Optimize existing platforms,<\/li>\n\n\n\n<li datatext=\"\">Create an intuitive interface and,<\/li>\n\n\n\n<li datatext=\"\">Materialize a project\/product more easily.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">To optimize existing platforms<\/h3>\n\n\n\n<p>The first situation in which <strong>user flow<\/strong> is useful is the optimization of existing platforms (websites or mobile applications).<\/p>\n\n\n\n<p>Indeed, when we develop an application or a website, the first version published is often perfectible. We either wait for the users&#8217; feedback or we want to minimize the budget for fear that the website or the <a href=\"https:\/\/www.sortlist.com\/app-development\" target=\"_blank\" rel=\"noreferrer noopener\">mobile application<\/a> will not meet its audience.<\/p>\n\n\n\n<p>But once the first version is done, it is often time to improve the developed tool.<\/p>\n\n\n\n<p>Thus, the user flow allows you to <strong>visualize the drop-off points<\/strong> in the user flow of your website or mobile application.<\/p>\n\n\n\n<p>Even if this step is very time-consuming, it will be useful in several aspects. By identifying the drop-off points, you will <strong>direct the user flow towards the desired destination point<\/strong>, which allows you, for example, for an e-commerce site, to <a href=\"https:\/\/www.sortlist.com\/blog\/generate-sales\/\" target=\"_blank\" rel=\"noreferrer noopener\">boost your sales<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create an intuitive interface<\/h3>\n\n\n\n<p>The user flow can also be deployed during the <a href=\"https:\/\/www.sortlist.com\/blog\/create-a-website-using-free-software\/\" target=\"_blank\" rel=\"noreferrer noopener\">design of a website<\/a> or a mobile application.<\/p>\n\n\n\n<p>This will have two significant impacts on the performance of your website:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li datatext=\"\">You will get a ready and optimized tool from the day of its publication. This can be very useful to get many users very quickly or have a significant turnover very quickly.<\/li>\n\n\n\n<li datatext=\"\">Facilitate the work of developers and especially <strong>UX designers<\/strong>. The relationship between the client and the developer can be difficult because it is sometimes complicated to make people understand what they want. So by creating a user flow, you give the surrounding professionals on your project information that will help them understand your vision to achieve the desired deliverable.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Present a digital product project to your customers\/colleagues<\/h3>\n\n\n\n<p>Finally, <strong>user flows<\/strong> are also an excellent communication tool when it comes to presenting a digital product model to third parties such as clients or colleagues.<\/p>\n\n\n\n<p>It gives information and a global point of view on how the interface is supposed to work.<\/p>\n\n\n\n<p>The user flow can therefore help your design team to <strong>visualize how users will move around the platform<\/strong> and thus ensure that all stakeholders are on the same page which generates a more productive and rewarding work environment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Build a User Flow<\/h2>\n\n\n\n<p>Building a user flow requires first of all understanding<strong> what users want<\/strong> and <strong>what they really need<\/strong>. It is, therefore, necessary to ask the following questions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li datatext=\"\">What does a user want when using your platform?<\/li>\n\n\n\n<li datatext=\"\">What are the identified drop-off points?<\/li>\n<\/ul>\n\n\n\n<p>To do this, you can use other tools such as <a href=\"http:\/\/www.hotjar.com\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">heat maps<\/a> or ask your users for feedback.<\/p>\n\n\n\n<p>Once the needs of your targets are clearly identified, it&#8217;s time to create the user flow by following these three steps:&nbsp;&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li datatext=\"\">Create a diagram that will be the skeleton of your user flow. Its role is to visually transcribe the actions and movements of users on a platform,<\/li>\n\n\n\n<li datatext=\"\">Materialize the user journey. You can use sketches, wireframes, or simply screenshots if your site or application already exists.<\/li>\n\n\n\n<li datatext=\"\">Detail the user actions. List everything a user has to do to reach the desired goal.<\/li>\n<\/ol>\n\n\n\n<p>Normally, they are synthesized during the planning stages of design work, which come after the user research steps.<\/p>\n\n\n\n<p>To know when your user flow is finished, it is enough to be able to count and clearly identify the number of actions and which ones precisely in order for the user to reach the final point. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\" datatext=\"\"\/>\n\n\n\n<div id=\"module_call-to-action--block_9f1d77487a796f70783f089c3a7c26ea\" class=\"sl_custom_module module_call-to-action align_text_left\">\n    <div class=\"module_call-to-action__wrapper\">\n        <h4 class=\"js-texte-typing\">Are you looking             \n                <span data-text=\"for a web design agency?|to revamp your homepage?|to improve your website user flow?\" class=\"js-texte-typing-text\"><\/span>\n                <span class=\"cursor\">|<\/span>\n                    <\/h4>\n        \n        <p>Discover the most relevant agencies for your project based on your own specific requirements.<\/p>\n\n        \n            \n                <span class=\"js-ga-gutenbergBlock-callToAction btn btn-blue\" target=\"_blank\" rel=\"nofollow noopener\" data-o=\"aHR0cHM6Ly93d3cuc29ydGxpc3QuY29tL3Byb2plY3QvbmV3P2F1dG9sb2FkPXRydWU=\">Find an agency!<\/span>\n\n            \n            <\/div>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\" datatext=\"\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">The Tools at Your Disposal<\/h2>\n\n\n\n<p>To create your user flow, you can use any wireframe platform, here is a selection:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wireflow<\/h3>\n\n\n\n<p><a href=\"https:\/\/wireflow.co\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Wireflow<\/a> is a free and open-source solution that allows you to quickly and easily design the tree structure of a website or a mobile application.<\/p>\n\n\n\n<p>It is very easy to use and does not require any technical skills. With a simple click, you can add a page template on the workspace and create a diagram easily.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Microsoft Visio<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.microsoft.com\/microsoft-365\/visio\/flowchart-software\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Microsoft Visio<\/a> is a paid tool ($5 per month) developed by the American giant Microsoft. Its strong point is that with the professional editing menu, you will have access to a large choice of templates to create complete diagrams.<\/p>\n\n\n\n<p>One of the advantages of Visio is also the similarities offered by its interface. It is easy to get familiar with the software because it is similar to Microsoft Office.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">OmniGraffle<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.omnigroup.com\/omnigraffle\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">OmniGraffle<\/a> is a software that is available on Mac as well as iOS and is relatively easy to use. The software offers a paid solution of $12.49 per month.<\/p>\n\n\n\n<p>The advantage of this software is a large number of basic tools such as stylus, line, shape, and text tools that it offers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">LuicidChart<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.lucidchart.com\/pages\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">LucidChart<\/a> is a fairly comprehensive tool that combines three features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li datatext=\"\">Chart creation,<\/li>\n\n\n\n<li datatext=\"\">Data visualization,<\/li>\n\n\n\n<li datatext=\"\">Collaboration.<\/li>\n<\/ul>\n\n\n\n<p>The software offers a paid solution, starting at $7.95 per month.<\/p>\n\n\n\n<p>LucidChart is also compatible with the Google suite solution. It is possible to import directly its diagrams from LucidChart to Google Docs for example.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Example of a User Flow<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\" datatext=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"678\" height=\"747\" src=\"https:\/\/www.sortlist.com\/blog\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1.jpeg\" alt=\"\" class=\"wp-image-8555\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1.jpeg 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1-50x55.jpeg 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1-288x317.jpeg 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1-576x635.jpeg 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1-339x374.jpeg 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1-373x411.jpeg 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1-478x527.jpeg 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/number-2-678x747-1-516x569.jpeg 516w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><figcaption class=\"wp-element-caption\">Here is an example of a user flow made by Riley Pelosi on <a href=\"https:\/\/dribbble.com\/shots\/5537047-User-Flow-for-Health-App\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Dribble<\/a>.<\/figcaption><\/figure><\/div>\n\n\n<p>On this one, which takes the example of a user called Alex, it is easy to discern the entry point located at the top left of the image. This is materialized by registration to a platform via Facebook, an email, or via a login.<\/p>\n\n\n\n<p>Then the creator of the user flow has created the breaking points with blue rectangles. Often the user has two choices, either to perform the action or to pass. We can also easily distinguish the final point located at the bottom left of the screen.<\/p>\n\n\n\n<p>This diagram is a rather successful example of user flow. Because the designer started from a starting point, materialized for each step of the user flow the possible choices in the form of a node to finally arrive at the endpoint.<\/p>\n\n\n\n<p>The only drawback of this diagram is that it is applied to a single person, Alex. Whereas the purpose of a user flow is to reason from a rather global point of view.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Difference Between User Flow and User Journey<\/h2>\n\n\n\n<p>The user journey is a visual representation of the relationship that a user has with a product, over time and on different channels for example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li datatext=\"\">A website,<\/li>\n\n\n\n<li datatext=\"\">An application,<\/li>\n\n\n\n<li datatext=\"\">A physical store\u2026<\/li>\n<\/ul>\n\n\n\n<p>The user journey is based on user personas and takes into account contextual and external environmental elements of a product. For example the place, the time, or the context in which the product is used.<\/p>\n\n\n\n<p>The difference between user flow and user journey is that the user journey takes into account the <strong>user&#8217;s feelings<\/strong>, called &#8220;<strong>mindse<\/strong>t&#8221;.<\/p>\n\n\n\n<p>Thus, the user flow and the user journey are contrasted from the points of view used.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>The user journey will be used to position itself from the user&#8217;s point of view, whereas the user flow will be used from a global and impersonal point of view.<\/p>\n<\/blockquote>\n\n\n\n<p>However, these two tools remain similar in their purposes. Questioning the user&#8217;s motivations, and the difficulties encountered by the latter at each stage or on the different channels is an excellent way of improving the journey and the satisfaction of its customers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>When you know how important the intuitiveness of a web or mobile platform is, it is essential to find the right tools to optimize your project and User Flow is one of them!<\/p>\n\n\n\n<p>Indeed, when an interface is easily understandable, you increase the probability that the user stays on your platform. This in turn leads to <strong>more sales<\/strong>.<\/p>\n\n\n\n<p>It is possible to create your user flow when creating your platform. But also once it is already developed in order to optimize the user flow.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every product created exists and has been designed to primarily address the needs and issues faced by a customer. This principle of business also applies to apps. However, an additional problem applies when you create your application. Because even if your app has all the features that your users require, if the user experience is [&hellip;]<\/p>\n","protected":false},"author":84,"featured_media":8556,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_show_comment_boards":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[40],"class_list":["post-8553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Optimize Your User Experience With an Efficient User Flow<\/title>\n<meta name=\"description\" content=\"The user flow allows to optimize existing platforms, to create an intuitive interface and ... discover the third reason here !\" \/>\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.sortlist.com\/blog\/user-flow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimize Your User Experience With an Efficient User Flow\" \/>\n<meta property=\"og:description\" content=\"The user flow allows to optimize existing platforms, to create an intuitive interface and ... discover the third reason here !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.com\/blog\/user-flow\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-04T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-29T09:31:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sortlist.com\/blog\/wp-content\/uploads\/sites\/2\/2022\/06\/article-covers-for-com-and-uk-13.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lucas Gravier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucas Gravier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/\"},\"author\":{\"name\":\"Lucas Gravier\",\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/#\\\/schema\\\/person\\\/b4bb6a116323f9bd11adb69c705bf9a7\"},\"headline\":\"Optimize Your User Experience With an Efficient User Flow\",\"datePublished\":\"2022-07-04T08:00:00+00:00\",\"dateModified\":\"2022-11-29T09:31:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/\"},\"wordCount\":1771,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2022\\\/06\\\/article-covers-for-com-and-uk-13.png\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/\",\"name\":\"Optimize Your User Experience With an Efficient User Flow\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2022\\\/06\\\/article-covers-for-com-and-uk-13.png\",\"datePublished\":\"2022-07-04T08:00:00+00:00\",\"dateModified\":\"2022-11-29T09:31:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/#\\\/schema\\\/person\\\/b4bb6a116323f9bd11adb69c705bf9a7\"},\"description\":\"The user flow allows to optimize existing platforms, to create an intuitive interface and ... discover the third reason here !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2022\\\/06\\\/article-covers-for-com-and-uk-13.png\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2022\\\/06\\\/article-covers-for-com-and-uk-13.png\",\"width\":1748,\"height\":1240,\"caption\":\"user flow\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/user-flow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimize Your User Experience With an Efficient User Flow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/\",\"name\":\"Sortlist Blog\",\"description\":\"Our Marketing Guides\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/#\\\/schema\\\/person\\\/b4bb6a116323f9bd11adb69c705bf9a7\",\"name\":\"Lucas Gravier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_84_1625153043-96x96.jpg\",\"url\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_84_1625153043-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_84_1625153043-96x96.jpg\",\"caption\":\"Lucas Gravier\"},\"url\":\"https:\\\/\\\/www.sortlist.com\\\/blog\\\/author\\\/lgravier\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimize Your User Experience With an Efficient User Flow","description":"The user flow allows to optimize existing platforms, to create an intuitive interface and ... discover the third reason here !","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.sortlist.com\/blog\/user-flow\/","og_locale":"en_US","og_type":"article","og_title":"Optimize Your User Experience With an Efficient User Flow","og_description":"The user flow allows to optimize existing platforms, to create an intuitive interface and ... discover the third reason here !","og_url":"https:\/\/www.sortlist.com\/blog\/user-flow\/","og_site_name":"Sortlist Blog","article_published_time":"2022-07-04T08:00:00+00:00","article_modified_time":"2022-11-29T09:31:06+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/www.sortlist.com\/blog\/wp-content\/uploads\/sites\/2\/2022\/06\/article-covers-for-com-and-uk-13.png","type":"image\/png"}],"author":"Lucas Gravier","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lucas Gravier","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/"},"author":{"name":"Lucas Gravier","@id":"https:\/\/www.sortlist.com\/blog\/#\/schema\/person\/b4bb6a116323f9bd11adb69c705bf9a7"},"headline":"Optimize Your User Experience With an Efficient User Flow","datePublished":"2022-07-04T08:00:00+00:00","dateModified":"2022-11-29T09:31:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/"},"wordCount":1771,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/article-covers-for-com-and-uk-13.png","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.com\/blog\/user-flow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/","url":"https:\/\/www.sortlist.com\/blog\/user-flow\/","name":"Optimize Your User Experience With an Efficient User Flow","isPartOf":{"@id":"https:\/\/www.sortlist.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/article-covers-for-com-and-uk-13.png","datePublished":"2022-07-04T08:00:00+00:00","dateModified":"2022-11-29T09:31:06+00:00","author":{"@id":"https:\/\/www.sortlist.com\/blog\/#\/schema\/person\/b4bb6a116323f9bd11adb69c705bf9a7"},"description":"The user flow allows to optimize existing platforms, to create an intuitive interface and ... discover the third reason here !","breadcrumb":{"@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.com\/blog\/user-flow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/article-covers-for-com-and-uk-13.png","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2022\/06\/article-covers-for-com-and-uk-13.png","width":1748,"height":1240,"caption":"user flow"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.com\/blog\/user-flow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Optimize Your User Experience With an Efficient User Flow"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.com\/blog\/#website","url":"https:\/\/www.sortlist.com\/blog\/","name":"Sortlist Blog","description":"Our Marketing Guides","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.sortlist.com\/blog\/#\/schema\/person\/b4bb6a116323f9bd11adb69c705bf9a7","name":"Lucas Gravier","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_84_1625153043-96x96.jpg","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_84_1625153043-96x96.jpg","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_84_1625153043-96x96.jpg","caption":"Lucas Gravier"},"url":"https:\/\/www.sortlist.com\/blog\/author\/lgravier\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/posts\/8553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/comments?post=8553"}],"version-history":[{"count":5,"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/posts\/8553\/revisions"}],"predecessor-version":[{"id":11182,"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/posts\/8553\/revisions\/11182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/media\/8556"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/media?parent=8553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.com\/blog\/wp-json\/wp\/v2\/categories?post=8553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}