🏗️

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