Перейти к содержимому

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