Skip to content
codemaxxing.io

started by Marlow and Angus

Notes18

note 18

User flows

A user flow is the path a real person takes to get something done. Not a page. Not a feature list. The steps, in order.

  1. 01

    What it is

    Someone wants a result. A flow is how they get there: open this, tap that, finish. If you cannot say the steps out loud, you do not have a flow yet.

  2. 02

    Why write them down

    You stop arguing about pages and start arguing about jobs. You can score a path: is it easy, is it good. You can fix the path without rebuilding the whole site.

    If the important paths are mushy in your head, the site will feel mushy too.

  3. 03

    Good ones

    Short. Ordered. A real person. A clear finish.

    • Title

      Join a game

      Instructions

      1. Open the site
      2. Tap Games
      3. Pick a game
      4. Join
      5. See you are in

      Why it's good

      • One clear job
      • Steps in order
      • You know when it is done
    • Title

      Post a score

      Instructions

      1. Finish playing
      2. Tap Save score
      3. Type your name
      4. Hit Send
      5. See it on the board

      Why it's good

      • Starts after a real moment
      • Each step is something you do
      • Ends with a clear result on screen
    • Title

      Find a friend

      Instructions

      1. Land on home
      2. Open Friends
      3. Search a name
      4. Open their page

      Why it's good

      • A real person could walk it with a finger
      • No mushy words
      • One finish: their page is open
  4. 04

    Bad ones

    A page name, a vibe, or the whole product. None of those are a path.

    • Title

      A page name

      Instructions

      1. The homepage

      Why it's bad

      • Names a place, not a path
      • No steps
      • No finish — what does someone do there?
    • Title

      A vibe

      Instructions

      1. Users engage

      Why it's bad

      • Sounds fancy, means nothing
      • No real actions
      • No way to tell when it worked
    • Title

      The whole app

      Instructions

      1. Use the app

      Why it's bad

      • Every path at once
      • Too big to score or fix
      • Pick one job and write its steps

If you cannot walk the steps with your finger on the screen, rewrite the flow until you can.