Google Travel

Senior UX Designer
Creating seamless UX for booking hotels

Role

I contracted with Google Travel to design user experiences for hotel searches and bookings within Google Maps. My role was to create and lead design solutions through business requirements and engineering constraints while meeting the needs of the end user.

Duties

Design Thinking Workshops, Android UI, iOS UI, Material Design, Design Systems, Prototyping, High Fidelity Design

PROJECT

Perfecting Nearby Hotels

Situation

The Nearby Hotels recommendation module is performing flat. How can we make this more relevant to the user?

A newly introduced Nearby Hotels recommendation module in the Explore tab in the Google Maps Android app was having flat to neutral performance. It’s the product team’s hypothesis that it should’ve performed stronger given its prominence and context. I was tasked to continue the next iteration of design.

My goal was to redesign the module so that it’s more meaningful and addresses the user’s needs.

Current "list view" and "carousel" designs to be revised.

Add Meaning. Add Context.

After consulting with other designers in the space that have faced similar situations, I found that the problem was that results in the current module, weren’t satisfying the needs of potential bookers.

With this new context I planned a solution that would give tailored hotel results that solved for the specific needs of these specific users in Google Maps.

Crafting a Solution

Rather than create another visual variation as originally requested by the project manager, I wanted to focus on defining this module's value to the end user. A user looking for hotels to book while in Google Maps on their phone would have a specific set of priorities. I discussed this more with the PM, and asked for metrics and findings from the research team on last minute bookers.

Metrics showed that last minute bookers are a large part of the user base and contribute to booking revenue. By understanding last minute bookers’ needs, we can surface hotel results that are more relevant to their needs than simply gauging what's close by.

Research team's findings on what drives last minute bookers:

Reasons
  • Unexpected trip arose (medical emergency, unplanned meeting)
  • Change in transit (flight delay, car delay, bad hotel, bad weather)
  • Forgetfulness or procrastination
  • Finding last minute deals (rare)
Priorities
  • Proximity and POI convenience
  • Room availability
  • Flexibility on price range and reviews

With these new findings, I looked into how Google Maps data could accommodate for these priorities. Many of them aligned with pre-existing search filters patterns and could naturally be applied.

Letting the ideas flow with sketching exercises.

Running a Collaborative Workshop

Before finalizing my proposed solution, I wanted to collaborate with the engineers since they’d have the best knowledge on the data and parameters to work from and what could be built within our timeline.

I led a 1 day session that empowered engineers with design thinking exercises that put them in the shoes of the user in order to solve this problem.

Output from Crazy 8 and Solution sketches.

Proposed Design

Utilize an existing filter pivot UI pattern to showcase last minute bookers’ contextual needs to fast track their bookings.

Filters to be applied:

Popular Filters
  • Hotel class
  • Tonight / Datepicker
  • Hotel chain affinity
  • Price
Secondary Filters
  • Airport shuttles
  • Parking
  • Free Wi-Fi
  • Business center
  • Kid friendly
  • Pet friendly
  • With kitchen
  • With restaurant

Proposed design with relevant search filters added.

Complete spec for the proposed design.

I presented my design in weekly meetings between design, engineering, and product stakeholders. A good recommendation from them was to integrate justification logic (short copy related to interaction history) into the design.

Adding results with justifications helped strengthen our design goal.

Tapping on a category chip leads to the traversal map with new hotel results based on that category.

Tapping on the date pivot opens the date picker modal while still in the Explore tab. Once a date range is set, the user is taken to the traversal map with the results.

Result

My design spec was approved by all stakeholders and was green lit to start development.