INTRODUCTION

Donorku Blood Bank App provides a reliable platform to connect nearby blood donors with blood seekers. It creates a communication channel that let users find donors by connecting them with nearby blood donors who are available to donate blood. This app will let users track their blood donor’s locations and let them know the estimating time of arriving to make it easier than ever.

The app will provide multiple options for finding blood. A patient can use the app and search for blood donors directly, also they can post a blood request or find blood in the blood banks or purchase emergency donors plan.

To ensure the safety of donors and recipients, the app requires users to undergo a health screening and meet specific eligibility criteria before being approved to donate blood. Additionally, the app provides a feature for users to track their blood donation history, including the dates and locations of their donations.

In making a product, we need a framework to produce appropriate products. This time I will use the design thinking framework. Consists of empathy, define, ideation, prototype, and test.

DESIGN PROCESS & TIMELINE

Design Thinking Process

We have followed different steps of Design Thinking process so that we can provide a solution-based approach to solving problems. Empathize, Define, Ideate, Prototype, and Test are five different stages of Design Thinking.

PROBLEM & SOLUTION

Finding Problems

Every day patients of various diseases need blood. Among them some need regular transfusion of blood, but finding blood donors at the right time is a major issue. In holidays donors are not readily available.

Many times people had to hassle because donors didn’t show up on time or inform the updates.

Proper information flow is missing between blood donors and seekers. Beside due to lack of available communication & motivation are also some factors that affecting the blood donation process.

Making Solutions

I am creating a user-friendly platform to solve the blood donation problem. My app will let users find donors easily by connecting them with nearby blood donors who are available to donate blood.

I am focusing on building an effective communication channel between donors and seekers. It will let users track their blood donor’s location. It will be a convenient and easy way for searching blood donors in any situation.

EMPHASIS

User Research

• I have conducted interviews through online among 25 users and asked open ended questions. We took interviews from both blood donors and seekers.

• I have conducted survey through google form and collected 50+ response

• A total set of 20 question has been prepared for survey. We have did both qualitative and quantitative research.

Empathy Mapping

After conducting the interviews, I have created the empathy map to gain deeper insight into my users.

Says

“Sometimes blood donors don’t want to give blood just because the hospital is far”

“Also on vacations days, donors are not readily available”

“Many times donors don’t show up on time or inform us updates”

Does

She is teacher by profession

Search for blood for her father on a regular basis

Thinks

Need a platform where he can find donors in time

She want that his donors will show up on time

He wants a way to communicate with donor effectively

Feels

She feels frustrated as he has to contact numerous donors to find blood

She feels worried when donors don’t respond on the last time

Says

“I always believe that the blood seeker should on his best behavior with donors”

“Many times blood seekers don’t give us proper information”

“Once I had to travel 2 hours to donate blood as the hospital was far from my location”

Does

Works as volunteer in a blood organization

Donate blood on a regular basis

Thinks

Need a platform where he can get all the information correctly

He wants a pre-determined fixed time for donation

He wants a way to communicate with blood seeker effectively

Feels

He feels frustrated when he does not get the proper information

He feels irritated when he has to wait for hours to give blood to a patience

DEFINE

User Persona

A user persona is a semi-fictional character based on current customer. In order to build and improve my product, I created personas by talking to users and segmenting by various demographic and psychographic data. I have created 2 personas on the basis of data I have collected through user research.

Name: Hanna Geidt

Age: 27 y.o.

Education: Bachelors

Hometown: Jakarta

Occupation: Data Analyst

“Sometimes donors do not show up in time. I had to go through a lot of hassle to manage blood for my father in last moment”

Hanna’s father is a cancer patient. So she has to manage blood for her father several times. While seeking blood she has to go through a lot of hassle. She wants a platform where she can easily find donors in emergency situations.

Frustrations

• Blood donors do not show up in time

• Can’t find donors in emergency situations

• It is hard to find rare blood group

• Sometimes communication with the donor is hard

Goals

• Find a platform where she can easily find donors, rare blood groups and communicate with them

• She wants a platform where she can find donors at the last moment or in an emergency situation

• A platform where she can find only serious donors who are very committed

Name: Abram Schleifer

Age: 29 y.o.

Education: Bachelors

Hometown: Jakarta

Occupation: Account Manager

“After reaching the hospital I found the blood was managed. Many times blood seekers don’t feel responsible to inform us about the updates.

Abram is involved in a voluntary blood donation organization. He manages blood for people in emergency situations. Also, he is a regular blood donor. He tries his best in responding blood donation calls in case of emergencies.

Frustrations

• Blood was managed but the blood seeker did not inform us

• Sometimes they make us wait for hours

• Often blood seekers do not inform an exact time, blood donors must wait for hours in hospitals and ended up with frustrations.

Goals

• Find a way where blood donors and seekers can easily communicate

• Blood seekers will be more active and inform us about the updates if the blood is managed

• He wants to have a predetermined fixed time from blood seekers to avoid long wait while donating bloods

Competitor Analysis

A competitive analysis is a strategy that involves researching major competitors to gain insight into their products. I also did competitors research to find out competitors app strength and weakness to discover our opportunity.

IDEATE

User Flow

I have build a user flow that takes user from the entry point through a set of steps towards a successful outcome and final action.

Site Map

I have build a site map which is a model of my app designed to help users to navigate the site.

PROTOTYPE

Wireframe

In this steps I have drawn the overview of my interactive products to establish the structure and flow of possible design solutions.

Mid Fidelity

High Fidelity

Style Guide

A style manual, or style guide, is a set of standards for the design of documents, website pages, signage, and any other form of other brand identifier. The reason for their existence is to ensure complete uniformity in style and formatting wherever the brand is user.

Typography

Color Palette

Components

USABILITY TEST

Usability testing is a method used to evaluate how easy a website is to use. The tests take place with real users to measure how ‘usable’ or ‘intuitive’ a Donorku Blood Bank App and how easy it is for users to reach their goals

I did prototype testing through interview sessions via google meet. We also did survey analysis of Donorku Blood Bank App.

Prototype Testing

After building the prototype, I have tested it with real users to validate design decisions before development starts.

Participant Task

• Sign up or Sign in to the app

• Search for a blood donor

• Select a donor and send blood request

• Track your donor activities and complete the donation

• Order blood from blood bank

• Purchase emergency donor plan

• Accept a donation request

Insights

After the testing, I interviewed the users to know their thoughts about the app. I interviewed and observed the user via google meet.

For the testing, I used KPI (Key Performance Indicator) which are time on task, user error rates, system usability scale, conversion rate and found out some insights:

1. Users were confused with the icon specially the navigation bar as the icons are not labeled.

2. The blood journey map is difficult and unclear to use for many users.

3. Participants took a little bit of time to conclude the task on blood journey map.

VISUAL DESIGN

Onboarding Screens

The onboarding screen can be understood as a virtual unboxing of an application. We’ve used three onboarding screens with our three main features to optimize a user’s first interaction with an app in our app.

Home Screens

This is the home page of the app. Here, one user can send request to a donor by click the Cari Pasien in filling up the requirements. They can also search donor by click Cari Pendonor for emergency blood donor. Homepage will show the patient request list that need blood donor. Donor will get donation request alert in homepage if only one seeker request.

Search Donor

User Registration

The app begins with user registration through phone number or social media accounts. Users then select their blood type. If someone in need matches their type, they receive notifications.

Then, they enter their phone number and verify it later. (In case the user requests blood assistance, donors need their phone number.)

Notifications

After registration, users are ready to receive notifications about someone needing blood matching their blood type. When they tap the notification, the app opens to a page displaying information about the person in need, including their current location. The page also has buttons for directions and calling the person. Pressing the back button redirects to a feed listing people needing blood of the user's blood type.

Ask for help from blood donors

The main function of this app is to receive notifications about people needing blood donors and to request blood donations.

To request blood assistance, users simply tap the plus sign at the bottom right. They fill in the required blood information and the hospital they're in (assuming the person needing a blood transfusion is at the hospital for treatment). Then, they write a message to the potential donor.

Once done, the user's request for blood assistance will appear on the main page.

Search for patients and donors

The main aim of this app is to speed up the blood donor search. Users can receive notifications for blood needs even if it's not their blood type. To adjust notifications and feeds, users can tap the top right corner. After setting up the feeds, the displayed feed order on the main page will change.

CONCLUSION

This is just an app idea. The problem analysis and design are based on assumptions. If you have any suggestions or comments about this app idea, please write them in the comments section.