Ride-hailing app for a flood emergency

Helping Indonesian flood victims get to safety through community efforts.

Duration
2 weeks
Role
just me!
Skills
UI/UX Design, UX Research, User Testing

The flooding problem in my hometown

Indonesia often faces diverse natural disasters, with flooding as a yearly significant concern. In January 2020, the worst flood of the decade hit Jakarta, causing 66 casualties. While many Indonesians have resorted to inflatable boats as a means of transport, many can’t afford one. This led me to question the approach's overall effectiveness in ensuring widespread safety.

how might we make transport more accessible?

↪ jump to solutions
Identifying the problem

During flood, many are stranded without safety options

My project kicked off with contextual and competitive research on existing apps related to emergency situations and ride-hailing transportations. This revealed that during floods, regular transportation is mostly unavailable, leaving many vulnerable to hazards like landslides, flash floods, and hypothermia.

Competition provides no solution on how to get people to safety

Despite how often flood has happened in Indonesia, I was surprised upon finding out that there are no concrete solutions in placed yet to help the people.

Persona

Meet Cynthia: a worried mother

I crafted a persona to accurately encapsulate my target users' needs and traits. Throughout my design journey, I consistently stepped into her perspective, fostering empathy for her experiences.

I used the persona to outline 3 main pain points and each respective design implications. This helps me to narrow down the focus of this design project.

Design

Let's sketch it!

I decided to begin with the home screen sketches, as I recognized its pivotal role in establishing the app's tone, ambiance, and user expectations. This phase also provided an opportunity to gather my classmates' feedback on preferred home screen layouts. The consensus favored a design with prominent CTA buttons and an informative map displaying nearby situations.

Here are some home screen sketch examples:

With the home screen settled, I proceeded to sketch out the app's overall layout, which was subsequently transformed into interactive digital prototypes.

Usability test

Adding two new features based on usability test

Using Figma, I developed a clickable prototype and utilized it to perform usability tests. Test participants were individuals who had witnessed or personally experienced floods.

The feedback I received are centred around the ability to communicate with the "driver" in case of emergency, customizing the ride if you're booking for someone else, and being able to track all of your booked rides in one place.

final design

Here are the final designs

The final solution of this project can be divided into three main sections:

Pain Point 1: "How do I get my family to safety?"

Requesting a ride

After selecting their destination, users will be presented with a list of nearby rides going in the same direction, allowing them to request a ride effortlessly. Moreover, they can customize the booking by specifying the number of passengers and who the ride is for.

After confirming the ride, they will have the option to communicate with the driver.

They can also keep track of all the rides they requested.

Pain point 2: "How can I get the latest update about the situation?”

Receiving the latest updates

Users will instantly receive notifications about updates in their area. Alternatively, they can browse through updates posted by the community or create a post to share with everyone else.

Pain point 3: "What if something suddenly happens to me?”

Emergency Mode

Users can easily switch to an emergency mode using the available switch button on all screens. When the emergency mode is activated, the user's boat request will be given priority, and nearby boat drivers will be notified. Additionally, there is an option to send their location via text message to their preselected contact list.

Reflections

What did I learn?

This project highlighted the significance of visual consistency. Incorporating empathetic design elements can offer stability and uniformity in presenting information, ultimately delivering relief and assistance.

Given more time, I would:

  1. Engage in user research through surveys and interviews with individuals who have firsthand flood experience. Gathering data and insights from these interactions will supply the feedback required to craft a valuable and impactful mobile app.
  2. Conduct another usability test to explore participants' panic and adrenaline responses. Simulating a flood scenario for insights to refine design iterations.

The ultimate goal would be to submit this project for use in real-world flooding situations, to ease the victims' emotional and physical experiences and to save lives.

Related work:

Connecting caretakers with dementia individuals

A smart pillbox app offering precise dosing and remote reassurance.