User flows

User Flows are a really useful exercise to conduct before progressing with any high fidelity wireframes, as they help all project stakeholders as well as the development team to understand how the user experience will fit together.

Planning how the user will navigate

Every user flow is different depending on the context of the project; however, they are usually structured between an entry point like onboarding screen and an exit point whereby the goal has been achieved.

Within this structure, there is a series of actions as well as decisions points whereby the user’s goals may vary. User flows help understand all the possible routes which the user may take to arrive at their end goal, as well as recognise that all users might not perform tasks the same and may navigate through the interface in different ways. A visual representation of the flow ensures all possibilities have been fully thoroughly considered from a user, business and technical perspective.

Each card within a user flow will typically include the name of the screen, a mini-wireframe showing the type of screen the user will see, a description of what will be on each screen, and any associated imagery attached.

Useful for business stakeholders & developers

User flows bridge the gap between gathered data in research and business analysis to synthesise that data into a format of a detailed flowmap which can be used by designers, developers and business stakeholders to understand what is being proposed.

Detailed user flows are important deliverables which can help justify decisions such as the number of screens, the order of the content and the general navigation through the experience.

Clear hierarchical and logical structure

Research up to this point may have provided a clear design direction, as well as an understanding of the features needed to fulfil the user’s end goal. However, one of the most complicated procedures can be to input these features into the product, in a manner which will successfully enhance user experience.

User flows provide a clear hierarchical and logical structure where features are compiled into an organised format. Before progressing with the UX design process, the user flow should be fully resolved as it will play an important part of the foundation for the rest of the project.

User Flows are a very helpful exercise to go through before progressing with any designs, as they help the business stakeholders and developers understand how the web/mobile/interactive experience will all fit together.

Please get in touch, if you are looking for a company to help with gathering your requirements and starting to map these out into User Flows.

“User Flows help to map out the project at a high level effectively producing a visual spec of all the screens we will be creating with the necessary detail added via annotations.”

Jon Hewines, Technical director
Jon Hewines, Technical director

Related projects

The following projects may be of interest to you based on similar services or technologies used.

Some questions you might have

How will user flows benefit my project?

User flows are essential on any large or complex web platform or application as they explore the hierarchical structure ensuring the screens are in the correct order and flow as well as ranking the features in order of priority on each screen (via annotations). User flows are very easily altered and allow you to explore many different avenues and navigation possibilities before you focus on higher fidelity page wireframes. User flows are extremely helpful for both developers, UI designers and business stakeholders as they provide a detailed map of how everything fits together.

How do I begin a user flow?

It is useful to set yourself an entry and exit point to design the flow around. The entry point will be the start of the journey for example a log-in page, and the exit point will be when the goal is accomplished, like confirmation of a booking. You then should take time to imagine the steps it would take to get from the entry point to the exit point. It is best to start with simple headings which flow in chronological order, then you can start imagining the screens and features after.

What is the difference between user journey and user flow?

Although they are commonly confused, it is important to understand the difference between a user journey and user flow. User journeys depict the entire journey of the user’s interaction with a device, however user flows look into the path through the device the user takes to navigate from start to finish and accomplish their goals.

Working together

We work alongside our clients both on new products starting with a blank piece of paper, as well as taking on existing applications or completely re-doing an existing product.

Launch new product

Full Clarity are specialists in designing and developing cutting edge innovative digital products for startups. Our experience enables us to help you plan your features and budget wisely so we can get to your minimum viable product to market quickly.

Develop existing product

Our team of experienced practitioners can work with you to perform a UX and technical audit to help identify problems and areas for improvement. We then create a roadmap of features broken down into sprints based on user feedback and business goals.

Re-do existing product

We’re experienced in working with large and complex existing web applications and platforms. Over many years, lots of features and functionality can get bolted on, and we can to help identify the important features your users need, and design the experience around it.

Starting a project?

Email us directly, or call the studio +44 (0)1252 214 023

Contact

Let's start your project

90% of funded startups fail. Let our specialist team help.

By browsing our website you agree to our cookie policy. You can opt-out anytime from our cookies page.