freeCodeCamp/guide/english/user-experience-design/user-flow/index.md

2.5 KiB

title
User Flow

User Flow

User Flow is a fundemantal tool for every User Expereince Designer in predicting a Users actions and travel path through a product. By designing a User Flow a UX designer puts himself in the shoes of a fictional user and completes a task product they are designing. The resulting 'diagrams' are called a "User Flow Map"(not to be mistaken with "User Journey Map") and through it a designer could predict and plan the directions a future user might take when using a certain aspect of the product.

More Information:

Youtube:

Personas and User Flows | UX/UI Design | Product Design | Udacity [Udacity Youtube] (https://www.youtube.com/user/Udacity) Recreating Instagram's User Flow: An exercise in UX design - UXT#5 [https://www.youtube.com/channel/UCNN-covyHLvm1Q7vUV6StAg] (UX Tracks) The Difference Between User Journeys and User Flows | UX Tutorial [https://www.youtube.com/channel/UCpzWITCC0EjA9tiKeyO1i3A] (Robert Smith) How to Analyze User Flows by Scoot Product Manager [https://www.youtube.com/channel/UC6hlQ0x6kPbAGjYkoz53cvA] (Product School San Francisco)

Resources:

The biggest WTF in design right now [https://uxdesign.cc/] (UX Collective) User Journey Maps or User Flows, what to do first? [https://medium.com/sketch-app-sources] (Design + Sketch) Creating Perfect User Flows for Smooth UX [https://www.uxpin.com/] (UX Pin) How to Design a User Flow Diagram for Your Website [https://optinmonster.com/blog/] (Optinmonster)