Departing Flight

Ensuring users can quickly identify the most suitable flights while minimizing cognitive load during the selection process.

In this page
Jan 30th, 2025

Flight Listings

Primary Interface

Flight listings is where users can evaluate and compare available flight options based on their preferences and needs. Their purpose is to:

  • Provide a comprehensive overview of all relevant flights.
  • Allow users to compare key details to make informed decisions.
  • Enable users to quickly identify and select the best flight.
See Design Specs
Jan 30th, 2025

Flight Details

Comprehensive Information

By revealing critical details such as layover durations, stop locations, and fare options, the expanded view builds trust and ensures users feel confident in their selection.

Expanded View

The expandable structure keeps the initial listing clean and easy to scan, displaying only high‐level details. Users can choose to view additional information only when they need it, reducing cognitive load.

See Design Specs
April 11th, 2025

Mixed‐Cabin

Flight Segment with a Class Change between Stops

When different legs of a journey are booked in different cabin classes. For example, your flight involves two legs:

  • Leg 1: Premium class
  • Leg 2: Economy class

The change in class between these legs is an example of a mixed‐cabin flight which can occur due to availability, pricing, or passenger preference.

Suggest Approach

To set expectations upfront and avoid confusion when they see different classes for each segment (or leg) of the journey:

  • UI/Label → Mixed‐Cabin
  • Paragraphs/Text → mixed‐cabin
Specs: Expanded Flight Listing Specs: Flight Listings