Creating User Flows with Overflow

An integral part of UX design is putting together user flows. The product I work on day-to-day is quite complex, so mapping everything out helps me better plan my designs. Our team uses Overflow to do this, so if you're exploring tools to draft those flow maps, here's a brief demo and review!
Like and subscribe for more design-related content!
Equipment used (affiliate links):
Camera: amzn.to/311XG1r
Lens: amzn.to/3f3ZJu2
Microphone: amzn.to/3eWWpAZ

Пікірлер: 25

  • @keithsweatshop
    @keithsweatshop2 жыл бұрын

    That explanation on user flows and Overflow was fire 🔥Thanks a bunch!

  • @govindrathi778
    @govindrathi7783 жыл бұрын

    Everyone talks about how to make a user flow, but no one was talking about how to make an efficient one. The ideas of keeping a "Key" for reference and overlapping paths were so obvious yet so "Ahaa". Thanks a ton, this was exactly what I was looking for.

  • @paintpops

    @paintpops

    3 жыл бұрын

    Glad you found this helpful!

  • @sidehustlediscovery2285
    @sidehustlediscovery22852 жыл бұрын

    AWESOME explainer! Thank you for taking the time to create this! - Adam M

  • @WORDGASM
    @WORDGASM3 жыл бұрын

    I love your explanation. Helped me alot.

  • @ameereeo
    @ameereeo2 жыл бұрын

    Well explained, even I now know the difference between user flows and wire flows. thanks

  • @nezarfadle7715
    @nezarfadle77152 жыл бұрын

    Great stuff 👍👍 Thank you very much

  • @mdibrahimkhalil1922
    @mdibrahimkhalil19223 жыл бұрын

    very useful content.Many thanks dear

  • @chukwumaudokporo7327
    @chukwumaudokporo73273 жыл бұрын

    Great content 👍. Do you do flows per stories or you create your flowchart for the entire app?

  • @paintpops

    @paintpops

    3 жыл бұрын

    Thank you! I do flows per user story - doing it for the entire app will make things really difficult for the viewer of the flow map to follow!

  • @dubsteppwarrior
    @dubsteppwarrior3 жыл бұрын

    How do you find using a stylus in your work flow ? I thought about getting one for my set up 🤔

  • @paintpops

    @paintpops

    3 жыл бұрын

    I actually used it more when I was doing visual design as an art director. These days it’s mostly used for any work that requires a lot of clicking and dragging, like wireframing and building flow maps. But not used often for research and non-design tasks.

  • @richiechan929
    @richiechan929 Жыл бұрын

    question: at 17:11 for example, how do you do this presentation in overflow where you integrate your imported figma frames with the user flow that you earlier created? thanks in advance!

  • @paintpops

    @paintpops

    Жыл бұрын

    There is an Overflow plugin for Figma! Just select the frames you want to import in Figma, run the plugin while Overflow is open, and it will appear on your flow map. One thing to note is that if you want to just update a frame within Overflow, make sure the name of the frame in Figma and Overflow matches.

  • @josepalacios2344
    @josepalacios23443 жыл бұрын

    Can you show us your process on figma... It would be great

  • @paintpops

    @paintpops

    3 жыл бұрын

    Will consider doing that in a future video when I have a project in mind!

  • @hilaryjoyce8532
    @hilaryjoyce8532 Жыл бұрын

    Hi just curious what is the stylus and board you use? thxx

  • @paintpops

    @paintpops

    Жыл бұрын

    I use a Wacom Intuous Medium tablet, but it's a pretty old model, so I'm sure they have updated versions by now!

  • @iamthekwan
    @iamthekwan2 жыл бұрын

    8:05 Sorry I'm confused, do you mean it's easier to draw arrows an connections with Figma or with Overflow?

  • @paintpops

    @paintpops

    2 жыл бұрын

    With Overflow!

  • @iamthekwan

    @iamthekwan

    2 жыл бұрын

    @@paintpops ah thanks! Makes more sense now :D

  • @prajwalsharma2794
    @prajwalsharma2794 Жыл бұрын

    How many user flow diagrams should I make if I am just starting on a project. For example I am creating an ecommerce website. One is for onboarding experience. One is for checkout process. Should we create as many user flow diagrams as possible or we should make user flow diagrams for most important actions only?

  • @paintpops

    @paintpops

    Жыл бұрын

    I would start with the most important/major user stories, but it's also good practice to document the other flows as well so your team is aligned on how your product is used as a whole!

  • @prajwalsharma2794

    @prajwalsharma2794

    Жыл бұрын

    @@paintpops Thanks a lot for replying. Really appreciate it.

  • @snaakie
    @snaakie Жыл бұрын

    Overflow was great at first when it was simple, but it has become worse over time. The added features often add very little functionality. For example they decided to add comments, great! But then they make sure that you can only use them after creating artboards which are annoying and timeconsuming...