Travel UI design can be a hard nut to crack, especially when it comes to conversions. Our recent analysis of 2,100 Million visitor sessions across several verticals found that travel and tourism has one of the lowest mobile conversion rates of all sectors (0.90% average).
Desktop reigns over mobile within this sector on every performance metric, touting higher conversion rates: 2.90% vs 0.90% on mobile, and average cart values $1,860 vs. $1,790 on mobile.
Visitors spend almost double the amount of time on desktop as they do on mobile sites — 6 minutes 4 seconds on average, suggesting a less than optimized experience. The bounce rate appears to confirm this story, with a considerably higher rate of bounces on mobile than on desktop visitors bounce less, bearing a bounce rate of 39.80% (45.70% versus 39.80%).
It is clear that even in this mobile-first age, booking an international flight or a train ticket on your smartphone phone may still be far from being user-friendly, let alone instinctive. Since travelers are largely defined by their mobility, developing headache-free solutions is paramount. Take advantage of the following tips to optimize your site for mobile users.
Make it Easy to Navigate Your Site
Whether you provide a multitude of transportation options or accommodation around the world, it’s imperative to optimize your website or app for booking on-the-go.
The best way to achieve this end is by ensuring your users can easily find what they are looking for on your site or app.
That’s where the navigation menu comes in handy. By providing a clear navigation menu, visitors can quickly navigate the myriad of information and deals you have on offer. The more frustrated visitors become trying to navigate your site, the more likely they will bounce or exit without having converted.
Make sure that the most important parent categories are visible upon reaching the site. Avoid using ambiguous wording for navigation links so that hesitation times remain low, especially for featured content, offers, or features. Don’t leave users guessing what kind of content they’ll be directed to before clicking on something.
In addition to a clean navigation, use category or product pushes throughout the site in relevant areas so users don’t always have to rely on the global navigation (especially if it isn’t sticky to the page.) This can help keep your users engaged even after they’ve found what they’ve been looking for.
_
_
An example of good travel UI design: On JetBlue’s homepage, the focus is solely on searching for flights, vacations, hotels, or cars. However, upon opening the menu, users are presented with key categories and CTAs dedicated to booking, managing, or exploring travel options. Categories and subcategories are written in large text and use helpful icons. The contrast in the background of the sub-categories makes it easier to read.
Create Seamless Experiences between Mobile, Web and Mobile Apps.
Many travel apps, especially those for booking transportation and accommodation, require specific functions and features that use the native capabilities of mobile phones.
For example, users are able to add their boarding passes, pull up their tickets or even track their baggage through mobile apps. Are travel brands replicating these essential features for their mobile websites? If not, they’re missing out on key mobile UX improvements. That’s because equipping users with access to the same types of features across platforms is key to providing a seamless travel UX.
Surface Upsells and Cross-Sells When it’s Relevant
Users are easily overwhelmed when presented with too many options to choose from or multiple tasks to complete. Focusing the user on the most important task, such as booking a flight, is much harder when users are bombarded with a variety of extras or promotions they are encouraged to take advantage of.
You wouldn’t put every checkout step on one page; the booking process should take a similar approach. It should be spread out across several steps to make it more easily digestible.
The same goes for any upsells or cross-sells. Options should be progressively surfaced during different stages of the journey and in places where they are most relevant.
W__hen a flight is selected, the users are immediately provided an option to upgrade their seat. It clearly lists the benefits and price to upgrade. Bold colors that pop from the screen are used to indicate these special options.
That Does it for Travel UX
Overall, your travel website should make any booking or research process as easy as possible. With mobile users increasingly on the move, any process should be made simple and easy to understand. That includes reimagining and optimizing crucial features so they take into account the context and goals of distinct audience segments. Learn what works best by studying your users’ behaviors and putting customer intelligence at the heart of your experience decisions.
Michelle is a UX/UI Designer who loves finding design solutions that marry both business and user needs. When she’s not designing, you can find her pursuing yet another new hobby, visiting a museum, or laughing a little too loudly somewhere in the distance.