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
That explanation on user flows and Overflow was fire 🔥Thanks a bunch!
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
3 жыл бұрын
Glad you found this helpful!
AWESOME explainer! Thank you for taking the time to create this! - Adam M
I love your explanation. Helped me alot.
Well explained, even I now know the difference between user flows and wire flows. thanks
Great stuff 👍👍 Thank you very much
very useful content.Many thanks dear
Great content 👍. Do you do flows per stories or you create your flowchart for the entire app?
@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!
How do you find using a stylus in your work flow ? I thought about getting one for my set up 🤔
@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.
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
Жыл бұрын
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.
Can you show us your process on figma... It would be great
@paintpops
3 жыл бұрын
Will consider doing that in a future video when I have a project in mind!
Hi just curious what is the stylus and board you use? thxx
@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!
8:05 Sorry I'm confused, do you mean it's easier to draw arrows an connections with Figma or with Overflow?
@paintpops
2 жыл бұрын
With Overflow!
@iamthekwan
2 жыл бұрын
@@paintpops ah thanks! Makes more sense now :D
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
Жыл бұрын
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
Жыл бұрын
@@paintpops Thanks a lot for replying. Really appreciate it.
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...