Car-Aid

An app that helps drivers deal with traffic accidents quickly.

My Role

User Research

UX Designer

Visual Designer

Timeline

9 weeks

Methods

User interviews

Observatory

Experience map

Iterative Design

Tools Used

Sketch

Illustrator

Photoshop

​​About the project

Car-Aid is an app that helps drivers deal with traffic accidents quickly. The goal of the design project is to ease traffic congestion caused by the car accident.

In this project,  I worked closely with 3 students to design the product from idea to Hi-Fi prototype. 

My role in this project was taking the lead to conduct the research in the form of observations and interviews. After we defined our main features, I created the user journey map, wireframes, and high-fidelity UI.​

The Problem

As the number of private cars in China rises, traffic jams are becoming more and more serious. The congestion time in many major cities is extremely long, seriously affecting people’s life and travel. In our previous discussions, we found that a large part of the congestion was caused by a minor collision in the front of the vehicle.

A design challenge emerged...

How to optimize and shorten the time of the post-car accident procedures ?

Reserch

We began looking at this problem by interviewing the different stakeholders involved with this program.

We have conducted semi-structured interviews with 10 taxi drivers and private car owners to ask if they had encountered any traffic accidents and whether they knew how to handle after traffic accidents. Meanwhile, the traffic police were also interviewed to find out how many steps and how much time the current traffic accident procedures will take.

Asset 1.png

Average post-accident procedures take at least 73 mins 

Asset 2.png

Current post-accident procedures take 17 steps to finish

Asset 3.png

At least 4 traffic accidents happens per day

Secondary Research

After investigation, we learned that China has classified traffic accidents according to the severity as four levels. The first level traffic accidents occur most frequently and only this level accidents can be resolved without the traffic police, so we decided to focus our project on the procedure of minor accidents.

Minor accident

An accident that causes a minor injury of one to two people or a motor vehicle accident of less than 1,000 RMB, or less than 200 RMB in a motor vehicle accident .

User Personas

With our research learnings, we created a persona to understand our users' expectations and pain points.

Car_Persona3.png

User Journey Map

We then mapped out the user journey map of our persona Li Xiang to illustrate the relevant “touch points“ that users may encounter when experiencing current accident handling procedure. It foregrounds how the users feel and what they might be thinking and doing at each stage.

portfolio20180127.jpg

Ideation

With the research insights in mind, we drafted out the new process and created some paper prototypes, which was supposed to show a flow of the main functions of our app. 

new procedure.png

Paper Prototype 

Lo-Fi Prototype

With the research insights in mind, we drafted out the new process and created some paper prototypes, which was supposed to show a flow of the main functions of our app. 

car-adi lowfi.png
Frame 2 (2).png

Visual Design

Colors, typography and icons that make up Car-Aid

Final Solution Prototype

After several rounds of critique on the wireframes, we then moved on to creating high-fidelity mockups of our app. I took the lead in designing the final mockup. 

hifi4.png

Main Features of Hi-Fi

iPhone-Clay-White-Frontal-Free-Mockup.pn

Record location

The app will automatically record the time and location of car accident occurred

photo.png

Take scene photos

Take at least three photos of the car accident from different angles

QR code.png

Scan QR Code

Scan QR code to exchange identity information such as the driver’s license number

Confirm information 

Car accident information is listed and will be uploaded to the Department of Transportation

profiles.png

Reflection

In terms of this project, I realized that we should have focused more on the experience of the verbal interactions on the app. Throughout the project, we represented the hands-off feature with a mic icon and prioritized more on the on-screen design and navigation. Hence if we were to continue on this project, we would go through the use cases for verbal interactions and ensure that the feature is comprehensive.

In terms of the design process, I learned that I shouldn’t get caught up in the aesthetic details during the ideation and prototyping phase. It is important to quickly and iteratively test the usability and flow of interaction, correct any issues, only then to move on to the aesthetics at the end.