User Flow Diagram Basics

In this Video, you will learn how to create user flow maps and user flow diagrams in your user experience design process.... Remember to Subscribe goo.gl/6vCw64
User flows are one of the most helpful yet misunderstood tools in the UX industry today. Some designers avoid them and some struggle to full wrap their minds around them.
But user flows don’t have to be so confusing. Follow along with me as I show you the basics of user flow diagrams.
🏆 //////////// Join my members community to get access to perks:
You can get this starting and ending design file
designchamps.io/
👋 ////////// Join the Discord Server and meet other creatives
/ discord
------------------------------------------------------------------------------------
🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship
www.jesseshowalter.com/
👋 ////////// Follow me on Social
Instagram: / imjesseshow
Twitter: / imjesseshow
📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
------------------------------------------------------------------------------------
🖥️ ////////// I build most of my websites using Webflow
webflow.grsm.io/4495884
💻 ////////// I host all my websites with Hostinger
www.hostg.xyz/SH5fF
🎵 ////////// Elevate your videos with record-label quality music from Musicbed
share.mscbd.fm/imjesseshow
📸 ////////// The Equipment I use
www.amazon.com/shop/jesseshow...

[@kylelewis2122]

Thanks Jesse, you make not just one diagram but all the diagrams make sense to me finally.
I do not know why I had such a hard time understanding it all.
I really love the idea of combining Wire-Frames, Site-Maps and Flow-Diagrams together.
Also thank you for the tutorial on Flow-Diagrams, you make things simple and really express alternatives and or options, I like that.

[@calischweder]

I literally searched for this video from you this morning. What perfect timing, thank you for creating this!

[@nataliiabulaieva467]

Thank you for the video, Jesse! Really love how detailed you were in explaining all nuances of user flow. The only thing I'd add is more context on the website you're creating this user flow diagram for. From what I saw, I gathered that it's most likely an e-commerce website but adding more details on the case study would help me better understand the diagram :)

[@Elrykkstorm]

Your content is amazing! I love hiw you break you things down in a ckear and concise manner, without losing any of the deeper understanding required.

[@bmp4music]

Absolutely informative Jessy! Thanks for a wonderful video on user flow diagram

[@mengqimwangi2127]

Thank you so much for the explanation! I am working on user flow for my capstone project, this helps me a lot!

[@ruksanakabir46]

Thank you Jesse.. so clearly you explained it.. I appreciate for it.

[@Zaeolaowo]

Really glad I found this page today. Thank you for this informative tutorial.

[@carolinseng4345]

Amazing summary Jesse! As always. I'll definitely recommend this to my students.

[@sm3dev]

Thanks a lot for this! Really straightforward and memorable explanation!

[@manpreetparmar8664]

thank you so much sir for this amazing video. I love the way you have explained the user flow diagram.

[@NyuvelUX]

This was very helpful. Thank you so much.

[@abhigya22]

oh wow i really needed this !

[@Nicole-ze4vc]

Super helpful! Been looking for a resource like this. Did you use a Figma plugin or UI kit for those pieces or just create yourself? Thanks!

[@zackzakoor1383]

Great video Jesse!

[@AsifAli-rn7sk]

Loved this!!

[@flawlessmire4677]

Thank you very helpful.:)

[@fajarsetiawansiagian]

thanks for the videos jesse.

[@annanuss2041]

Thank you kind sir, you're doing wonders!

[@eugenesamilyk6131]

Thank you for clarifying.

[@BhawinJagad]

Dont you think Figjam could be a better way to showcase this? 🤔🤔

[@modz9711]

Thanks a lot !🎉🎉

[@francismensah1717]

Thanks for this

[@anonaa100]

Perfect Thank you so much

[@torikaziz9568]

thanks, you are my savior i will praise you

[@gabrielaarcia331]

Thank you!

[@Halamus_tafa]

helpful , thanks

[@wazidali1702]

Nice Explanation

[@ArbaazKhan-wb2dt]

Hi Jesse! Can we get the user flow Figma template?

[@user-dh8xs9bl6o]

You are flame man ❤

[@abdullahsoomro6238]

Thank you

[@jaloliddinesonboyev]

thank you

[@FaithAdedokun-xr6fy]

Thanks man 🫶🏽❤

[@heba77777]

when we use user flow is it at the end of our website ? i mean in which ux process user flow lay

[@hamzaahrbil3733]

thanks

[@cilabdispod2529]

Jesse this is the best content of this topic, well you are using figma for creating a user flow diagrame.. do you usually use figma for that? Is there any better suggestion to do so

[@danieldamasceno8174]

Hi, what is de app name that you using to create this flow/diagram?! Thks

[@lunaticz0r]

Would love the figma file!!

[@imani828]

Woudl've been nice to have the Figma template

[@vmcfmvct2352]

That is just an incredibly arcaich flowchart...extremely useful any project in all work areas though

[@user-hw1rd7nx7p]

Greate, thanks

[@JesseShowalter]

Thank you too!

[@galaxyworld4037]

What screen recorder do you use

[@user-mi4wd5ij5q]

Thanks

[@serenajuhuisuh]

How would you evolve this into a site map?

[@16BeerBaron]

is that barner brand glasses?

[@tekiero]

Hey, Jesse. Do you edit your youtube videos yourself?

[@mefizto.]

Nice

[@ruuartslk]

Thanks bro..!

[@JesseShowalter]

No problem

[@melgnar2100]

This was great!! Thank you so much for the detail in the video!!! The details and breakdowns set this video apart 🙌👏

[@navjotsingh2457]

ty

[@heykayoz]

Hi! A very impressive video. Do you have any better templates for flow diagrams?

[@laurarabasco4637]

I really like your flowchart! 🤩 thanks for the video! Is there any place where I can find the templates?

[@magicja]

What is the path of least resistance? That is what I care about. Boxes, circles, trialngles....oh my!

[@ALCRAN2010]

This is really cool Jesse!
In the world of UX Design, is there a specific job role for this kind of work?
Maybe like, UX Flow Designer??
Thanks!

[@xaincc]

Nope

[@practiceyourart]

This is for any UX, UI/U, product designer, etc. It doesn't have exclusivity to any particular role.

[@francescamontali4810]

Hi Jesse, hi all,
when is, from your experience pov instead, the correct step to insert features that each page should include? I mean, in order to not only show the user journey, but also to show all features contained in them to stakeholders? thank you :)

[@edidiong3456]

The discord invite link has expired. Please could you update it with a new link. Thank you

[@marvellouseabraham8436]

is user flow the same thing with user journey

[@Sebastian-zs8cp]

Please make usrflow from open to end.

[@chomreunchenla1592]

Noice m8

[@abolfazlabbasi]

In mobile phones, we have other entry points like Notifications and other app links, etc.

[@annanuss2041]

I want that title "full stack" just sounds cool and far superior to Graphc Designer lol

[@vigneshparameshwaran4921]

i want this template

[@dharmarisa]

Great, but I wish you didn’t have the background music