Blood donor app screenshot

Overview

“Blood Donor” is a mobile app designed to help people donate or find blood donors. It targets people who have difficulties finding a blood donor.


The Problem

People have difficulties finding blood donors.

The Goal

Design an app to help people donate or find blood donors easily.

My Role

UX designer designing a blood donation and procurement app from conception to delivery.

Responsibilities

Conducting interviews, wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

User research

I conducted interviews and created empathy maps to understand the users’ problems. The primary user group were people who had faced a situation where they needed a blood donor.


Pain points

Finding donors

  • Posting on multiple social platforms is tiring, consumes a lot of time and doesn't give a positive response.
  • Unable to find donors who are nearby or available.

Availability

Unaware of the availability of blood, travelling to different blood banks is a pain.


Persona

Blood donor app wireframe Nancy
"Looking for a tool that can help me find blood donors near me"
Goals
  • To find blood on time
  • To find the right blood match
  • Easily connect to a donor
Frustrations
  • Trouble finding donors
  • Unavailability of blood
Nancy is a teacher at a primary school in Bhubaneswar. She is suffering from a chronic illness which requires frequent blood transfusions. She lives with her parents and hopes to find an easy way to find blood donors during her treatment.

Starting the design

Wireframes

Blood donor app wireframe

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow was to find a blood donor. This prototype was used in a usability study.

Blood donor app low fidelity prototype image

Usability study

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Round 1 findings

The design didn’t include a sign-in process for recipients to help find a blood donor fast. Because of this, users couldn’t track their requests after closing the app.

Round 2 findings

The “blood group” and “state” appeared to be text input fields which should have been dropdown menus.

Refining the design

I added a simple phone number and OTP sign-in process to help users track their requests.

Foodies image

I added icons to make “blood group” and “state” appear like dropdown menus.

Foodies image

High fidelity prototype

The final high-fidelity prototype presented cleaner user flows for finding a blood donor.

Play prototype

Blood donor app high fidelity prototype image

Takeaways

Impact

The app makes users feel the "Blood donors" app does a nice job finding a blood donor.

Quote from peer feedback

"The app made it so easy and quick to find a blood donor. I would definitely use this app."

What I learned

While designing this app, I learned that the first ideas for an app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app's designs.

Next steps

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research to determine any new areas of need.

Lets connect!

Thank you for your time reviewing my work!
If you’d like to see more or get in touch, my contact information is provided in the footer below.