User Flow vs Task Flow in UX Design
Vložit
- čas přidán 11. 07. 2024
- In this video, I'll explain the main differences between a User Flow and a Task Flow in UX/UI Design.
▬▬▬ Video Chapters ▬▬▬
0:00 - Introduction
1:05 - What's in this video
1:27 - When to use it
2:04 - How Task Flows are used
4:06 - How it helps you design better
5:28 - Tips & tools
6:34 - Summary
▬▬▬ Free & Curated Design Resources ▬▬▬
www.wiredto.design
▬▬▬ Who am I? ▬▬▬
Anik Devaughn
Instagram: / anikdevaughn
Twitter: / anikdevaughn
▬▬▬ Say whatsup! ▬▬▬
Instagram: / wired2design
Twitter: / wiredtodesign
#ux #designthinking #userflows
Give this man His flowers. You make my design journey much more fun!!!
Thank you soooo much! 🙏🏾❤️
Just a minute into the video and I immediately subscribed. You're a good communicator, man.
Ahhh man, appreciate the support!! 🙏🏾🙏🏾
You have quickly become my favourite teacher on here. Thank you.
Oh wow, that's amazing!! Thank you so much. I am honored to help you!
Just found this channel, and this is a gem
Love the clarity and info being provided here!
Thank u so much! 🙏🏾
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!
Thank you so much for the great feedback, I really appreciate your support!
I’m working at a startup and this is so useful tysm
Your analogy really simplified this for me. Thanks!
That’s amazing, thank YOU 🙏🏾
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.
Thank you so much!
What a great video, I loved the scrambled egg example explaining the difference between a task flow and a user flow. Liked and subscribed.
Thank you! 🙏🏾
Great content. Thanks!
great info! Thank you
Thank you for sharing your professions with us, the differences are well described. thank you.
Thank you! 👏🏾
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
Wish you the best in your journey! Hope these videos are helpful 🙏🏾
Thank you my man ! That's helpfull a lot ! :D
awesome! Thanks!🙏
Thank you for clarifying this issue. I subscribed to the channel and I'm waiting for more videos.
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 🙏🏾
I like the fact that you mentioned how user tasks are a segment of the bigger picture. Thanks for your great explanation!
Thank you so much!
You are making an art bro! Cool, clear, satisfying!
Thank you Elnur! ❤️🙏🏾
Thanks you for sharing, I’m learning! ❤
I’m happy you are!
I just like the way you explain. Really simple. Thanks for your video
Thank you so much for the support!
did any other person notice how the sound design made this video super-cool? damn, I love it
🙏🏾🙏🏾
Nice! Thank you.
Thanks for the video. It's really useful!
Thank you for the support!
Wow...this is what I've been looking for
🙏🏾 happy you found it!
Amazingly well done video. Congratulations. Learnt a lot. Thanks
Thanks a milli! 🙏🏾
i loved the video! Very easy to understand and entertaining. Thank you :)
Thank you! Happy you found it valuable 🙏🏾😁
Amazing content and you have super mastery of what you are talking about in your video. Thank you
Thank you! 🙏🏾
Very usefull; thanks!
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!
This means a lot! Thanks for the support 🙏🏾🙏🏾
Your explanation is great and easy to understand the point
Happy you found it helpful! 🙏🏾 thank you!
Kudos, I love your process of teaching
Thank you so much!
Just discovered you. Thank You sharing your expertise with us ❤
Welcome to the fam Leah, thank you!
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!
perfect video
you are the best bro, thank you very much
thank you sooo much!!
Learnt a lot. Thanks
Glad it was helpful! 🙏🏾
more videos about the process pls!
Thanks man. Subbed.
Thanks for the sub 🙏🏾
Brilliant Video!
Thank you! 🙏🏾
Great explanation. Subbed.
Thank you and welcome aboard!
Man this is concise, accessible and practical, where can I find your work? This is actually amazing!
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! 😄
You're SO GOOD!
🙏🏾❤️
Nice video, please make more I love it.
Thank you for the support! 🙏🏾
Thank you for this video, it would be great if you could do in the future the process of making user flow diagram
Thank you! Absolutely, that’s added to my checklist 🙏🏾
Thank you
Thanx...mentor
Always 🙏
Underrated!
Just subbed, thanks for the video
Thank you so much! 🙏🏾❤️
Nice
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 : )
Fucking Great, easy, and deeply informative--thank You!
Thank u so much!
Peace! clean video. no too much talking BS. Useful & unstandable content
Appreciate you! 🙏🏾
Bro you dance with the way you speak ✌🏾️
Probably one of the best compliments I’ve ever received, thank you man! 🙏🏾
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
That’s a really good suggestion. Thank you Shakir! I’ll make sure to do that for the upcoming videos 🙏🏾
Hi ! What is "Screen Flows" ? Can you a make video?
Thank you for distinguishing task flow and user flow very clearly. What is the relationship between these two with the user journey?
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.
🙏🙏🙏
What app were you drawing your flow in on your iPad?
It’s called Concepts 👊🏾
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!
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! 🙏🏾
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)
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! 😊
@@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
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 ❤️🔥❤️🔥❤️🔥
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 🙏🏾
can you show some examples of task versus user flow charts ? thanks
Absolutely! I’ll add that to my list 😃
3:08 How user flows are used
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.
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.
can i use both user flows and task flows in a project?
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.
What tool do you use on the iPad for ur User Flow?
For this video, I used an app called "Concepts".
@@WiredtoDesign 🙏 thank you! You are doing a great job btw.
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.
😂🤣 thank you for addressing that 😭The stakeholders wrote in the requirements that they wanted the eggs to be “extra buttery”
I was also wondering🤣😂🤣
@@Funmithedesigner LMAO!
bro, please share your camera and microphone specs
Sharing a video about my full setup soon! In the meantime: I have a Sony A6500 + Shure SM7B mic 👊🏾
@@WiredtoDesign thanks bro, please share which lenses you use as well in the video
Definitely!
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
could have been more helpful, if given with live work examples
Definitely! I have separate videos with live examples. Here's one of User Flows for instance: czcams.com/video/V6nN3jJMbJY/video.html
confused me more
I’m sorry it confused you more. May I ask you what confuses you?
I EXPECTED YOU TO SHOW MORE THAN TALKING
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):
czcams.com/video/V6nN3jJMbJY/video.html
bro this gangsta accent is rlly throwing me off the vid lol
Gangsta accent?! 🤣 best comment ever lol!
@@WiredtoDesign i like your accent, and very good content on the video, thanks
@@karincentenaro356 thank you so much! 🙏🏾
@@WiredtoDesign 😂😂