User flow is the path taken by a prototypical user on a website or app to complete a task. The user flow takes them from their entry point through a set of steps towards a successful outcome and final action, such as purchasing a product.
The user flow is the basis for content requirements on web pages or app screens. Beginning with an understanding of user needs helps the product team build a user flow and experience that is designed to meet those needs.
For each user flow, the questions you need to consider are:
The answers to those questions will inform how you design the pages, and determine what content and navigational links to include. If a user’s primary goal is to browse various items, your page or screen will offer different a different design and functionality than it would have if their primary goal is to purchase a product and move on.
User flows can take many different forms, depending on the type of website or app you are building. For example, for an ecommerce site, a typical user flow might look like the following:
Of course, the above is a very simplified example. In the real world users can take many different paths to purchase. For example, in the example above the user could go back to the category page to view more products instead of going directly to the shopping cart. Or they could use search to navigate the site instead of clicking through the site hierarchy. Or the user could come in from a different page other than the homepage.
Because there are many different paths that users can take, user flows are often modeled as flow charts with nodes for each of the major navigational paths. The purpose of user flow analysis is to identify the main user flows through your app or website, and identify areas where the navigational flow can be improved.
Collecting data on each step in your user flow will allow you to evaluate how your users navigate through your sales funnel. By their very nature, funnels will shrink at each step, where users drop out. Data will indicate where your funnel is ‘leaky’ (with a large percentage of people dropping out between steps) and might need help.
To close up the ‘leaks,’ consider where you can correct points of pain or friction, where to offer more information, and where to reduce distractions and offer less.
For example, on an ecommerce site you might conduct a user flow analysis and notice that a lot of people are getting to the shopping cart but not completing their purchase. By identifying that shopping cart abandonment is a problem, you can start generating hypotheses for why users are dropping off at that point.
It could be that your shipping rates are too high, and users are getting sticker shock. Or perhaps there are too many fields to fill out, and customers are losing interest. Or perhaps the navigation is not clear as to what action to take next.
Once you’ve generated hypothesis for why your user flow is suboptimal, you can begin A/B testing your ideas to determine which of the changes will actually have a positive impact on your user flow.
A/B testing is the process of comparing two different versions of a site or app against each other to see which one performs better using real world data. A/B testing is a great way to validate hypotheses about changes to your site or app.
By going through your user flows, identifying opportunities for improvement, and testing different ideas you can continually improve your conversion rates. A/B testing tools like Optimizely make it easy to make changes to your site or app and provides data that show exactly how much of an impact changes will have on your core metrics.
Start testing with Optimizely today and begin optimizing your user flows!
Be inspired by 40+ experiment ideas that have generated millions in revenue.
Learn the benefits of experimenting at scale from this original research report from the Harvard Business Review
This assessment is the starting point to understanding your organization’s capabilities and will set you on the path to building a high-performing program.
An error has occurred
You can get the very best of Optimizely without spending a dime.Try it out for 30 days, on us.
Hang tight! We're creating your account and password instructions are headed to your inbox.
Please correct form errors
Get a free account with full access to Optimizely's APIs and SDKs.
Already have an Optimizely account? Sign in here.