Two mobile mockup design interface

Overview

The company wanted to create a new flight booking mobile app for clients. Clients would use the app to book flights, check flight status, and manage their travel itineraries. The app would also have a dashboard for operators, where they could manage flight schedules, track passenger data, and generate reports.

My Role

I was responsible for all aspects of the UX design for the delivery mobile app project. I worked closely with the development team to ensure that the design was implemented correctly.

Timeline

6 Weeks

Design Process

Based on our research, we developed a design process that would allow us to create a user-friendly and efficient flight booking app for both operators and clients. The process included the following steps:

  • Discovery: Conducted extensive research into the flight booking industry and analyzed user behavior and preferences through user research, user testing, and analysis of existing data and industry trends.
  • Branding: Developed a brand identity that would resonate with users and reflect the app’s mission and values, including designing a logo, color scheme, typography, and other visual elements that would create a consistent brand image across all touchpoints.
  • Prototyping: Developed interactive prototypes to test the app’s functionality and user experience, making iterative design changes based on user feedback.
  • Collaboration: Worked closely with developers and stakeholders throughout the design process to ensure that the final product was technically feasible and met the needs of both users and stakeholders.
  • User Testing: Conducted user testing to gather feedback and insights, making iterative design changes based on user feedback to optimize the user experience.

01

Problem

Many people are not aware of the local flights available to them and often opt to use road transport instead. This is due to a lack of information about local flights, as well as the perception that they are more expensive than road transport. As a result, flights are often empty, and airlines are losing money.

Problem statement questions on a table.
Solution table answers from the problem statement.

Solution

A local flight booking app would be a solution to these problems. The app would make it easier for operators to sell their excess seats and for clients to book local flights. This would save both operators and clients time and money.

02

Research Questions and Prioritization chat.

Research Questions

I facilitated user interview questions by first creating a list of potential questions. I then worked with my team to prioritize these questions, ranking them in order of importance. Once the questions were prioritized, I created a user interview guide outlining the questions each user would ask.

I used the prioritization matrix during the user interviews to help guide the conversation. The prioritization matrix helped me to focus on the most critical questions and to avoid asking questions that were not as important. It also helped me to keep the user interviews on track and to avoid going off on tangents.

Information Architecture

We began to brainstorm potential information architecture solutions. We considered a variety of factors, such as the user’s goals, the tasks they need to complete, and the information they need to access. We also considered the technical constraints of the app, such as the platform, the available data, and the budget.

After brainstorming, we evaluated our ideas and selected the best solution. We iterated on our design based on user feedback until we were confident that we had created a user-friendly information architecture.

Sticky Notes on a wall.
Sitemap of the mobile app

Sitemap

I was responsible for creating a user-friendly and intuitive interface for both the client and operator sides of the app. I worked closely with developers and other stakeholders to ensure that the app met the needs of all users. I also created the sitemap for the app, which provided a high-level overview of the features and functionality of the app. This sitemap was used to help developers and stakeholders understand the flow of the app and how users will interact with it.

Home Screen

The home screen is designed to be visually appealing and engaging, focusing on using clear and concise language. The colors and fonts are chosen to be easy on the eye, and the overall design is clean and uncluttered.

Mobile mockup design interface with text describing the interface

Bookings

The bookings page aims to provide users with a quick and easy way to view their upcoming and past flights. The bookings page is also designed to encourage users to manage their bookings and make changes as needed.

Mobile mockup design interface with text describing the interface

Search

The expanded search is a feature that allows users to enter more detailed search criteria. This can help users find the best flight deals and book the perfect travel experience.

Mobile mockup design interface with text describing the interface

Light Mode

The light mode provides a calming and intuitive interface for users who prefer a more traditional and straightforward look. The design features a light background and simple easy-to-read typography with a color scheme incorporating shades of blue, orange, and red to evoke a sense of calmness and trust. 

Dark Mode

The dark mode offers a more sophisticated and luxurious interface for users who prefer a modern and chic look. The design features a dark background and bold typography with a color scheme incorporating shades of orange, red, and grey to create a sense of exclusivity and luxury.

Mobile mockup design interface designs with light mode and dark mode.
Usability testing table with both the operator and client feedback.

Usability Testing

I conducted usability testing with potential users of the local flight booking app. I asked them to complete a series of tasks, such as searching for flights, booking flights, and managing their flight bookings. I observed them as they completed these tasks and recorded their thoughts and feedback.

My findings from the usability testing were that the app was generally easy to use. However, there were a few areas that could be improved. For example, some users found it difficult to find the information they were looking for. Others had trouble booking flights.

03

Challenges 

I faced a number of challenges during the development of the flight booking mobile app. These challenges included:

  • Balancing the needs of users and the business: The business wanted to create an app that would generate revenue, while users wanted an app that was easy to use and efficient. I had to find a way to balance these two needs.
  • Creating a user-friendly interface: The app had to be easy to use for both experienced and inexperienced users. I had to create a simple and intuitive interface that would allow users to find what they were looking for quickly and easily.
  • Making the app visually appealing: The app had to be visually appealing and engaging. I had to use colors, fonts, and images that would appeal to users and make them want to use the app.
  • Testing the app thoroughly: The app had to be thoroughly tested to make sure that it was free of errors. I had to conduct a number of user tests to get feedback on the app’s design and functionality.

04

Solutions

  • Understand the needs of users: I conducted user research to understand the needs of users. This included interviewing potential users, completing surveys, and observing users interacting with existing flight booking apps.
  • Iterate on the design: I iterated on the design of the app multiple times to ensure that it met the needs of users and the business. This involved conducting user tests and getting feedback from users.
  • Use clear and concise language: I used clear and concise language in the app’s interface. This made it easy for users to understand what the app was doing and how to use it.
  • Use visual cues: I used visual cues to help users understand the app’s interface. This included using icons, color coding, and labels.
  • Keep the app’s design consistent: I kept the app’s design consistent throughout the app. This made the app more visually appealing and engaging.
  • Conduct user tests: I conducted user tests to get feedback on the app’s design and functionality. This helped me to identify and fix any problems with the app.
  • Iterate on the design based on feedback: I iterated on the design of the app based on feedback from users. This ensured that the app was user-friendly and met the needs of users.

04

Learnings from Developers

I learned a lot about the development process and how to work more effectively with developers. Here are some of the key learnings:

  • Communication is key. It is essential to communicate clearly with developers about your design ideas and to get their feedback early and often. This will help avoid surprises and ensure that your designs are feasible to build.
  • Be flexible. The development process is often iterative. This means your designs may need to be adapted as the development progresses. It is essential to be flexible and willing to make changes as needed.
  • Be patient. Building software takes time. It is essential to be patient with the development process and to understand that there will be setbacks along the way.

I am grateful for the opportunity to have worked with developers on this project. I learned a lot and I am confident that I can use what I learned to be a more effective UX designer in the future.