🏗️

Flowchart

Flowcharts are the most efficient way to transform complex scenarios into a crystal clear representation.

Flowcharts are required when the product is too complex to imagine, or simply to make sure you don't miss any ...

🕳️
Corner cases

Example of a flowchart to guides users at the launch of an app.
Example of a flowchart to guides users at the launch of an app.

How do I create a flowchart?

Simply focus on the following attributes

  1. Start with a rectangle
    • That will be you initial state
    • Everything will start from here
  2. Create a first diamond below your rectangle
    • That is a decision box
    • Find out what's the most higher-level decision that needs to happen in order to cascade to all your following complexity
    • Phrase it as a question that can be answered by YES or NO (super important to reduce complexity)
  3. Create two arrows from that diamond
    • The arrow on the bottom is always your YES answer
    • The arrow on the right is always your NO answer
    • Create their following boxes (diamond or rectangle)
  4. Simplify the view
    • It's always hard for me to map things perfectly from the first draft
    • Make sure its logic is as simple as it can be
    • Share it around you and see if its as understandable as you thought
    • Iterate

Focusing on diamond + rectangle at the beginning help you archive 80% of the complexity.

If you're stuck in the complexity, I encourage you to dive deeper when your project requires so.

Next up

💫
Interactions

Dive deeper