How to create a simple UX flow

In my recent post on How to Work with Designers, I suggested providing simple UX flows to designers along with your product asks. In this post, I'll teach you how to create this flow. It's soooo easy!

A simple flow chart is worth a thousand words. Sometimes, literally thousands of words. I have seen product managers and business analysts write many, many, many words to describe a requirement that I was able to clearly detail in 4 or 5 boxes of a simple UX flow. 

UXFlow.jpg

Also - designers are visual people. That's why they're... designers. If you can convey an idea or an ask in a visual manner rather than a bunch of words, they will tend to be more receptive, and, in my experience, require less clarification to understand the ask.

Steps to create a simple UX flow: 

1. Decide on a tool to create the flow.

If you're a PC person, you can use Visio. I use LucidChart.com - not necessarily because it's the best tool out there, but because I've used it for years, and really you do not need a complex tool to create a simple flow chart.

2. Write down steps of your flow.

Let's say your design ask is wireframes for an event registration process. Your designers need to know - what steps is the user going through? This is only to serve as a starting point, and will change throughout the process of working with your design team.

This step may seem simple, but writing down the step-by-step process forces you to think through the requirement, and may bring up questions you'll need to clarify.

 

3. Open up your tool, insert the steps in order.

Use rectangles for steps. Use diamonds for decisions. Here's what I threw together for a fictitious event registration feature. See how simple this can be?

4. Save and send.

Send to designers as a jpg or png as a default. If they want it in another format, they'll ask.