Author Archives: martonbodonyi

About martonbodonyi

UX/UI Software Engineer for Rome2rio

How Changing One Word Increased Our Flight Booking Conversions By 30%

It was a warm night in March and I was going over my research for the unified booking experiment to prepare a presentation for the Rome2rio team the next day. The results had been really great, and I was in a good mood. I was assembling the slides when I noticed something, something I’d missed when doing the experiment.

Our ticket looked like this:

Some of the other tickets in my slides looked like this:

Spot the difference? We’d decided to go for the label “Book ticket” on our book button. However, many other sites opted instead for the label “Select”. Some sites even opted for using an arrow or arrow shaped button. It was time for another experiment.

The Experiment

The baseline for the experiment was our original “Book ticket” label. It was serving us well so far so it would remain as the control for the experiment.

Our second variant was DisclosureButton and simply involved adding an arrow to the existing book button.

Our final variant was SelectButton which involved adding an arrow as well as changing the label to “Select”. This was the one that the research suggested would succeed — or at least was the button style used by most other websites.

The Results

DisclosureButton performed 12.5% better. What? Just adding an arrow performed 12.5% better —that seemed like a crazy win for such a small change. What was even more surprising was that changing the label to Select and adding the disclosure arrow performed a whopping 34% better.

The Moral Of The Story

Your research isn’t done once you start developing concepts. It’s important to look back over all those user stories, screenshots and concepts after you’ve completed work. It helps to tear apart any biases you may have had during that exciting pre-development phase and can give you big wins if you catch something you may have originally missed.

Advertisements

Revamping Our Flight Booking User Experience

It was early 2016, and I was sitting at my desk in Melbourne’s Inspire9 co-working space in a corner that Rome2rio peacefully occupies. In front of me were printed out screenshots of the existing Rome2rio flight booking user interface. We all knew that the user experience needed work, what we didn’t know is what direction we needed to go in to fix it. On top of that, concept-to-development would have to be fast to keep with the Rome2rio ethos of experimenting in the wild rather than in the lab. This process was going to be a challenge … here’s what we did.

Our old flight booking experience

Crafternoon!

The travel industry is huge. In 2015 alone it generated $341 billion dollars in the US.  I was sure that all the top companies had A/B tested their booking flows to the limit — it was time to do some research. I collected screenshots from some of the leading travel websites and printed them out. These would be my reference; something to continuously look back on throughout the entire process, something to benchmark my ideas. I laid out the printed screenshots, organised a meeting with the rest of the front-end team and so it began.

1-Q7-nv2FMc6xfZjOjzXkKzw

Crafternoon materials

 

Flight tickets — the similarities and the differences

In order: TripAdvisor, Webjet, GoEuro, Kayak, Adioso, Momondo, Expedia, Wotif.

Step 1 was isolating the tickets used on eight big name flight booking sites and attempting to find similarities and differences.

Six of the eight tickets contained summary columns on the right-hand side; each ticket contained a button with either a green button or a button in the brands colour. I was onto something! Green buttons can’t just be a coincidence, especially when nothing else on the page, or in the brand, is the same green.

Another feature of the summary columns was per ticket prices. The search on all sites was for three adult passengers yet only GoEuro displayed the price for the entire order, all the other sites displayed the per ticket price. If users were going to be comparing Rome2rio’s ticket prices to other flight search websites, we were going to need to display tickets in the same per-passenger format.

Journeys

Outbound and return journeys are presented as rows, the exception being Webjet who presented the data in columns. This layout would make it easy to present one-way and return tickets using the same design without creating awkward white space.  However, it is easier to scan a large list of tickets if the journeys are presented in column format so this was a real estate vs. convenience challenge; one which we may re-visit in the future.

Another similarity we found was the use of +1/+2 to represent international dateline changes. This is common in long distance flights that span timezones. We’ve talked about other ways we could present users the date of their arrival if it’s different to their date of departure. However, this research seemed to reinforce a standard, one that we’d be brave to deviate away from.

It’s all in the details

Another thing I quickly noticed is that what was presented on the ticket result wasn’t the full story. All but Webjet and GoEuro used the term ‘details’ in their call to action to view more information about the ticket. The wording and methods of progressive disclosure were consistent across the sites. The call to action was always located at the bottom edge of the ticket result and mainly towards left side — as far away from the main call to action as possible. I wonder why? In 100 Things Every Designer Needs to Know about People, Susan M. Weinschenk suggests that progressive disclosure provides people with the information that they need only at that particular time.

Rome2rio’s new ticket design

Armed with detailed knowledge about what users expect from a ticket I designed and built a concept for the Rome2rio ticket. After about a week  I came up with a candidate to test in the wild.

Our split testing method

As a rule at Rome2rio, we split test all features and improvements. Some of the benefits to split testing everything are:

  • Gives us a deep understanding of just how much impact a change we make has.
  • Allows us to quickly turn off new features/improvements if something went wrong.
  • Forces us to develop code that’s decoupled, more flexible, and better designed.

We ran the experiment at 20% English Language, desktop users. It was a fairly small sample size of our entire user base. However, it was big enough to get us accurate results while still insuring us against the possibility of failure.

So the results?

Users were 61.5% more likely to make it through the booking process with the new flow.

Admittedly this was an easy win project as the old design was in serious need of an upgrade however it’s incredibly rare to get this kind of increase overnight on a high-value part of the product. We graduated the experiment to 100%, ported the design to desktop, removed the legacy code and eventually submitted the new strings for translation.

The journey has just started

Conducting this research and experiment process wasn’t about an end goal, it was about creating a solid, well-researched foundation for future experimentation. I’ll soon be posting some more articles about future enhancements we’ve since made and the results they’ve had to our booking counts. Until then feel free to check out the work we’ve done and make any suggestions on how we can improve the flight search experience!

-Marton

Find more articles I’ve written about how UX and UI plays a role in influencing travel on a global scale in my blog UsableTravel.

A Unified Booking Experience

After months of development and experimentation, we’re proud to release a new and improved user experience for searching for train, bus and flight bookings on Rome2rio. We’re calling it Unified Bookings. It’s a part of our goal to make the experience the same whether you’re booking a plane, a bus or a train anywhere in the world.

Unified bookings on desktop, tablet and mobile

It’s still fresh so tell us what you think! Let us know how we can make the experience better by using the feedback link on our site.

– Marty

Rome2rio, based in Melbourne, Australia, is organising the world’s transport information. We offer a multi-modal, door-to-door travel search engine that returns itineraries for air, train, coach, ferry, mass transit and driving options to and from any location. Discover the possibilities at rome2rio.com