This is a low-budget hotel chain that enables users to book rooms through a mobile-app. The app geo-detects a location and books into the nearest hotels available at a single touch. I was engaged to finalize the scope, wireframe mockups and the final high-fidelity visual designs for the development of the app. The brief was to create an innovative, interactive and visually engaging app, allowing for comprehensive, dynamic content to drive traffic, gather consumer insights and encourage bookings.
- Information Architecture
- Interaction Design
- Visual Design
The app needed to be delivered in a way which complimented the subtly chic and trendy look and feel experience the hotels had to offer; be beautiful, friendly and ensure ease of navigation for all users. It also had to appeal to both Indians and international audiences since they were catering to global travelers on an unprecedented scale.
Since we were pandering to a large section of the global people falling under various age groups, demographics, income levels, gender and nationalities, we had to circumscribe a lot of elements within the app with clarity and easy understanding by structuring the flow and the interface in a better way for making the product more usable.
The app should support more clever mechanisms in which a user doesn’t need to repeat himself. For example, the default city should be already filled in when you create a trip or the filter for amenities should save its state
The app wanted to offer a full solution. We had to focus on discovery first and foremost followed by booking as from a product’s perspective, the brand would try to manage the full experience of finding a place to stay.
I came up with a plan to drill down page by page, the app engagement features making sure that it does not confuse the app users with the large set of features it offers as per business requirement. By designing an intuitive UI that allows users to conveniently open and use different functionalities instantly, we made the app accessible to non-technical users.
Booking calendar usability : Bringing the user one step closer to the desired result by filling in the check-in and check-out fields with current date, plus one. Moreover, when selecting a check-in date, the check-out date field should change accordingly (plus one) and mark all previous dates as unavailable. This elementary measures prevent input errors, such as invalid date selection
Accurate and comprehensible rate info : We clearly highlighted the rate differences and extra charges that may apply, while also removing the clutter and avoiding tiny font copies to explain the rates
Booking form usability : It was essential not to burden the user with extra data fields that are not necessary to process a booking request. Firstly, we never asked the users to register and/or login in order to make a booking. We ran a couple of A/B tests to find the best form structure for our app, which included the bare minimum along with a couple of optional fields like the user’s contact number.
Designing the app from ground up, with all use and edge cases taken into consideration, helped to carefully think about how to make the life of the user easier by giving them the tools they need at just the right time. By thinking about service design and how the product relates to the context of the user, one can provide better solutions to your users.