User Flow vs Task Flow in UX Design

Поделиться
HTML-код
  • Опубликовано: 7 янв 2025

Комментарии •

  • @godwinonwumere3589
    @godwinonwumere3589 2 года назад +6

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

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      Thank you soooo much! 🙏🏾❤️

  • @elikemdaniels
    @elikemdaniels 2 года назад +3

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

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

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

  • @KelvinChiuFilms
    @KelvinChiuFilms Год назад +3

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

    • @WiredtoDesign
      @WiredtoDesign  Год назад

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

  • @mrmufasir0
    @mrmufasir0 2 года назад +2

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

  • @jeremiahhundley6629
    @jeremiahhundley6629 2 года назад

    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
      @WiredtoDesign  2 года назад

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

  • @renem1219
    @renem1219 2 года назад

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

  • @bza2356
    @bza2356 2 года назад

    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
      @WiredtoDesign  2 года назад

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

  • @jznobiv1
    @jznobiv1 2 года назад +2

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

  • @_theHavis
    @_theHavis 2 года назад +1

    Your analogy really simplified this for me. Thanks!

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      That’s amazing, thank YOU 🙏🏾

  • @xavi7531
    @xavi7531 2 года назад

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

  • @KiranVarri
    @KiranVarri 3 месяца назад

    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 🪄

  • @Christian-ql4vw
    @Christian-ql4vw 4 месяца назад

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

  • @tfdesign4072
    @tfdesign4072 2 года назад +1

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

  • @aydemironur35
    @aydemironur35 2 года назад

    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
      @WiredtoDesign  2 года назад +1

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

  • @lenzclerger
    @lenzclerger 2 года назад +1

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

    • @WiredtoDesign
      @WiredtoDesign  2 года назад +1

      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! 😄

  • @elnurhajiyev2477
    @elnurhajiyev2477 2 года назад

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

  • @TiffannyDoll
    @TiffannyDoll Год назад +1

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

  • @ayantugaileola5946
    @ayantugaileola5946 2 года назад +1

    Kudos, I love your process of teaching

  • @ezeakorsylviamary7572
    @ezeakorsylviamary7572 2 года назад +1

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

  • @CarringtonLemon
    @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.

  • @wiolasulkowska
    @wiolasulkowska 3 года назад

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

    • @WiredtoDesign
      @WiredtoDesign  3 года назад

      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 🙏🏾

  • @1980nikolov
    @1980nikolov 11 месяцев назад

    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!

  • @mariab2971
    @mariab2971 5 дней назад

    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

  • @Joanne0728
    @Joanne0728 2 года назад

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

  • @OlaNoMe7
    @OlaNoMe7 3 года назад +1

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

    • @WiredtoDesign
      @WiredtoDesign  3 года назад +1

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

  • @muyiwamoses8076
    @muyiwamoses8076 3 года назад

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

  • @cindybarrantescalvo8591
    @cindybarrantescalvo8591 3 года назад

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

    • @WiredtoDesign
      @WiredtoDesign  3 года назад

      Thank you! Happy you found it valuable 🙏🏾😁

  • @Fz92-p3k
    @Fz92-p3k 2 года назад

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

  • @baraan7351
    @baraan7351 2 года назад

    Your explanation is great and easy to understand the point

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      Happy you found it helpful! 🙏🏾 thank you!

  • @purefunguy
    @purefunguy 2 года назад +2

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

  • @Dasein772
    @Dasein772 2 года назад +1

    more videos about the process pls!

  • @kabirroy_music
    @kabirroy_music Год назад +1

    perfect video

  • @juliesz78
    @juliesz78 2 года назад

    Thanks for the video. It's really useful!

  • @mandlarobertmabhena6756
    @mandlarobertmabhena6756 Год назад +4

    Thanks man. Subbed.

  • @hidabe4490
    @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 : )

  • @tcbrooks_06
    @tcbrooks_06 Год назад +2

    Great explanation. Subbed.

  • @jalynknirk3173
    @jalynknirk3173 Год назад

    Thanks you for sharing, I’m learning! ❤

  • @leahthomas8141
    @leahthomas8141 Год назад

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

  • @calblue8694
    @calblue8694 2 года назад +1

    You're SO GOOD!

  • @cjn2109
    @cjn2109 Год назад

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

  • @gerardobustos1
    @gerardobustos1 2 года назад

    great info! Thank you

  • @merealmonster
    @merealmonster 2 года назад

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

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      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.

  • @ragrago
    @ragrago 2 года назад

    Brilliant Video!

  • @erichaft9
    @erichaft9 2 года назад +2

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

  • @mxrtina3846
    @mxrtina3846 2 года назад +1

    Underrated!

    • @mxrtina3846
      @mxrtina3846 2 года назад

      Just subbed, thanks for the video

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      Thank you so much! 🙏🏾❤️

  • @nelsonglendela4624
    @nelsonglendela4624 Год назад +1

    awesome! Thanks!🙏

  • @camillam8315
    @camillam8315 2 года назад

    you are the best bro, thank you very much

  • @akashthapliyal7562
    @akashthapliyal7562 3 года назад

    Learnt a lot. Thanks

  • @bluesoulfulred
    @bluesoulfulred 3 года назад

    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
      @WiredtoDesign  3 года назад +1

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

  • @princechijioke3837
    @princechijioke3837 3 года назад

    Nice video, please make more I love it.

  • @hosseinpourghaemi4600
    @hosseinpourghaemi4600 2 года назад

    Nice! Thank you.

  • @smilli6415
    @smilli6415 3 года назад

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

    • @WiredtoDesign
      @WiredtoDesign  3 года назад

      Absolutely! I’ll add that to my list 😃

  • @thewatchers4102
    @thewatchers4102 2 года назад +1

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

  • @UncleSalie
    @UncleSalie 2 года назад

    Bro you dance with the way you speak ✌🏾️

    • @WiredtoDesign
      @WiredtoDesign  2 года назад +2

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

  • @moncarrasco
    @moncarrasco 2 года назад

    Very usefull; thanks!

  • @darkochazarreta680
    @darkochazarreta680 8 месяцев назад

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

  • @KenWorkProduction
    @KenWorkProduction 2 года назад

    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
      @WiredtoDesign  2 года назад +4

      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! 🙏🏾

  • @noahdiez9400
    @noahdiez9400 2 года назад +2

    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
      @WiredtoDesign  2 года назад +6

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

    • @Funmithedesigner
      @Funmithedesigner 2 года назад +1

      I was also wondering🤣😂🤣

    • @WiredtoDesign
      @WiredtoDesign  2 года назад +1

      @@Funmithedesigner LMAO!

  • @kamalchittaboina9082
    @kamalchittaboina9082 2 месяца назад

    good explanation

  • @MasterAudio56
    @MasterAudio56 2 года назад

    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
      @WiredtoDesign  2 года назад

      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.

  • @PavloTheKorean
    @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
      @WiredtoDesign  Год назад +2

      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
      @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

  • @shailidewangan813
    @shailidewangan813 2 года назад

    3:08 How user flows are used

  • @suniljadhav1889
    @suniljadhav1889 Год назад +2

    Thanx...mentor

  • @irvanmaulana316
    @irvanmaulana316 2 года назад

    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
      @WiredtoDesign  2 года назад +2

      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 🙏🏾

  • @kabiruadediran1796
    @kabiruadediran1796 2 года назад

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

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      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.

  • @doAnn88
    @doAnn88 Год назад

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

    • @WiredtoDesign
      @WiredtoDesign  Год назад +2

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

    • @doAnn88
      @doAnn88 Год назад

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

  • @tour-de-tour
    @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

  • @busimo
    @busimo 3 года назад

    bro, please share your camera and microphone specs

    • @WiredtoDesign
      @WiredtoDesign  3 года назад

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

    • @busimo
      @busimo 3 года назад

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

    • @WiredtoDesign
      @WiredtoDesign  3 года назад +1

      Definitely!

  • @KanakYadav-zt9iu
    @KanakYadav-zt9iu 2 года назад

    Nice

  • @korneliusrnbeck7247
    @korneliusrnbeck7247 Год назад +1

    🙏🙏🙏

  • @AqwaQwakks
    @AqwaQwakks 2 года назад

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

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      Definitely! I have separate videos with live examples. Here's one of User Flows for instance: ruclips.net/video/V6nN3jJMbJY/видео.html

  • @costnnza
    @costnnza 2 года назад +2

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

    • @WiredtoDesign
      @WiredtoDesign  2 года назад +5

      Gangsta accent?! 🤣 best comment ever lol!

    • @karincentenaro356
      @karincentenaro356 2 года назад +2

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

    • @danceaholic90
      @danceaholic90 2 года назад +1

      @@karincentenaro356 thank you so much! 🙏🏾

    • @calblue8694
      @calblue8694 2 года назад

      @@WiredtoDesign 😂😂

  • @cpadgreat3769
    @cpadgreat3769 2 года назад

    I EXPECTED YOU TO SHOW MORE THAN TALKING

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

      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):
      ruclips.net/video/V6nN3jJMbJY/видео.html

  • @chetansilveira8741
    @chetansilveira8741 2 года назад +1

    confused me more

    • @WiredtoDesign
      @WiredtoDesign  2 года назад

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

  • @johncitizen8828
    @johncitizen8828 Год назад +1

    Great content. Thanks!