Overview

A startup car rental company, who are looking to create a user-friendly and intuitive online booking system based on a deep understanding of their target users.

Client

Part of the UX Diploma

Role

UX Designer

UX Researcher

Timeline

5 Months(During The Course)

Tools

Google Slide

Google Forms

Google Zoom

draw.io

Figma

How I approach

At first, I tried to understand conventions and best practices in similar digital products. Then conducted a survey to gather customer preferences and requirements and usability tests to see how users are interacting with the products.

During the analysis phase, I used affinity diagram to discover pain points and priorities for improvement. I created user flow to determine the flow and user's interaction. then the low-fidelity sketches to design the screens and finally designed the prototype.

At the end, I validated my prototype with users and redesign it based on the inputs. In an ideal situation, I will deliver it to the UI Designer.

Research

Competetive Benchmark

For a startup, it's important to understand how dominant players have established the booking process, what are the conventions and best practices, how they're addressing issues and targeting customer base.

Leading global car rental companies like Enterprise, Hertz, Europcar and Expedia are considered in the benchmarking because they are the best-in-class. I analysed Homepage to Payment Form of each website.

Online Survey

I conducted an Online survey to gather quantitative data on users' behaviours, preferences and requirements for renting a car. I found it's a great way to gather a large amounts of user data to understand the pattern.

Usability Test

Competitive analysis and survey data provided a structured booking process, users preferences, requirements and user expectations. I conducted Usability tests to find out:

  • How users interact with the actual booking process
  • What's their thought process
  • What difficulties they are facing
  • How they are navigating through the steps
Usability Test

Analysis

Affinity Diagram

I wanted to organise huge amount of unstructured raw data and wanted to narrow down my focus on important areas and pain points, so I created Affinity Diagram with the help of a friend.

I shared all the research data with my friend. We organised all the post-it notes in granular groups and grouped with a name. Then it was easy for us to understand their relationship to each other.

Customer Journey Map

Usability Test

As next step, I created Customer journey Map to visualise how the user is experiencing as they are interacting with each stage of booking. This journey map helped me to see the product from users point of view and increase the chances of improvement in my design.

Interestingly, after creating Customer Journey Map the booking process become more clear.

Improvements Areas

After structuring raw data with Affinity Diagram and Customer journey map I found some interesting insights.

Identified Problems for user

  • Cluttered 'Homepage' confused user
  • No. of clicks for selecting dates and navigating through a 'Datepicker'
  • 'Filters' are not working properly as they intended to
  • 'Extras' are not clearly mentioned
  • Overloaded information for 'Payment' option and 'Extras'
  • Misleading 'Terms and Conditions'
  • Complex 'Cancellation' information
  • Confusing car 'Update Policy'
  • Unclear Price Breakdown

Identified Problems for Business

  • Users couldn't trust websites when the price breakdown is not clear, as a result bounce rates are high
  • 'Extras' are not thorough, resulting low sale; Users are getting insurance from other companies
  • More choices and overloaded information on ‘Payment’ options confusing users, resulting loss in sale
  • 'Cancellation' policy is not clear, as a result users are leaving in middle of the process

Ideation & Design

User Flow

I created user flow based on the happy path to understand how users would complete the task and their flow in the booking process. I only considered top one flow.

User Flow Diagram

Low-fidelity Sketches

To understand the concept, mental model and the flow, I created a quick low fidelity prototype. But it is iterated later with new learning and understanding. This low-fidelity prototype also came from a deep thought. Initially, I drew each page quickly 2 to 3 ways and then I selected the best design according to my understanding.

First Draft

This is the first iteration of the design. A usability test was conducted to validate the design solution.

Final Design

Designs

This is the final iteration of the mid-fidelity design of the screens. All the required information has presented in a way so that screens look clean and user get what they want to know for renting a car.

Wireframe with Annotation

In this document I described how the booking process is going to work and instructions for each and every feature. In a real life situation I would deliver it to the UI Designer and to the Developers.

Mid-fidelity Prototype

Design Decisions

After usability tests with 5 users, I realised, the design is lacking aesthetic design aspects and users are getting confused and stuck on some of the steps.

Usability Test

To Conclude...

Learning

The project was very interesting and provided ample opportunity to learn and develop my skills.

During the process:

  • I learnt, new techniques and tools
  • I aligned with, users’ thought process and problems they face(d) during the process.
  • I faced challenges for, conducting the usability test remotely. It’s hard to understand where the user is looking and their expression properly. I tried to overcome by going through the recordings many times during note taking phase.
  • Affinity Diagram was interesting where I collaborated with one of my friends and spent hours to get granular groups. We found best and worst approaches for each feature, pain points where I needed to focus, especially long text for terms & conditions, different payment option is confusing, misleading terminology.

What I would do differently

Though I am quite happy with my UX design process and final iteration, but my design is still lacking some nice User Interface design. So in future I would like to add visual design aspects as well.

During this project I learnt interactive components and Auto layout in Figma and I’m hoping to use it more in my next design.