User Flows Explained with Real Examples (Sign Up & Password Reset) | UX Design Ep 9
Maisha Farzana Taki
0:00 / 0:00
User Flows Explained with Real Examples (Sign Up & Password Reset) | UX Design Ep 9
11 просмотров · 9 дн. назад
Maisha Farzana Taki
34 подписчика
11 просмотров · 9 дн. назад
What is a user flow, and how do you design one that doesn't lose people? In this beginner-friendly episode, you'll learn the three building blocks of every user flow (actions, decisions and outcomes) and the simple shapes used to draw them. Then we map two real-world flows step by step, a registration flow and a password recovery flow, and compare a confusing 9-step flow with a simple 5-step one. Every click matters.
No experience needed.
📺 This is Episode 9 of "UI/UX Design for Absolute Beginners", a 30-episode series that takes you from zero to your first design project. Module 2: UX thinking and planning.
📂 Full series playlist: • UI/UX Design for Absolute Beginners
Previous episodes:
▶ Ep 1 — What Is UI/UX Design? Explained for Beginners: • What Is UI/UX Design? Explained for Beginn...
▶ Ep 2 — What Does a UI/UX Designer Actually Do?: • What Does a UI/UX Designer Actually Do? (D...
▶ Ep 3 — The 7 Principles of Good UI Design: • The 7 Principles of Good UI Design (With B...
▶ Ep 4 — What Is UX Research? Simple Examples: • What Is UX Research? Simple Examples for B...
▶ Ep 5 — The Complete UI/UX Design Process: • The Complete UI/UX Design Process (Step by...
▶ Ep 6 — How to Create a User Persona: • How to Create a User Persona (Step by Step...
▶ Ep 7 — User Journey Maps Explained: • User Journey Maps Explained (Step by Step ...
▶ Ep 8 — Information Architecture for Beginners: • Information Architecture for Beginners: Or...
Next: Ep 10 — Wireframes vs Mockups vs Prototypes
⏱ CHAPTERS
0:00 Intro: a frustrating password reset
0:43 What is a user flow? (vs journey maps & sitemaps)
1:47 Building blocks: actions, decisions & outcomes
3:22 Real example 1: a registration flow
4:20 Real example 2: password recovery, simple vs confusing
5:51 Make your own in 5 steps & recap
In this video:
• What a user flow is: the path a user takes to complete one task
• User flow vs journey map vs sitemap
• Why you should draw a flow before designing screens
• Flowchart shapes: start/end, screens, decisions, arrows
• Actions, decisions (user and system) and outcomes (happy path, errors, dead ends)
• Task flows vs wireflows
• Real example: a registration flow, and how to improve it
• Real example: a password recovery flow that protects privacy
• Simple vs confusing flows, and how to measure them
• Draw your own user flow in 5 steps
The app and the data in the examples are fictional and for teaching only.
✍️ Mini challenge: draw the user flow for changing your profile picture in any app you use. How many steps does it take?
💬 What's the most annoying sign-up or login flow you've seen? Tell me in the comments!
🔔 Subscribe and turn on notifications so you don't miss the next episode.
#UXDesign #UserFlow #UIUXDesign