Six steps of the design process with arrows linking them all in one flow

Design === Engineering => Process

My design process after eight years of testing in the production pipeline

Here’s the main design process I tend to follow:

Getting the right ideas:

Getting the ideas right:

1. Start from the design thinking sessions with stakeholders

There are no bad ideas, so say “Yes, and…” — an essential rule of the brainstorming sessions. Building on top of people ideas is more valuable than picking the brilliant from the crazy.

2. Conduct additional market and user research

The most surprisingly clever ideas come from putting two unrelated concepts together.

3. Define flows

The flow is the heart of the user experience. A good flow has a rhythm and melody and feels just right. The best flows are like music, you can‘t see it, but you can feel it.

4. Wireframe top level flows and key screens

The crude format of the wireframe focuses the discussions on “what” and “why” should go in the layout instead of on “how” things should look like.

5. Implement base flows and interface in a working React app

Example of a functional prototype as a React app in an advanced stage (after few design iterations)

6. The never-ending cycle of iterations keeps looping

I make creative tools for the next generations of product engineers. Co-founder at Views Tools. Full Stack Designer at Greyfinch.