UX Challenges

User Flow

User Flow User Flow

Scenario

You're a UX designer at a startup that is making a new mobile grocery delivery app (Instacart is a competitor).

It's the beginning stages of designing the app. You need to plan out the flow for how a user submits a delivery order, which you will then present to your team.

Task

Create a user flow for the entire process of creating and submitting a grocery delivery: selecting a nearby store, adding food products to the cart, checking out, and choosing a delivery time.

Extra Credit: Make a second user flow for the process of adding a new payment method or re-ordering an order the user has submitted in the past.

Tutorials

If you need help with this challenge, check out our hand-picked tutorial recommendations.

The How (and Why) of User Flows

uxtools.co

Complete Guide to User Flows

justinmind.com

Flow Design Processes

interaction-design.org

User Flow Tutorial

youtube.com

Tools

Not sure which tools to use? Try one of these.

Figma

figma.com

Miro

miro.com

Overflow

overflow.io

Share Your Results

When you finish the challenge, post your work on Twitter and we'll give you feedback! Be sure to use the hashtag #uxtoolschallenges and tag our account @uxtoolsco. We'll keep an eye out and repost good examples on a regular basis.

We're also building a new paid community for designers where you'll be able to get even more feedback. See more details.

More Challenges

Wireframe
User Persona
Diary Study

 All Challenges

Download hi-res versions of the cards

Join 12k+ other newsletter subscribers and get a PDF download of all the cards. You'll also stay up to date with our latest UX tutorials and launches.

    Email newsletter signup