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

Wireflow creation process

Wireflow creation process Bad Practice
Wireflow creation process Best Practice

Creating effective wireflows follows a structured process.

Let's walk through the steps using a mobile app signup flow as an example:

  1. Start by describing the need and problem in a user story. For signup, this might be: "As a new user, I want to create an account so I can access personalized features."
  2. Next, identify the key screens by thinking in terms of starting and ending points. The starting point might be the login page, and the ending point is the welcome screen.
  3. Finally, connect the screens with arrows in the order users move forward. You can include decision points showing what happens in different cases, like when a user forgets their password or enters an invalid email.[1]
Improve your UX & Product skills with interactive courses that actually work