This is the second post in the series of posts on UI / UX comparison of the three major hotel booking portals. You can read the previous post here.
This is a brilliant design because it never makes the user feel that he is waiting. There is information being shown at every point in the step. This is cleverly done by loading the images (which are heavy in size compared to text) at the end of the process. After all, images are not the most important thing anyway here.
Cleartrip also does a fantastic job of opening the individual listing details in a popup and not on a different page like in the other two sites. More on this will be discussed in the next post in this series.
Clicking on “select room” opens up a panel with more details. However if the user clicks on this button on the last result in the page, it does open up but its not visible unless the user scrolls. This can be solved by automatically scrolling the page to the desired position after the user clicks on “select room” on the last result that’s visible to him.
Natural affordance is that if you drag a slider to the right, something should increase and something should fill up. Here the inverse use of green and grey colors in the slider creates the confusion.
Since we see these kind of star ratings in most sites (like Redbus for bus ratings), we assume these are user ratings given for these hotels. But these are just an indication what-star hotels they are. i.e. 5 stars indicates it’s a 5 star hotel; 1 star indicates it’s a 1 star hotel. That’s all and it has nothing to do with the user ratings and hence you can’t decide if the hotel is good/bad based on these. Those are shown by tripadvisor ratings on the right (highlighted in blue). So essentially there are two ratings which are completely different from each other. This problem is seen in makemytrip and Yatra as well.
I also never understood the intention behind mentioning “Booked <time> ago”. It is seen in the other two sites as well. Probably it’s to tell the user that the rooms are getting booked and the hotel may run out of rooms; so book your room asap?
Lot of clutter when compared to Cleartrip; Two things that block the view from showing more results — “please tell us your preferred hotel category” section and “my trip rewards” section both of which are an additional load on the user’s brain. The user is here to just see hotels. These two sections can be removed completely. The former is just a filters option which is anyway present on the left and the latter — something to make users login to save points which 80% users don’t care. So it can probably come at a later stage.
Makemytrip’s design (and also Yatra’s) treats each search result as an individual entity by separating them with border and box-shadow. Whereas Cleartrip does a nice job with Typography and proper white spacing to simply differentiate the results and not treating each result as one group.
After clicking on “Find hotels”, a popup comes saying something about “QuickBook” and asking me to register. Not only I, as a user, don’t know what Quickbook is but also I don’t give a shit. Just show me the search results, damnit! And after this, there are about 4 different loading indicators before the results come up. No idea what and why.