• A user flow is a path taken by a typical user on an app or a website, so they can complete a task from start to finish.
• Before you design screens of an app, you need to understand how users can effectively move through the app overall.

You need to determine:

• What actions will users take in the app?
• What decisions will users make?
• What screens will users experience after taking action or making a decision?

Draw a user flow

• Action: The actions users take when moving through a product design are represented as circles. In other words, circles show steps that must be taken to complete a task from start to finish. For the user flow of a dog walker app, actions might include opening the app, clicking on a dog walker’s profile, and booking a dog walker.
• Screen: The screens of a digital product that users will experience while completing tasks are represented as rectangles. For the user flow of a dog walker app, screens might include a homepage or a booking confirmation page.
• Decision: Diamonds represent points in the user flow where users must ask a question and make a decision. The decision users make will either move them forward through the flow or back to an earlier part of the flow. For the user flow of a dog walker app, a decision could be choosing whether or not to book the dog walker whose profile is being reviewed.
• User flow direction: Lines with arrows tie everything together and display the flow of information. Solid lines indicate forward direction through the user flow, and the dotted lines indicate backward direction or return to a previous page.

EX