Blod-Meeting Emergency Blood Donation Needs

March 2021- April 2021

A mobile application to promote the importance of blood donation and bridge the gap of few blood donations in Nigeria.

Client

Personal Project (Case Study)

Platform

Mobile

My Role

Research, User Flow, Sketching, Low Fidelity, Visual Design, Interaction Design, Design Iterations

Overview

Blood remains extremely vital because of its contribution to saving lives. However, the absence of voluntary non-remunerated blood donors and blood shortages are still critical challenges.

80 million units of blood are donated worldwide annually, however, only 2 million units are donated in sub-Saharan Africa where there is a great need for blood transfusion. Although Nigeria has 17 blood donation centres across all six geopolitical zones, only 25,000 units of blood were donated in 2019 in comparison to 60,000 units recorded annually.

Challenge

There is a need to create a mobile application with features that will help promote the importance of blood donations and bridge the gap of few blood donations in the country.

Goal

Build a simple mobile interface that allows users to place emergency blood request from nearby donors; schedule blood donations and provides valuable education on the importance of blood donation.

My Role

Since this was my first case study project, I was solely responsible for the whole product. I conducted both secondary and primary user research and analysed data from surveys to provide meaningful insights. I used the insights to design a problem-solution model. The model took into account the pain points from the research, potential solutions and the features that will be available on the mobile application.

I then proceeded to create sketches, low fidelity mockups and high fidelity prototypes.

User Research

I conducted both secondary and primary user research by reading previous research projects and articles. I used information from these documents to develop a questionnaire that targeted two key audiences (Healthcare professionals and individuals). The aim of the questionnaire was to understand the challenges and perceptions that come with blood donations.

Healthcare professionals identified a huge problem with insufficient blood donations/ voluntary donors and a lack of awareness on the importance of blood donations. Likewise, some individuals admitted that they never thought about donating blood; some were concerned about the donation process, fear of transmissible diseases and a notable challenge was being able to schedule a time that won’t clash with their daily activities.

These challenges were extracted to develop a Problem-Solution Model that visualised users pain points, the solutions and the features that will provide those solutions to the users.

User Flow & Sketches

In the next process, I created the user flow to give an accurate depiction of how users would make use of the mobile application. Sketching the interface helped map out the features and functions of the application.

Mockups

I created a low-fidelity mockup to represent the contents, information and features of the application. This proved effective when it came to iterating the design and information multiple times.

Afterwards, I created a UI Kit for the high-fidelity which includes spacing, icon type, colours and images.

I finished refining the spacing of the contents and sizing of the UI elements to meet current design trends as well as improve usability.

Prototype & Testing

While creating the high-fidelity, I applied prototyping effects on actions that users would perform. I then conducted remote tests (given the covid-era) to understand how the user would perform actions that will lead them to their desired result or goal.

Users were able to navigate through the application with ease. As time progresses, the application design would need a couple more iterations.

Design Kit

Creating a good UI kit was somewhat an exciting challenge as I wanted to ensure all elements used were palatable to users mental models as well as keep consistency throughout the design.

Onboarding Screens

The onboarding process provides the user with brief information on the main features of the Blod app and what they can do with it. Users also have the option of skipping this stage of the screen and going ahead to register or login

Register and Login Screens

Users with an already existing account can login to the app anytime via their email or with Google and Facebook. While users with no account would need to create one by filling just three fields or registering with Google and Facebook accounts.

Profile Setup

The app requires users just creating accounts to veriy their mobile numbers and answer a series of questions to personalise their profile.

Home Screen

Here, users view their personalised home which displays information on their blood type, new blood requests and the total number of donations made via the app. Users can also view a strip education banner that prompts them to schedule an appointment. The homepage also allows users to book an appointment, manage existing appointments and find a blood bank with an in-built map.

Find Donor

On this screen, users can search for donors by filling in their fields and they can make an emergency search which provides them with a list of emergency donors available in their area.

Requests

In this screen, users can view requests from others in need of blood which then allows them to accept or decline requests. User can also view their own blood requests and their status.

Community & Profile

The community named "The Bay" aims to encourage users to donate blood. Users can search for topics, articles or blogs, see top donors for the week, gain access to educative blogs and partake in Q&A forums.

The profile contains a few useful tools that cannot be displayed in the navbar. Users can toggle on or off their donor status, view information on their donation history, view badges gained, make changes to their accounts, access privacy and security settings as well as log out of the app.

Bloodbay prototype.mov

Next Project

Laptop Loan-Improving Remote Work Efficiency

Page updated

Google Sites

Report abuse