This project was my case study submission to the UX Design Institute for my professional diploma in UX Design. The goal of the project was to create an easy and smooth journey to booking flights online for a new airline. After conducting all the necessary steps in the UX Design process a suitable and clear journey for the user would be guaranteed.
ClientUX Design InstituteServicesResearch, Analysis, Interaction Design, PrototypeToolsMiro, FigmaYear2022LinkPrototype
The research phase was used to define the problem and was broken into four sections: Competitive Benchmarking, Online Surveys, Note taking, and Usability Testing.
The first step in developing a solution was to do a Competitive Benchmarking exercise. For this exercise I wanted to focus on four main aspects:
During this exercise a list of best-in-class airlines was chosen, locally and internationally as well as an aggregator website. Airlines selected kulula.com, safari.com, virginaustralia.com, and travelstart.com.
Key findings:
A combination of structured and unstructured questions was used to gather quantitative and qualitative data to get a better understanding of the general behavior of users when going through the process of booking flights, their goals, and whether anything is preventing them from doing so.
Goals
Behavior
Context
More than half of the respondents (68%) visited an Airline booking website or app in the 4 months. 16% of respondents haven’t visited an airline booking site in the last 12 months because of the pandemic. Suggestions of improvements varied but most respondents would like to see a better calendar view when selecting flights with a filter to showcase cheaper options first. Pricing is very important to the user. Most respondents weren’t sure about the added extras and felt it was confusing at times.
More than half of the respondents 55% went to look for flights on the airline website/app itself while 45% went to look on aggregator websites.
Three usability tests were conducted to gain rich insights directly from three users. These insights would become helpful in making design decisions later in the project to design a better product.
Objectives:
Key takeaways:
After gathering all the research data, it was time to analyze all the data to clearly articulate the problems I’m attempting to solve. Through using techniques such as Affinity Diagrams and Customer Journey Mapping I was truly able to understand the problem at hand.
This was an important step in organizing the raw data. It allowed me to sort through all the qualitative data and get to the root of my findings.
After reviewing the data, I made notes on post-its by only writing an observation per post-it. These observations were then organized into groups to better understand the user pain points in the booking process.
I used the notes gathered from the high-level grouping in the Affinity Diagram and from the Usability Tests to assess the customers’ experience and provide a measurement based on their mood during the booking process.
The design models did not always match the mental models of the user and caused some friction during the booking process. Through creating a customer journey map, it was clear some improvements could be made to make the booking process easier for the user.
After analyzing all the data from the research phase, it is time to look at the design and to fix the issues pick up from the analysis. Steps taken during the design phase: Flow Diagram, Interaction Design, Prototyping, and Annotations.
The first step in the design process was to know how the user will navigate through the booking process to achieve their goals in the simplest way. This also helped in visualizing where a screen sits in the site architecture and how a user will navigate to reach it.
In order to create the flow diagram I focussed on the issues highlighted in earlier stages and based it on the most common use case followed by an easier path.
A lot of work has gone into understanding and articulating the problem at hand and it was now time to start solving the problem.
Following on from the user journey, and revisiting the customer journey map and affinity diagram I created sketches in the form of low-fidelity wireframes. This helped me to create a visual hierarchy of each page and address any pain points. A few iterations were made to these sketches to find a solution.
After sketching out the different screens I transferred them to digital format in Figma. Medium-fidelity prototypes were designed and refined to enhance the experience.
Usability testing was performed on the prototype and further iterations were made to the prototype.
The last step in the UX Process was to break down each screen and component with detailed notes for the developers on how it should function. This would help the developers build a fully functional product.
UX Design is a problem-solving discipline with Research being the most important process. Without the appropriate research and analysis, it is hard to make the correct design decisions you can’t rely only on assumptions. Fully understanding the users’ pain points, mental models, goals, behaviors, and context of use are invaluable in the design process.
UX design never ends and is a continuous process to make a product better.