Carriage Driver App

project brief

Drivers are the backbone of the system. In order to overcome the shortcomings of the then existing drivers’ app, a new project to re-design and overhaul the application was taken up.

The main goal was to fix the user flow and navigation capabilities to enable superior hassle-free delivery experience for drivers.

my role

I was given an opportunity to work on this project from the beginning. I coordinated with teams and worked on all the facets of design including User persona interview, Information architecture, user flows, paper prototypes, low fidelity and high fidelity wireframes, mockups etc.

To make sure to have the best input possible, extensive research was conducted through persona interviews with 25 in-house drivers as well as mapping journeys in order to study both user behavior and working atmosphere.

Initial Insights

Following points were revealed during user study:

• The then existing application got stuck and hung a lot, heating up the mobile device. This is further complicated by the fact that temperatures in Kuwait soar up to 50 degree celsius (122 Fahrenheit) during summers.
• Application navigation was difficult and not easy to use. Drivers were using it on the go or while driving.
• Since only android phones are provided by the company to drivers, only android application was required.

user Persona Interview
Design Guidelines

Decision was taken to focus on pain points which were related to both drivers and the operation team as well and following guidelines were set in motion:

• Android app shall follow Google material design since many drivers are familiar with material design related applications.
• Relatively bigger interactive UI to be set as compared to customer application since it is used by drivers who are on the go and need better visibility.
• To follow current brand guidelines related to typography and colors
• To focus on main apparent task i.e successfully delivering the order
• To keep it simple and easy to use

User flow
paper prototypes
hide fidelity wireframe
mock ups
1. START SHIFT
The main screen is kept simple and accommodates few elements to avoid distraction.

This screen consists of a Skeuomorphic push button (with appropriate Car or Bike icons) to start their shift. Once they have started the shift, the time lapse is indicated through red gradient.
2. DRIVE TO IDLE POINT
Here it shows the point to which the driver has to navigate to receive incoming orders after starting his shift.
3. INCOMING ORDER
This screen shows incoming orders for a particular restaurant near to the idle point.

The driver can pick up the order based on notification of readiness.
4. COLLECT ORDER
Once order is collected, the driver shall click on the ‘Collect Order’ button which will trigger navigation to customer location.
5. ARRIVE AT CUSTOMER
The driver shall click on the ‘Arrive at customer’ which will trigger a notification to the customer. An option to call the customer is also available on this screen.
6. DELIVER ORDER
Once delivered, the “Deliver order” button shall be clicked on to finish the process.
7. MENU/NAVIGATION
To easily navigate to other screens of the application.
8. PROFILE SCREEN
To check personal information related to oneself.