Overview.
So are you planning your trip somewhere and you need to book a hotel? You browse for hours and spend a significant amount of time comparing hotels before making a purchase decision. However, due to time constraints or something you had to leave the app. You come back and realise you have to search all over again. This is where you as a user become frustrated and the company loses revenue. And both of which are not good.
Problem Statement.
To allow the users to book hotels by reducing the abandonment searches on the Treebo app. — “Pick up where you left off flow”
The WHAT, WHY and HOW of Problem Statement
WHAT is the Problem?
Reducing the cart abandonment rate on Treebo app.
WHY the Problem?
One thing which I realised was that it was hard for the users to find their previous searches. Therefore, I assumed that it would make the session longer as the user would have to search every time they open the app.
Also assumed that most of the users will not complete their bookings because they have to bear the hassle of searching their past searches.
HOW is the Problem Solved?
Showcasing the last 10 searches of the users under the search button which includes hotels and destinations.
Objective.
Targeted Business Metric.
Solution.
Recent Searches:
For quick access.
Categorisation of information.
Color coded for better understanding.
Chips for providing better context.
View all lists of recent searches:
Provide the list of all the list of hotels, locality and cities done by the users.
Other than that provide the list of popular cities and number of hotels in that city.
This is the final UI with all the necessary changes after Usability testing:
Presenting Solution.
Below are some of the changes which have been introduced in the proposed design after the usability testing. And these are some of the changes which are as follows showing both “Before usability testing” and “after usability testing”.
Critical Decision which shaped my Design Process.
Before I created the final decision there are certain critical design decisions which actually shaped my overall design process.
The V3 was considered as it not only obeys “Law of proximity” but also it within the reachable area of phone, which allows easy access. Moreover, user can slide to check other past searches they have done.
Designing the feature from scratch was important.
Treebo don’t have the feature at the moment.
Adding the feature should be done carefully to avoid learning curve and without interrupting present user flow.
At present searching for hotels is done in a three step process.
I needed a way to incorporate the screen 3 in a seamless manner within the UI so that users do not have to look for recent searches and therefore, reducing the entire learning curve.
UI and Component Architecture.
Before I created the final decision there are certain critical design decisions which actually shaped my overall design process.
Atomic Design Concept for the feature introduced
Master component properties and variants
Brief Overview of the PROCESS.
Assumption & Hypothesis:
There were some assumptions and hypothesis taken into consideration before moving to indepth research.
Competitor Research
I chose three companies where three are direct competitors and three are indirect competitors to understand how they are solving the issues of their user base.
Ideation and Brainstorming:
I used the Crazy 8 technique to come up with as many ideas as possible and brainstormed all the possible design solution.
Building the User Interface:
The first thing I did was to create the components and the variants which are required for the landing page of Treebo. Yes, I created the UI of the landing page of Treebo.
Components after Usability Testing
Usability Testing:
“Because of time constraints, I did not have the time to interview a lot of users. I managed to interview two users, also taking into consideration the time which I need to make iterations within the app after testing.”
The method I opted for the interview was comprehension-based usability testing.
Final.
Future Scope:
During usability testing users were saying how they can use this cards for comparing two searches to get a better deal. Therefore, I would like to work on a feature which will allow comparing two cards within a recently searched.
Planning to allow the users to book the particular hotel directly from the cards.
Key Learnings:
During the usability testing I realised it is more important to focus on quality of the information rather than quantity, especially when you need to push an MVP quickly and time constraint is a major factor.