Bloodhub

Case studY
2019
Task
Tackle a community service problem at the University of Washington that arises from information gaps.
What is bloodhub?
A functional prototype of an app for UW students that provides a centralized location for campus blood donation information. Check out our product video to learn more!
most creative product video award winner
Methodology
After establishing the topic of blood donations on campus, we conducted a 5-week process to define key problems, develop methods to combat these problems, and create a fully functioning prototype solution.
Phase 1: Conduct interviews
Phase 2: Develop strategies and low-fidelity prototypes
Phase 3: Usability tests and heuristic evaluations
Phase 4: Finalize high-fidelity prototype, product video, and design specification
Student Interviews
Interviews were conducted with University of Washington students and a Washington State University student for comparison, in-person, over the phone, and through text message.
Screen Shot 2019-03-24 at 11.55.08 AM.pn
Screen Shot 2019-03-24 at 12.10.07 PM.pn
Blood drive organizer interview
Interviewed Wendy Chu, the BloodWorks Northwest UW Representative, via email to gauge an understanding of the current techniques and practices for engaging students to donate blood. Below are some of goals Wendy Chu wishes that could be implemented.
Screen Shot 2019-02-18 at 10.44.34 PM.pn
Screen Shot 2019-03-24 at 12.19.03 PM.pn
Personas based on interview feedback
Created personas based on feedback from interviewees. The personas represent three potential categories of students and their blood donation habits.
1. The avid, but uninformed blood donor
2. The very busy, but occasional blood donor
3. The apprehensive or non blood donor
Screen Shot 2019-03-24 at 12.55.35 PM.pn
Screen Shot 2019-03-24 at 12.56.17 PM.pn
Screen Shot 2019-03-24 at 12.58.04 PM.pn
Identifying the problems
Our research led us to several conclusions:
  • Information/advertisements regarding blood drives lack cohesion and cannot be found in a centralized location
  • Students do not know when or where a blood drive is occurring
  • If students see an advertisement for a blood drive, they are left with little time to prepare or fit donating into their schedule
  • Students are not motivated to donate, or do not understand the impact/necessity of blood donations
  • Students who do donate, do not do so on a regular basis
Screen Shot 2019-03-24 at 2.02.41 PM.png
Screen Shot 2019-03-07 at 11.12.49 AM.pn
While blood donation information might be disperse, it is often devoid of all necessary information, reaches only a select few students, and leaves students confused, with remaining questions. This means organization's calls to donate, often go unanswered or receive fewer donors than desired.
determining a mission
After identifying the primary problems surrounding campus blood donations, we determined that our focus would be to achieve three main goals.
Screen Shot 2019-03-07 at 9.48.08 AM.png
The first overarching goal was to generate awareness in regards to blood donation and blood drive information. Next, we wished to attract potential donors through techniques that would motivate them to donate. Finally, with the first two goals established, we hoped to develop a strategy to create a routine donor.
Creating a solution
Our solution is a comprehensive approach that combats all the issues students and organizations face in regards to blood donations, and enforces the goals that we created.
One app, one location, total blood donation awareness
Screen Shot 2019-03-07 at 8.37.42 PM.png
Newsfeed:
A newsfeed of relevant blood donation information, tips, testimonials, and photos from peers will inspire and motivate those who would otherwise not donate.
Map:
A map of donation sites will inform students where a drive is happening on campus, what type of drive (in a building or in a truck), and have scheduling capabilities with a predictive wait time and preview of donor history questionnaire.
Calendar:
A calendar of blood drives will allow students to see when a drive is occurring in advance, see when they can next donate (56 days after their last donation), and have scheduling capabilities with a predictive wait time and preview of donor history questionnaire.
Organize:
A feature for campus groups to organize their own blood drives will make students feel more comfortable by donating with a large group friends and friendly faces.
Rewards:
A rewards system that tracks a user's number of donations, potential lives saved thus far, and offers rewards and giveaways at local hot-spots will entice students routinely donate blood.
Notifications:
A messaging/notification system will allow students to contact nurses with questions in advance of donating, coordinate with fellow students, a receive alerts, easing any apprehensions students may have.
Low-fidelity prototyping
Our first step for incorporating our solutions into a singular app was to create low fidelity prototypes.
IMG_5016-1.jpeg
Usability testing
Assigned specific tasks for users and analyzed their approach, identifying any breakdowns.
Questions, Concerns, Comments, and Breakdowns:
  • Do you need a separate account for organizing a group blood drive?
  • Our home page should be the newsfeed about "Why to Donate," so it's the first thing people see.
  • Do not over-complicate the amount of options a user has, consider taking out the "Become a Member" feature.
  • Consider labeling or changing some of the icons.
  • The headers should be re-designed or minimized.
Heuristic evaluations
Taking the feedback from our usability tests, I created a high-fidelity prototype of our app using Figma and InVision. After creating the functioning prototype, I examined every feature, button, and link to identify and resolve issues.
information architecture
Below is an overview of how each of our pages is connected within the app, and how users may navigate.
Screen Shot 2019-03-24 at 5.00.23 PM.png
Log-In
User Settings
Home Newsfeed
Notifications
Direct Message
Rewards
Reward List
Individual Reward
Organize a Drive
Map
Drive Details
Calendar: Day
Calendar: Week
Calendar: Month
Calendar: Scheduled Appointment
Schedule Appointment Preview
Finalized high-fidelity prototype