Headshot: Keith Nickas

Keith Nickas

Seasoned Software Engineer

Deem Flight Results Prototype

Challenge:
Provide an experience that surfaces pertinent information in a simplistic, cohesive manner which minimizes any potential confusion and the intent of the information is to direct the user to make the appropriate choices based on corporate and personal needs.

Other challenges:
Display Complex flights where more than one connection, multiple carriers, or flight tiers could be displayed within a single flight object.

Requirements:
Encompass all existing features of the flight application, specifically surrounding fare tiers, policy, dynamic filtering, and fare comparison.

Research:
Reviewed Google Flights, American, Alaska, Southwest, Delta, and United airlines' customer-facing websites. Additionally, reviewed third-party consumer sites such as Expedia, Kayak, Kiwi, and others to gain further insight into the user experience.

Wireframes

Component

Research cues are from Google, Delta and Alaska that inspired the final design.

Filters UX: Add option for displaying fare tier, stops, flight times, and, other filter options that could be configured to be displayed above the flight objects. The chevron icons (< / >) are used for stepping of predefined values. The user also has the option to select the filter when hovering the filter title to expand the available options.
Use Case: When a user has selected a stepping, all the flight objects would update to display the appropriate options. Let’s say the user has used Flight Times, which is stepped (up or down), the flight objects that match that stepping would be displayed and others not matching would be hidden from view.
Flight Object UX: In this view you see informational icons, textual color treatments such as a different arrival airport (orange) than originally searched for, out of policy (red ban icon), extended layover (warning icon) and related details would be indicated below.

Enhancements:
Add an option for displaying fare tier “tab” upfront. Two styles were developed based on input from stakeholders.

  1. To display the pertinent flight object info, and then displaying available flight tiers below.
  2. Display flight tiers at the top by maintaining the existing experience.
  3. Increase separation of the flight objects, while maintaining the ability to show more options to the user to reduce scrolling through multiple pages of results.

Schedule a chat