Find connecting flight with suitable layover

Use Case: The user is booking a connecting flight on the Condor app, aiming to find an option with the most suitable layovers.

Problem: The app's interface makes it unclear where to find detailed information about the flights. A small inscription labeled “Flight details” provides crucial information about connecting airports and layover durations, but it does not appear clickable or intuitive to the user. This is further exacerbated by its placement next to large, attention-grabbing radio buttons for tariff selection, which overshadow the importance of the “Flight details” link. As a result, users may overlook or struggle to access essential information needed to make informed decisions about their booking. This lack of clarity increases cognitive effort and risks frustrating users during the process.

Annotated screencast:

Condor. Choose the connecting flight with the suitable layover

Best Practice: The American Airlines app provides a clear and intuitive approach to accessing additional flight information. On the search results page, each flight is displayed in a compact, well-structured layout with distinct boundaries, making it easy for users to visually differentiate between options.

For each flight, there is a prominently displayed “Details” button located directly below the essential flight information. This button is highlighted in a contrasting color, immediately signaling its interactivity to users. The minimalistic design ensures that additional elements, such as fare selection options, are reserved for the subsequent step, preventing unnecessary distraction and allowing users to focus on the task at hand.

This clear and concise layout guides users through the booking process efficiently, making it easy for them to explore important flight details before proceeding further.

image (1).png

image (2).png

Original screencast:

Condor. Choose the connecting flight with the suitable layover