User Flow vs Task Flow in UX Design

[@godwinonwumere3589]

Give this man His flowers. You make my design journey much more fun!!!

[@WiredtoDesign]

Thank you soooo much! 🙏🏾❤️

[@elikemdaniels]

Just a minute into the video and I immediately subscribed. You're a good communicator, man.

[@WiredtoDesign]

Ahhh man, appreciate the support!! 🙏🏾🙏🏾

[@KelvinChiuFilms]

You have quickly become my favourite teacher on here. Thank you.

[@WiredtoDesign]

Oh wow, that's amazing!! Thank you so much. I am honored to help you!

[@mrmufasir0]

did any other person notice how the sound design made this video super-cool? damn, I love it

[@WiredtoDesign]

🙏🏾🙏🏾

[@jeremiahhundley6629]

I'm glad I found you. I have a very complex User Flow that easily breaks down into separate concentrated task flows. Between this video and your Figma Auto Layout video, your simple, precise explanations mirror your content and help bring your viewers, like me, from novice to practitioners in an easily digested and actionable way. Thank you for attention to detail and pace. Great Job!

[@WiredtoDesign]

Thank you so much for the great feedback, I really appreciate your support!

[@renem1219]

I like the fact that you mentioned how user tasks are a segment of the bigger picture. Thanks for your great explanation!

[@WiredtoDesign]

Thank you so much!

[@bza2356]

One of the designers at my work showed me a task flow on her miro board and it intrigued me. I'm 7 months into a ux ui gig and there's so much to learn. I've been designing professionally for 7 years but I consider myself stronger on the UI side. Def getting better at UX but my colleagues are next level. I've been told they were quite jr when started so I'm optimistic. Look forward to watching more videos from you

[@WiredtoDesign]

Wish you the best in your journey! Hope these videos are helpful 🙏🏾

[@jznobiv1]

What a great video, I loved the scrambled egg example explaining the difference between a task flow and a user flow. Liked and subscribed.

[@WiredtoDesign]

Thank you! 🙏🏾

[@KiranVarri]

One of the Best : Focused on the difference & taking one example and presenting both the perspectives(the on screen text inputs were very helpful)....kudos🤩👌🙏 You are a Rockstar...keep sharing with the universe 🪄

[@xavi7531]

Just found this channel, and this is a gem Love the clarity and info being provided here!

[@WiredtoDesign]

Thank u so much! 🙏🏾

[@_theHavis]

Your analogy really simplified this for me. Thanks!

[@WiredtoDesign]

That’s amazing, thank YOU 🙏🏾

[@Christian-ql4vw]

you got a subscriber -- you actually explained the difference between task flow and user flow.

[@tfdesign4072]

I’m working at a startup and this is so useful tysm

[@aydemironur35]

Im sure some day i will say "Hey i was one of the first 1k subs of Wired to Design" :) Your content is pure gold man thanks!

[@WiredtoDesign]

This means a lot! Thanks for the support 🙏🏾🙏🏾

[@ezeakorsylviamary7572]

Wow...this is what I've been looking for

[@WiredtoDesign]

🙏🏾 happy you found it!

[@1980nikolov]

Great video! I learned a lot. Especially like the subtle difference in the definitions “General” User and “Specific” User. Own humble Note: …perhaps more like a “Specific Type of User”, what actually Persona represent; specific users have their idiosyncrasies (like the weird preference for the colour maroon), Types of Users are characterised by similar thinking and behaviour and represented by models like Personas. Correct me if I am totally off… Thanks again, i was quite stuck before this video, but I think i get it now!

[@lenzclerger]

Man this is concise, accessible and practical, where can I find your work? This is actually amazing!

[@WiredtoDesign]

Thank you soo much! Unfortunately I haven’t had the time to update and publish much of my work lately. And a lot of my projects are currently under NDA. But hopefully soon I’ll be able to make it available! 😄

[@TiffannyDoll]

I just like the way you explain. Really simple. Thanks for your video

[@WiredtoDesign]

Thank you so much for the support!

[@elnurhajiyev2477]

You are making an art bro! Cool, clear, satisfying!

[@WiredtoDesign]

Thank you Elnur! ❤️🙏🏾

[@ayantugaileola5946]

Kudos, I love your process of teaching

[@WiredtoDesign]

Thank you so much!

[@CarringtonLemon]

I happened to stumble upon this video and it was super helpful! Thank you. I most definitely just hit that subscribe button! Looking forward to learning more from you.

[@WiredtoDesign]

Thank you so much!

[@wiolasulkowska]

Thank you for clarifying this issue. I subscribed to the channel and I'm waiting for more videos.

[@WiredtoDesign]

Thank you Wiola! Please let me know if there’s anything specific you want to know, and I’ll drop a video on that topic 🙏🏾

[@Joanne0728]

Thank you for sharing your professions with us, the differences are well described. thank you.

[@WiredtoDesign]

Thank you! 👏🏾

[@cindybarrantescalvo8591]

i loved the video! Very easy to understand and entertaining. Thank you :)

[@WiredtoDesign]

Thank you! Happy you found it valuable 🙏🏾😁

[@kabirroy_music]

perfect video

[@OlaNoMe7]

Thank you for this video, it would be great if you could do in the future the process of making user flow diagram

[@WiredtoDesign]

Thank you! Absolutely, that’s added to my checklist 🙏🏾

[@purefunguy]

Peace! clean video. no too much talking BS. Useful & unstandable content

[@WiredtoDesign]

Appreciate you! 🙏🏾

[@muyiwamoses8076]

Amazingly well done video. Congratulations. Learnt a lot. Thanks

[@WiredtoDesign]

Thanks a milli! 🙏🏾

[@Fz92-p3k]

Amazing content and you have super mastery of what you are talking about in your video. Thank you

[@WiredtoDesign]

Thank you! 🙏🏾

[@Dasein772]

more videos about the process pls!

[@mandlarobertmabhena6756]

Thanks man. Subbed.

[@WiredtoDesign]

Thanks for the sub 🙏🏾

[@baraan7351]

Your explanation is great and easy to understand the point

[@WiredtoDesign]

Happy you found it helpful! 🙏🏾 thank you!

[@jalynknirk3173]

Thanks you for sharing, I’m learning! ❤

[@WiredtoDesign]

I’m happy you are!

[@juliesz78]

Thanks for the video. It's really useful!

[@WiredtoDesign]

Thank you for the support!

[@mariab2971]

Thank you for the video. Clear and concise! I am a product manager working with a small team with no designers in-house. Although we outsource design tasks to a 3d party, we don't always have a budget to do workshops etc. on user journeys, flows and tasks. I wonder if it's something I could do with my team, and if yes, how would I approach this (e.g. creating a task flow)? Any advice? TIA

[@nelsonglendela4624]

awesome! Thanks!🙏

[@calblue8694]

You're SO GOOD!

[@WiredtoDesign]

🙏🏾❤️

[@tcbrooks_06]

Great explanation. Subbed.

[@WiredtoDesign]

Thank you and welcome aboard!

[@mxrtina3846]

Underrated!

[@mxrtina3846]

Just subbed, thanks for the video

[@WiredtoDesign]

Thank you so much! 🙏🏾❤️

[@suniljadhav1889]

Thanx...mentor

[@WiredtoDesign]

Always 🙏

[@leahthomas8141]

Just discovered you. Thank You sharing your expertise with us ❤

[@WiredtoDesign]

Welcome to the fam Leah, thank you!

[@princechijioke3837]

Nice video, please make more I love it.

[@WiredtoDesign]

Thank you for the support! 🙏🏾

[@gerardobustos1]

great info! Thank you

[@cjn2109]

Thank you my man ! That's helpfull a lot ! :D

[@akashthapliyal7562]

Learnt a lot. Thanks

[@WiredtoDesign]

Glad it was helpful! 🙏🏾

[@thewatchers4102]

Fucking Great, easy, and deeply informative--thank You!

[@WiredtoDesign]

Thank u so much!

[@ragrago]

Brilliant Video!

[@WiredtoDesign]

Thank you! 🙏🏾

[@camillam8315]

you are the best bro, thank you very much

[@WiredtoDesign]

thank you sooo much!!

[@hidabe4490]

Thank you for defining the difference between the Task vs User flow. Would you ever use a task flow for a single screen? I am working on a single screen that will have a table to be filled out. It's like a bank form for money transfer, potentially showing as a table/form on the screen, and I am asked to create a User Flow for it. But I think it's actually a *Task flow*. Because the user come to this screen for a specific task, and they have to fill out the table cells from top to bottom. And then take an action, like Produce Report (to send to the bank), or Save, or Delete. Which way do you go for this scenario? A Task flow? I appreciate if you have any example to show. Thank you : )

[@hosseinpourghaemi4600]

Nice! Thank you.

[@bluesoulfulred]

Thank you for the video! When you were talking about scrambled eggs analogy, it would have been nice if you showed a quick example of what a Task/User Flow would actually look like. Visual examples are always nice, so we would have something to refer to immediately. Thank you so much otherwise

[@WiredtoDesign]

That’s a really good suggestion. Thank you Shakir! I’ll make sure to do that for the upcoming videos 🙏🏾

[@UncleSalie]

Bro you dance with the way you speak ✌🏾️

[@WiredtoDesign]

Probably one of the best compliments I’ve ever received, thank you man! 🙏🏾

[@merealmonster]

Thank you for distinguishing task flow and user flow very clearly. What is the relationship between these two with the user journey?

[@WiredtoDesign]

Anytime! There’s two videos linked in this video where I break down the process of a task flow diagram and a user flow diagram. I explain when each of them are used in the process of painting the picture of a user journey.

[@moncarrasco]

Very usefull; thanks!

[@kamalchittaboina9082]

good explanation

[@erichaft9]

What app were you drawing your flow in on your iPad?

[@WiredtoDesign]

It’s called Concepts 👊🏾

[@smilli6415]

can you show some examples of task versus user flow charts ? thanks

[@WiredtoDesign]

Absolutely! I’ll add that to my list 😃

[@PavloTheKorean]

Thank you very much, i know english a little, but i think, i understand! I'm just studiying, and I hope i will become a UX/UI designer. I have one more question about User story mapping? what is this? what difference? and when it to do, before task flow? One more, thank you. And I also like popping)

[@WiredtoDesign]

Thank you so much! I am happy that the channel is giving you value 😀 Great question! User Story Mapping is a technique used to visually organize & prioritize user stories, which are essentially the features and requirements of a product from the perspective of end-users. User Story Mapping helps to create a shared understanding of the product's functionality among the team members and stakeholders (mostly used in agile teams). On the other hand, User Flows, as explained in the video, are visual representations of the steps a user takes to complete a specific task or achieve a goal within an app or website. The main difference between User Story Mapping and User Flows lies in their focus; User Story Mapping focuses on breaking down product features and requirements, while User Flows focuses on the user's journey through the interface. As for when to do them, User Story Mapping typically comes earlier in the design process, as it helps to define the overall product requirements and prioritize features. Once you understand the requirements clearly, you can move on to creating Task Flows and then User Flows, which will guide your design by illustrating how users will interact with your product to accomplish their tasks. I hope this clarifies your question! Feel free to ask any questions, and don't forget to subscribe for more design-related content! 😊

[@PavloTheKorean]

@@WiredtoDesign Thank you very much, its really helpful for me, because i still lerning and i don't understand steps to use UX designers tools. I mean steps after interview, reserch, competitive analysis, audience segmentation, personas with goals and pain points. Now i understand 1 step after thet User Story Mapping, 2 Task flow and then 3 User Flow. I have a few more quastion if you let: When i must to do Custumer Journey Map, Site Map and information architecture, i mean in which steps? Funny stories: before i start lerning User Flow and Task Flow i dont understand why i need Wireframes)) and do it just for them to be

[@korneliusrnbeck7247]

🙏🙏🙏

[@KanakYadav-zt9iu]

Nice

[@irvanmaulana316]

Is it possible to have 2 task flow on one project since I considering tht the goal of my user on my project is 2 , or I just ruin since the research stage tht I got 2 goals , your content is the light on the end of the dark tunnel anyway ❤️‍🔥❤️‍🔥❤️‍🔥

[@WiredtoDesign]

Well, the idea for task flows is to set it up for every task a user typically will do with a product or service. So for instance, the onboarding flow could be mapped up as a task flow. Perfectly fine to do more than one if you’re responsible for a larger implementation 😊. Thank you!! That means a lot to me 🙏🏾

[@darkochazarreta680]

Hi ! What is "Screen Flows" ? Can you a make video?

[@KenWorkProduction]

I'm confused would it be that task flow are similar to the user journey? User flow are specific. User Journey and Task Flow sounds very alike to me. Please help!

[@WiredtoDesign]

A task flow is a general path for a task laid down in a linear step-by-step format to go from start to end. A user flow is specific and therefore considers a few additional things: a user/persona, and any loopholes or changes in the context along the way. There’s two more videos on this topic that further shows a clear example on how to draw a task flow VS a user flow. Check them out and let me know if it’s clearer for you! 🙏🏾

[@MasterAudio56]

how to do define spasific task performing on adobe UX , like hospital managment , school managment, bus booking or even small gamming project can we do on adobe ux design even dashboard design for admin and front end design for user interface with login page , shopping cart, data base using on website , i seen most of the video on ux design making a web site visuval view making or front view and enterface to one page click to other page flipping like that, so that i m not satisfied from thouse videos , please guide me how to entigrate front end - back end connecting with mathmetical calculation programing or even data acquisition.

[@WiredtoDesign]

Hey! If I understand you correctly, what you’re aiming to do is create a diagram that maps both the user experience, front end, backend, and any other processes? If so, you need to break the end-to-end experience up into different segments, create user flows for each, and additionally also create a service journey map which includes all of the technologies and services that goes with the user journey flow.

[@noahdiez9400]

Why would you need a non-stick pan if you add that amount of butter on the pan anyway? This needs to be addressed in the user flow.

[@WiredtoDesign]

😂🤣 thank you for addressing that 😭The stakeholders wrote in the requirements that they wanted the eggs to be “extra buttery”

[@Funmithedesigner]

I was also wondering🤣😂🤣

[@WiredtoDesign]

@@Funmithedesigner LMAO!

[@kabiruadediran1796]

can i use both user flows and task flows in a project?

[@WiredtoDesign]

Absolutely! A task flow helps you see the overall picture, whereas a user flow helps you dig into each specific use case or experience in detail.

[@shailidewangan813]

3:08 How user flows are used

[@doAnn88]

What tool do you use on the iPad for ur User Flow?

[@WiredtoDesign]

For this video, I used an app called "Concepts".

[@doAnn88]

@@WiredtoDesign 🙏 thank you! You are doing a great job btw.

[@busimo]

bro, please share your camera and microphone specs

[@WiredtoDesign]

Sharing a video about my full setup soon! In the meantime: I have a Sony A6500 + Shure SM7B mic 👊🏾

[@busimo]

@@WiredtoDesign thanks bro, please share which lenses you use as well in the video

[@WiredtoDesign]

Definitely!

[@tour-de-tour]

I think actual reading of an user journey map…for an actual product would be really ticking.. there’re too many vids for how to.. which.. beginners won’t know actual how to and professionals would leave

[@AqwaQwakks]

could have been more helpful, if given with live work examples

[@WiredtoDesign]

Definitely! I have separate videos with live examples. Here's one of User Flows for instance: kzbin.info/www/bejne/jGfRf2agf7KVgLs

[@costnnza]

bro this gangsta accent is rlly throwing me off the vid lol

[@WiredtoDesign]

Gangsta accent?! 🤣 best comment ever lol!

[@karincentenaro356]

@@WiredtoDesign i like your accent, and very good content on the video, thanks

[@danceaholic90]

@@karincentenaro356 thank you so much! 🙏🏾

[@calblue8694]

@@WiredtoDesign 😂😂

[@chetansilveira8741]

confused me more

[@WiredtoDesign]

I’m sorry it confused you more. May I ask you what confuses you?

[@cpadgreat3769]

I EXPECTED YOU TO SHOW MORE THAN TALKING

[@WiredtoDesign]

Hey! This video is more theoretical and a breakdown of the methodology. In this video for instance, you’ll see a clear practical example of how a user flow is made (there’s a similar one on this channel that shows how to make a task flow): kzbin.info/www/bejne/jGfRf2agf7KVgLs

[@johncitizen8828]

Great content. Thanks!