True Fly

True Fly

A new way of booking air travel

Airline travel is a massive industry with multiple airlines vying for user's attention (and fares). However, the vast majority of airline websites and apps are sorely lacking in good user experiences. Startup airline True Fly aims to use great design and a user centric approach to gain advantage over much larger, bureaucratic airlines.

  • Client: UX Training Institute (Course Project)
  • Role: UI & UX Designer
  • Tools: Pen & Paper, Camtasia, Reflector, SurveyMonkey, Sketch, InVision

Overview

Startup airline True Fly requires a website and mobile app. The goal is to gain market share through utiilising a user centric approach and dispensing with the frustrations users frequently experience on larger, more bureaucratic airline sites.

The project focuses primarily on the airline booking procedure and endeavours to identify key weaknesses and frustrations encountered by users in the process and remedy these.

The method by which users search for, find, book and pay for flights will be investigated and documented. Utilising this research and analysis, a working protoype - along with an accompanying set of wireframes - will be designed and developed.


The future

Will future airline travelers have a good user experience?

Scope & Constraints

This project duration is six months with monthly deadlines.

As it is a student project, the limitiations are obviously far less stringent than a real life client project. New sections will be added as the various course stages are completed over the coming months with a projected completion date of March 2019.

My Role

My role in this project is that of the lead (and only!) UX Designer. I completed all activites in the UX project cycle in a solo capacity- from research to design to prototyping. This has resulted in the accumulation of a huge amount of knowledge and many new skills such as;

  • User research including identifying suitable users, usability testing, carrying out user interviews and user surveys
  • Competitive analysis and benchmarking
  • Research analysis including affinity and user journey mapping

The Process

01 / User Research

Users & Audience

Airline users are a very broad demographic encompassing everyone from old Mrs. Jenkins down the road who is off to visit her little Sally in Australia for Christmas (first time on a plane would you believe, now, what's this deep thrombosis lark all about?) to Frederick "Feddy J" Jones - top DJ extraordinaire who thinks of VIP lounges as his second home and schedules his airport arrival to the latest possible second.

In many ways, this makes the project more challenging as there is not a clearly defined target audience. Accessibility and ease of use is clearly of the utmost consideration throughout the project cycle to cater for a wide range of abilities and profiles.

User Survey

A user survey was devised and dispatched to a wide range of participants. The purpose of the survey was to learn more about the goals of people who use airline websites and apps. 29 responses were received with many offering valuable insights into the mindset of the airline user. Some interesting patterns that emerged are noted below:

  • Comparative websites were highly rated with 89% utilising them on a regular basis
  • Airline sites and apps are frequented regularly - 82% of respondents had visited in the last 4 weeks
  • Laptops or desktops were the device of choice for 58% with 24% opting for their mobile phone and 13% preferring a tablet

Usability Tests & User Interviews

A recruitment screener was devised to select appropriate users for the usability tests and interviews. Requirements included the booking of a flight in the three months prior to the tests and using the internet on a regular basis.

The usability tests consisted of comparative studies of airline websites and apps. The research objective was to learn about the goals, behaviours and context of airline customers when booking flights.

This (airline) actually recognises that customers are human.

User interviews were also completed with the objective of learning more about the context of use of people that use airline websites and apps.

I check in online, sit wherever there's a seat and take minimal baggage.

Competitive Benchmarking

In-depth analysis of four well regarded competitor sites and apps revealed a wealth of information about best practices and unearthed some unexpected discrepancies also. This analysis will prove invaluable at the design stage of the process.

User Research Results

The results of this research were intriguing. Every user - even the most tech savvy, well travelled of them - encountered frustrations and obstacles during the booking process.

  • 100% of the participants in the usabilty tests encountered problems during the booking process of unfamiliar websites or apps
  • Some insightful comments and views were unearthed during the process such as the opinion that airline sites should function in the same manner as e-commerce sites
  • Depth interviews revealed that users tend to stick with what they know and also employ the use of comparative websites frequently due to their user friendliness
Why do they think they are difference from any other e-commerce website? (The process) shouldn't be any different from buying a jumper.

02 / User Goals

All of the user research was analysed and documented in detail. This material will serve as a constant reference point throughout the remainder of the project and inform all phases of the design stage.

Affinity Diagram

On completion of the initial user research phase, the results were assimilated and used to create an affinity diagram.


Affinity diagram


Post-its were used to highlight user insights and then organised into categories, detailing particular pain points and user insights. The results are detailed in the "Defining the Problem" section.

Post its


User Journey Map

Further analysis of the user research results allowed for the development of a user journey map.

User journey

User journey map (not shown: detailed points regarding goals, behaviours, context and pain points)


The above diagram highlights the users emotions at various stages of the process. It is clear that sections that require customer input are unsatisfactory.

It should say whether seat selection is mandatory or not.

03 / Defining the Problem

The affinity diagram and user journey map led to the identification of clear primary pain points in the user airline booking journey:

  • Frustration when inputting data. This emerged as a significant annoyance for the majority of users
  • Confusion during the flight selection process as to how to proceed or how the flights were organised - this was particularly evident on multiple flight option or transatlantic flights involving stopovers
  • Pricing transparency - users wanted to know full price earlier in process and weren't always certain if price was per person or if extras were included. They also wanted to see the prices of flights close to their selected dates easily. A particular sore point was fees and charges etc being added at the checkout stage
  • Language and communication issues - the majority of users struggled with the language used by airlines and the stage they were at in the process. There was also a lack of feedback from the airline with regard to error messages or not being able to fly on a particular date. The copy often wasn't adequetely guiding them through the booking screens
Concerned I haven't booked what I think I've booked.

User Flow Diagram

Detailed flow diagrams were created to illustrate the primary user flow (and potential secondary paths) through both the desktop website and mobile app booking processes - from the moment they enter the website to the end point of the booking process when payment has been confirmed.

User flow diagram

"Add Passengers" section from the mobile user flow diagram


User flow diagram

"Choose Add-ons" section from the mobile user flow diagram


The above sections demonstrate the user flow through the passenger and add-on sections of the booking process. These have specifically been shown as they differ a little from the typical booking process flow. The "add passenger" has a conversation with the (logged in) user and asks a few direct questions to establish who is travelling. Traveller details and contact details are autofilled based on the results of this conversation. The "add-ons" section puts the user in control. Rather than forcing users through all the add-on options to get to the payment point, again, a conversation is initiated asking the user which add-ons they want - if any.

Next up: Wireframing and prototyping! Then onto the branding and UI portion. Woohoo!

Have a project in mind? Get in touch at hello@katemc.com