The Making of Hotel Search on Mobile
It began with a demo.
Our mobile hotel search app was weeks away from shipping. The UI was tight, performance was shaping up and the punchlist was shrinking.
But there was a problem. Jacqueline, our press whisperer, did a hotel search in the new app. She couldn’t figure out which, from the dozens of hotels depicted on the map, was the one she actually wanted – and didn’t know where to start.
While seeing all those options from the comfort of a desktop’s huge screen wasn’t bad, now the results were unusable. We debated changes but my head wasn’t really in it. My ears were ringing.
For all our slick UI and data visualization, we were nowhere in terms of making it easy and fast to find a great hotel from your phone.
Alongside this, I’d been devouring Edward Tufte’s Envisioning Information. The book is packed with styles and strategies for displaying data, along with analysis and cautionary tales. On the train one morning, I turned a page then violently emptied the contents of my forehead onto the seat in front of me.
For on that page, Tufte had helpfully supplied the solution to our problem.
We could fill the entire map with hotels, as we already were, but now we’d only color rooms whose stats made them worth recommending. The rest would appear grayer and smaller – easily ignored, but still illustrating the contours of an area’s hotels. When the user moves or zooms the map, we do all the math again, coloring only the best options in the new region.