DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
Refcards Trend Reports Events Over 2 million developers have joined DZone. Join Today! Thanks for visiting DZone today,
Edit Profile Manage Email Subscriptions Moderation Admin Console How to Post to DZone Article Submission Guidelines
View Profile
Sign Out
Refcards
Trend Reports
Events
Zones
Culture and Methodologies Agile Career Development Methodologies Team Management
Data Engineering AI/ML Big Data Data Databases IoT
Software Design and Architecture Cloud Architecture Containers Integration Microservices Performance Security
Coding Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
Culture and Methodologies
Agile Career Development Methodologies Team Management
Data Engineering
AI/ML Big Data Data Databases IoT
Software Design and Architecture
Cloud Architecture Containers Integration Microservices Performance Security
Coding
Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance
Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks

Mobile UX Design Principles for Travel Apps

Designing for screens and thumbs, enhancing personalization, and putting function ahead of beauty are essential to making a travel app users will remember and use.

Wei Kuan Lum user avatar by
Wei Kuan Lum
·
Mar. 02, 17 · Opinion
Like (4)
Save
Tweet
Share
5.08K Views

Join the DZone community and get the full member experience.

Join For Free

If the Internet has put the world at our fingertips, mobile apps—especially mobile travel apps—have put it beneath our thumbs.

The only problem is that the entire world can sometimes prove too much for the limited reach and mobility of thumbs, making mobile apps overwhelming and frustrating rather than accommodating and delightful. 

The reality is that 99% of users don’t need the whole world. They need a cheap flight home for Thanksgiving, or a February escape to Cancun from a Minnesota winter.

The biggest challenge facing travel apps, then, is communicating vital information within the sprawling context of world travel, while maintaining an intuitive and easy-to-navigate interface. The challenge isn’t insurmountable, but it does require some strategic thinking and good use of user-data insights.

Let’s take a look at some of the amazing mobile experiences designed by top travel apps. We’ll discuss why they work and the three crucial UX mobile design rules you can apply to your app for similar results. 

Design for Small Screens and Big Thumbs

Web apps are great. But if you’ve ever tried to use desktop-first sites on your mobile phone, you know that they can also suck.

Having to zoom in and out of specific sections just so you can read the text or click on a menu option (rather than five!), and endlessly following winding drop-down menus that seem to have a mind of their own is enough to make you send your phone flying across the room. 

The first rule of great mobile UX design takes into account both the size of a phone’s screen (considerably smaller than your desktop’s) and the size of thumbs (considerably larger than your mouse point). Airbnb’s app design epitomizes this rule.

Instead of following tried-and-true desktop models, Airbnb’s mobile app completely reimagines the booking process for accommodation.

Airbnb reimagines the process on its app
Airbnb_2 (1)

  • Selecting desired travel dates is as simple as tapping or sliding your thumb across the screen.
  • Forget about fumbling with a tiny keyboard to input the number and categories of travelers. Just click the appropriately-sized buttons to increase or decrease your travel party and you’re good to go.
  • The map view lets you zoom in and out of the areas that interest you, quickly redoing the search in each focal area and presenting your options as price tags for easy comparison.

From picking destination, dates, and number of people traveling, to perusing the available listings on a map, Airbnb’s app is all about making users’ lives easier.

Personalize for More Than User First Name

“Dear First Name.” Ever got one of those emails from a service you subscribed to by accident? It used to be that personalizing on the web via first name was a big deal; now it’s the expected minimum standard. 

Awesome mobile app personalization goes well beyond first names. It takes into account the entire context of your users’ journey and the tasks they’re trying to achieve beyond the screen.

With a philosophy of making flying fun again, Virgin America’s mobile app capitalizes on the importance of larger real-life context for creating an amazing user experience that keeps customers hooked. 

Virgin starts, of course, with a great in-app design that features a great use of whitespace, good typography, and clear CTA design that makes it easy to book and manage flights.

VirginAmerica's comfortable design

But where the app really hit the nail on the head is by using their user insights to personalize the post-purchase process.

One thing all travel apps know is precisely when, where, and how their users will be traveling next. Only smart apps like Virgin America, however, seem to be using those data points to become “context aware.” 

The VirginAmerica app is context aware

So, 24 hours before your next travel trip, the app shifts from helping you book flights to becoming your helpful and knowledgeable travel companion. It allows you to check in to your flight, view your boarding pass, and see any critical flight alerts that may change your plans.

It’s no surprise that within the first month of its release, Virgin America’s mobile app was downloaded over 200,000 times and got featured as a top app in both the App Store and Google Play.

Put Function Before Beauty

If putting function before beauty sounds like strange advice in the context of design principles, we may need to reconsider what design really means.

As Steve Jobs, one of the pioneers of mobile app design (if not its principal pioneer), has put it:

“Design is not just what it looks like; design is how it works.”

Having an app that looks pretty is all well and good, but let’s face it: No one’s going to come back to a dysfunctional app just because it looks good. And Booking.com seems to know this truth and capitalize on it. 

Taking pride in the data-driven approach of their operations, the Booking.com team obsesses over building intimate relationships with their customers. They translate the knowledge they glean from their data into a superior user experience that’s vetted by layers of testing, tweaking, and optimizing.

The resulting app may be nowhere near winning any awards in aesthetics, but it does win major points in user usage and retention.

The app focuses on allowing users to get what they came for — a great deal on a hotel booking — in as few clicks as possible. To achieve that, every screen maximizes space use to provide the critical information users need to make a decision.

Booking.com helps users make decisions

  • Instead of relying solely on a numeric score for customer ratings, which might appear rigid and unclear, the app contextualized hotel scores through terms such as “Very Good” and “Wonderful,” which associate a feeling with each place.
  • Labels such as “Value Deal” and discount tags allow users to quickly make a comparison and reassure them that we’re getting the best deal
  • “Only 5 rooms left” and other similar elements create urgency and push users to complete their purchase

Banking on functionality, the UX design on the Booking.com app helps users do the job they came for in the easiest and quickest way possible, and that’s what counts. 

Design for Experience, Not Dazzle

When designing your mobile app, fight the urge to drop in bits and features just because they look cool. The most successful apps aren’t the fanciest ones—they’re the ones that structure user experience around a meaningful task and within the relevant context.

So before you hit the design board, internalize these three crucial mobile UX design rules: 

  • Design for small screens and big thumbs — your desktop and mobile apps may achieve the same results but they’re not likely to get them in the same way.
  • Personalize beyond first names — Leverage geolocation and user data to deliver a context-aware user experience
  • Put function before beauty — remember that while good looks are great, but good design hinges on function more than appearance. 

Above all, remember to A/B test your app and use data to inform your design decisions. There are no catch-all rules for every part of mobile app design. And while you can learn a lot by looking at the competition, ultimately you have to test for yourself and see what sticks.

After all, the entire world may be at your disposal, but the real question is—what will you choose to give your users?

mobile app Design Travel

Published at DZone with permission of Wei Kuan Lum, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Mind Map Reuse in Software Groups
  • Remote Debugging Dangers and Pitfalls
  • Taming Cloud Costs With Infracost
  • What Is Policy-as-Code? An Introduction to Open Policy Agent

Comments

Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends: