How to Make a User Flow Diagram with Example

Please like & subscribe and comment below other UI/UX design topics you would like us to cover!
--------- CONNECT WITH US ---------
Website: nomademy.com
Instagram: / nomademy_
Digital Products & Resources: nomademy.gumroad.com/
Also Nicole Bernadette on UA-cam: / nicolebernadette
----------------------------------------
If you want to join a vibrant community of nomads around the world who are excited about freelancing and the future of work, stay tuned to this channel and our upcoming website. See you in the next video☺️

[@sylvanusandrew8668]

before this video i thought user flows and journeys were similar but thank you for clearing that up for me and also the good explanation

[@gamerboi3687]

Thank you so much for sharing such wonderful tool and process of it!! I also love the storytelling part where you showed the user journey map kindda funny :)

[@remekster]

Thanks, ive been stuck on user flows all day, youve helped me massivley

[@hips_ttv]

Thank you, this is the best explanation that I found on youtube.

[@ssssssss131ful]

This will stand out for sure ... what an amazing work

[@Fullstackdev18]

short and simple! Thanks 🙂

[@DonCapalot01]

I really enjoyed this video. It was well explained and the example in the beginning was kinda funny😅😅Great Job!!!

[@kiddo-gamesfun]

Wow, thanks for the great tutorial!

[@karyneaves9463]

great musical selections, thanks.

[@ijeomaibeagi8007]

Woww!!...I literally just started a Product Management course and this was super easy to understand. Good job and thanks 👍

[@joymokolo3977]

On Sidehustle?

[@rufqotnaallah2688]

@@joymokolo3977 I see we're meeting ourselves here😂

[@uimass]

This Helped me a lot. Do you have more of Userflow videos?? Like file upload and database flows?

[@gerypratama583]

thank you for sharing your knwoledge its helpfull

[@KnowledgeisPowerAcademyLondon]

Excellent video - well informative, good pace, clear and comprehensive. Many thanks.

[@octoberxix1650]

Nice!! Keep on updating this is really helpful. 😁

[@sumansourabh4849]

Beautiful explained 👍

[@umairi91]

Is there anyway to animate this flow ? like the arrow can you add the motion effect ?

[@hiel-fh5pv]

thanks, but if passwords are met, then isn't it right to user go back to 'login page' (not in a 'sign up page') for successful login?

[@basitgbayi]

This Video was really helpful🤩

[@vykn80s]

amazing job - thanks a lot 👍

[@devvatsa8255]

From where you tool find in figma to draw n all thing. Is it any plug in

[@aaftabkhan1051]

Super Awesome, really helpful

[@deeg2512]

What is the figma plugin you mentioned for user flow?

[@tanyuantian3422]

Love the analogy you gave at the start 😂

[@raj080288]

What software are you using?

[@Djerique]

What font are you using?

[@raisamaydha1436]

Great video , it makes all my problems clear. Keeping making videos , soon you will hit 100k sub😅😊🖤❤

[@Nomademy]

Thank you so much Raisa!☺️❤️

[@Coctvdt]

1:37 time for a walk

[@iryna5046]

Thank you💙💛

[@nadeemuiuxdesigner]

hey. thanks. can u please share with us the figma url WHICH CONTAINS user peronass

[@hungurlea780318]

pretty easy to understand the flow chart practice and very good background music ! Thanks !

[@Nomademy]

Glad it was helpful!

[@vishugahlot397]

You missed the point between "Already have an account?" to "Key in login details" but that's okay. Loved this one.

[@MN-xm1ex]

HI thank, i am starting to learn how to use figma . How did you learn to use figma?

[@pierreveissi7220]

I wish you shared the FigJam you created as an example.

[@beserk786]

Hi, what software did you use to create this ? I am in the process of producing a flow diagram for my app.

[@AE-il7wq]

Figjam, is in figma

[@minhhoaiang1742]

Hello cute mentor >"<
I really like this video, thank u :D

[@michaelarsenault8152]

What software are you making this flowchart in? You mention Lucidcharts but then the music starts and covers up the rest of what you say

[@Nomademy]

There’s lucidchart but I use Figjam - it’s great👍🏼

[@michaelarsenault8152]

@@Nomademy Thank you! I had no idea that's what Figjam was for.

[@kevindenon2336]

What tools do you use for the demonstration?

[@Nomademy]

Figjam!

[@NAYAKUMESH]

can you please tell me that exactly which software you use for making this flowchart ?

[@taimursaeed1039]

I think its figma but im not sure

[@LoinTainy]

What the soft are your used for create that diagram?

[@Nomademy]

Figjam☺️

[@kanopier]

Awesome, can you make a similar one on user journey as well?

[@Nomademy]

Definitely!👍🏼 Will post that really soon☺️

[@saran_2511]

Thanks for thee info /

[@hiel-fh5pv]

oops, and could you translate 'key in login details'..?

[@vigneshk1102]

buddy!!!!... what kind platform you used to create the user flow ?????........

[@Nomademy]

I used Figjam! Will make a tutorial video on how to use it☺️👍🏼

[@sazzadulkabir5618]

I love you. you save my time

[@macaroon147]

If I am only interested in UI Design should I only be concerned with user flow?

[@Nomademy]

User flow is definitely important but I think there’s still a lot of user research methods that UI designers can be familiar with☺️
Such as understanding more about the target users and industry through competitor research.
Also anything to do with knowing the features and navigation of the product (user journey mapping, information architecture, etc.) is important for the UI designer too, since they’re the ones prototyping☺️
UI designers may not have to be the ones doing the user research, but it’s important to understand it👍🏼
Hope this answers your question!

[@abdelrhman7379]

Thank you

[@dzemaldzananovic712]

The music that comes on the end hahahahah

[@noobknight47]

Next do explain the steps you were taking while designing for better clarity. Nonetheless great job.

[@FLEXXJET]

Hi Cool tutorial, I wonder why "already have an account?" Yes" ---->forgot password not in the Key log in? @6:57 , then why not in the Key Log in details has no conditions? or should we use just line without arrow head from "Key in login details to Correct login details/credentials?

[@tifacola]

I wish I could do this in a Figma design board instead of Figjam

[@bigstepper4125]

This was beyond helpful. Hope you find 100 dollar bill on the floor and no one is watching, so you can pick it up and keep it without guilt.

[@BB-ix7kd]

thaaaanks !!!

[@Learnadino]

The background music reminds me of wii sports somehow.

[@haihadiy2520]

What app you used??? Thanks

[@leilaarellano2649]

I think it's Whimsical.

[@azamraza7952]

It's Figma, FigJam

[@Nomademy]

Yep! I used FigJam, but Whimsical works as well👍🏼

[@goldgrrl]

The music is bumpin tho 🎶🎶⚡⚡🦾🦾

[@suzuwhatif6562]

What’s the name of song at 7:15 it has me doing the ugly face and not paying attention 😭

[@penniel.software]

amazing video, can you share the app you are using please

[@Nomademy]

Thank you! I used Figjam☺️

[@penniel.software]

@@Nomademy Thank you so much, imma give it a try

[@ZAK43210]

Do not sacrifice readability for looks, that is don’t use start/end block for pages or actions, decision block should have two output lines not one split in two, don’t let blocks float in the air connect them or add an end block, when going to the right you want to advance, when going down you want to give more details without advancing

[@saarsharabi5397]

wow

[@ahmedsaleh7152]

Iike your videos

[@the.secret.motivationz]

What site/app she is using to make these??

[@jamesbaxter222]

Figma/figjam

[@Yogitha2244]

Fig jam

[@deadboy164]

What app or website is this?

[@Nomademy]

Figjam☺️

[@IM-rw9sd]

name of application, figma?

[@Nomademy]

Figjam, it’s with Figma☺️👍🏼

[@samanthajoseph6297]

Why is there music over her audio??!

[@tvlkbeats5630]

Tag it on the User Journey 😅

[@marcusaken2330]

😂😂😂 ​@@tvlkbeats5630

[@ajadavis2000]

fyi your beat sounds sick at 1.75x

[@user-og8fo3nl2v]

you not even mentioned the name of app/website and call this video tutorial?

[@mariasolano3004]

She said it!! Figma.

[@alexspano8041]

Listen she said fig jam which is figma

[@zes7215]

wrr

[@aiiirlife9273]

It's UX/UI design...