<?xml version="1.0" encoding="utf-8"?>

Step 9: Connect the screens to create a flow

Step 9: Connect the screens to create a flow Bad Practice
Step 9: Connect the screens to create a flow Best Practice

It's possible to ship your design as a collection of individual screens. But a better option is to create a wireflow.[1]

There are several benefits of creating a wireflow:

  • Flows are easier for the team to understand as they show interactions. Arrows as visual instruments work better than lengthy descriptions.
  • Creating flows makes you think about the app's functionality as a whole. For example, you might realize that it takes a few seconds to fetch search results, and you'd need to design an extra state or loading screen.

Pro Tip: Giving each screen a reference number makes it much easier to discuss them with team members or stakeholders.

Improve your UX & Product skills with interactive courses that actually work