Designing a more streamlined flight booking system for FlyUS

5 min read

Role

Senior UX Designer

Services

Wireframing, UX Research, Journey Mapping, Usability Testing

Background of the project

Many airlines booking apps are often well intentionally designed, but because the process can be pretty complex, the user can often become confused. I undertook my own project to look at common user pain points and address them head-on. This began with detailed research into existing solutions, usability testing, surveys, and in-depth interviews to uncover the most pressing problems. Finally, I wanted to validate my research by developing my own solution into a final mobile app and to hone my UI skills using Figma.

As part of a commitment to designing a better UX for flight booking apps, I took it upon myself to act as the lead UX designer and manage the overall UX end-to-end process of empathy, research, ideation, and user testing to develop a more improved solution.

Project goals

I wanted to focus on solving particular pain points experienced when booking a flight from Vienna to Dubai for a vacation for myself. Furthermore, to take full ownership of the various roles involved in designing a mobile app such as user research, user experience designer, and product designer.

Understanding the market

I wanted to plan a holiday to Dubai, so I began by conducting a competitive analysis of how other airlines managed their booking process with flights from Vienna to Dubai. I chose Austrian Airlines, Emirates, and Skyscanner, two of which are the most common airlines for flights to this destination. Skyscanner is an aggregator where you can choose/select flights from multiple different airlines.  Each site solved the situation slightly differently but Emirates had a similar and consistent approach. 

Speaking to users of travel/flight booking apps

I wanted to interview a small pool of people whom I know travel quite regularly to try to understand the various stages taken when booking a flight. I spent time with 6 different people aged between 25 and 45 and asked them to walk me through each individual step when booking a flight.

"More transparency needed during the booking process. For example 'Ryanair often pre checks certain items in it's up selling section of the website such as hotels, car hire options etc. If you are not careful you could easily click through this and miss these options, therefore paying for something you don't need."
Mentioned by multiple sources
Consumers

Results analysis with Affinity Mapping

After my research, I began with affinity mapping to piece together the main parts of the puzzle. It was at this stage that I discovered that although in 70-80% of cases, most airline apps were doing a great job, there is still room for improvement.

Mapping out the customer journey

I also wanted to draw up a customer journey map to depict the different stages a customer goes through when interacting with the application or website. I wanted to implement this into my study to completely understand the main flow that users follow when searching for and booking flights. An example of this can be seen below and later helped me develop a better user flow.

Low fidelity wireframes

Once I had a clear understanding of the user flow, I began to sketch some low-fidelity mock-ups to get an idea of how each element should be laid out on the screen and to further understand the flow of the app.

Suggestions & redesigns

The app went through several iterations and A/B tests with my users to ensure the flow worked, but more critically address key points that came up during the research phase. Not only is the design clearer and easier to navigate but at any stage of the flow, it should be easy and intuitive enough to know where to go if there are any misunderstandings. Furthermore, a more intuitive date picker feature was integrated to make selecting a date easier for the user.

Were the desired changes achieved?

Based on research carried out once the wireframes had been drawn up:

  • 5/6 found the hamburger navigation easier to use and access, especially if they needed help at any stage of the flow.
  • 6/6 feel it is now easier to insert the passenger information, such as phone no. etc.
  • 5/6 appreciate more payment options with Apple and Google Pay.
  • 6/6 appreciated the clear graphical designs making it clear in the menu section where to go.
  • 4/6 appreciated the possibility of ‘skipping’ further travel options.

Outcome & lessons learned

For me, it was great to understand that even the most simple functions in a flight booking process can easily be overlooked. The user research phase was also a good chance for me to go deeper and take the time to carefully listen to each of the user’s pain points and frustrations.

What I feel went well was working with Figma. This project really allowed me to hone my UI skills and get more experience with software that I want to work with and continue to get better at. 

What I feel could be improved: My research. I felt I understood user pain points but need to back up my points more, perhaps with different research processes and more varied research models. This is something I am interested in continuing to expand on.

Scroll to Top