top of page
cc.png
9.png
car.png
5.png
Frame 37.png
7.png
8.png
car.png
4.png
4.png
4.png
car.png
3.png
6.png
car.png

Ride Without Safety Concerns

Role: Product designer
Collaborators: Senior PM, Front-end engineers overseas
Launched in 2020
5-star rating app
3.2 million users
58653-play-app-google-apple-store-free-d

The T3 company is different from Uber

29.jpg
Camera in the car
21.jpg
Physical buttons in the car

The ride-hailing environment is unsafe

il_fullxfull.2117453963_pbpp.jpg
China has the world’s largest ride-hailing market with about 20 million bookings per day.
the_scream.jpg
After two riders were killed by their drivers in 2018, safety became a big concern for riders.

Diving into user safety issues

We surveyed more than 100 ride-hailing app users to understand their real needs and found that 60% of the orders came in between 8:00 p.m. to 10:00 p.m. Safety was their main concern.

100

Industry Surveys

6

Competitor Analysis

12

Interviews
Frame 27.png

Storyboard

t3.jpg
t3-2.jpg
t3-3.jpg
Vivian always prefers to use the ride-hailing service at night.
She notices some unexpected behaviors from the driver and worries about her safety.
Calling 911 is an option, but maybe it is not the best choice.

The Problems

According to the research above, we decided to focus on three pain points:

1

How to trust the driver

icon-1.png

Driver's identity

Enhance the driver's identity and the car information

2

Get to know the V.D.R

icon-2.png

V.D.R System

To understand the V.D.R safety system on the onboarding page and the pop up

3

Safety concerns

icon-3.png

Safety Measures

Display the "Get Help" button and get help for different options through this function

We brainstormed in our group and with the client. We analyzed all the safety problems and solutions

The Solution-1

Enhance driver's identity and car information

The problem: How could the riders trust a driver who was a stranger?
The goal: Provide more information to identify the driver to make him more trustworthy. 
Don't trust
Driver's ID
Plate number
Car's photo
Driver's rating
Rider's feedback
Trust more
Driver's real photo

Iterate

Original
After
Final (Day time)
X - 13.jpg
X - 14.jpg
X - 38.jpg
Cartoonish photo of the driver.
The rolling notification was too big and not optimally located.
Change driver's cartoonish photo to an actual photo.
Added the photo of the car.  
Relocated notification to the bottom.
Change "Safety" to "Get help".
Combined photos of driver and car to create more space for the map.
Final (Night time)
X - 29 c.jpg
Created the dark UI.
During our reach, we found out that 60% of the orders came in between 8:00 p.m. - 10:00 p.m. 

Card iterate

Original

Frame 23.png

After

Frame 24.png

Final

Frame 25.png
Frame 26.png
By tapping the driver's profile, it would show the car information, the driver's rating, the riders' compliments, and the riders' feedback.
X - 38.jpg
X - 39.jpg

Usability Test

According to our research, we set the Safety Reminder between 8:00-10:00 p.m. After dark, when the user opens the app, it will pop up. We designed the Dark Mode to show the difference at night. We did the test but the result shows the Dark UI was not better than the Normal UI. The users said it was confusing.
Dark UI
Onboaring-v3.jpg
X - 29 c.jpg
Normal UI
Onboaring-v1.jpg
X - 38.jpg
outside edge 1 copy.png

The Solution-2

To make the V.D.R safety system easier to understand. 

The problemThe customer couldn't understand the V.D.R safety system.
The goal: To educate the users about the V.D.R safety system of the onboarding pages.

Don't know
Onboarding page
Safety reminder Pop up
Location map of physical buttons
Got it
Two ways to get help
If the rider encounters an emergency, he can press the physical button for 3 seconds, which will allow the T3 safety team to see what is happening in the car through the camera and control the car remotely.
Onboarding 1
Onboaring-v1.jpg
Onboarding 2
Onboaring-v2.jpg
Pop up
Onboaring-pop up v.jpg
21.jpg
Physical button in the car
29.jpg
Camera in the car
Onboaring-v1.jpg
5.png
Frame 37.png
4.png
7.png
3.png
8.png
2.png
Frame 36.jpg
9.png
6.png

The Solution-3

Showing the usage process of the V.D.R Safety System.

The problem: How to get more options to get help? 

Need help
Call 911
Share route
Text to contacts
Text to friends
Connect with V.D.R
Connect with social media
Get help

Version 1

Same as tapping the "Get help" button to send voice and video via the camera in the car to T3 staff. Tapping the "Get help" icon would get emergency help for the rider or share ETA with three different groups.

X - 38.jpg
X - 45.jpg
First
After Testing 
Logo color
Dark orange
X - 45.jpg
X - 41.jpg
It is important to add the current location here during the trip.
The user could tell the helper immediately.
Alarm color
Red
X - 40.jpg
X - 41.jpg
a.jpg
outside edge 1 copy.png

Version 2 - Final

Click
X - 48.jpg
Details
X - 49.jpg
Click
X - 48.jpg
Details
X - 47.jpg
outside edge 1 copy.png

Conclusion

According to the usability test report, our client agreed that our redesign solved the safety concerns. This should significantly reduce safety concerns in the future.

Impact -- 3 main KPIs

A year after we launched the app:
Bookings increased by 15%
Rider cancellations decreased by 8%
5-star rating app

 

happy.jpg
bottom of page