Flow Sketch

Once happy with my sketch I create a digital in Figma including headings bullet points and side notes for the next stage of Interaction Design.

Click here to see more details of the Fly Fare flow (sketch and Figma).

< Design

Process

The first step was to review every screen and interaction required to move through the process of booking a flight (referring to our affinity diagram and customer journey map) considering all the different pain points that we wanted to avoid and positive interactions that we wanted to include.

It helped to look back at the competitive benchmark screenshots to recall the interactions and how they worked especially if there was something I wanted to emulate in my system.

I roughly sketch screens and interaction (with pencil), colour coding the different stages of the process. Working with pencil speeds up my thinking, iterate ideas many times and make quick side notes.