Design process
Lifeline’s
Donor Repository System
Hi, thanks for clicking! Lifeline’s donor repository system is part of a larger project called Lifeline, a portable blood group identifier. 🤖💾 Its UI stores crucial donor info, making mobile blood drives easy and efficient for medical technologists. 🩸📋 This case study shows how it was built from scratch. Let's start! 🚀✨
Understanding the user & the problem
The Problem | User Research | User Persona | User Pain Points
The Bigger Problem
Mobile Blood Donations (MBD) are often rushed, leading to errors due to human factors like tiredness and availability. 🏃♂️💤 Despite measures to improve transfusion practices, mistakes still happen. Plus, blood samples are disposed of right after use, leaving no evidence in case of a mismatch. 🩸🚫
Rathod & Pathan (2016)
Blood Sample acquisition
blood screening through chemical testing
Blood screening result
User research summary
To get a better grasp of the problem, a user research through interviews was conducted. 🎤 Was able to gather valuable insights and pinpoint user pain points. 🕵️♀️🔍 It was a great way to understand their needs and challenges firsthand!
User Persona
Bio
Jessica is a Quality Assurance Manager working for a non-profit humanitarian organization that conducts mobile blood donations to gather ample amount of blood sample to supply the current healthcare system’s demand.
Name
Occupation
Jessica (Unofficial name)
Quality Assurance Manager
“There are instances where blood screening does not match the blood typing result in our laboratory”
“We cannot track whether which practitioner made the mismatch and we don’t have the blood sample image”
“Donor information are stored in a traditional manner”
Pain Points
Starting the design
Site Mapping l Paper Wireframing l Low-Fidelity Prototyping
Site Mapping
Listed all the possible pages for the site and, after a few rounds of revisions, managed to narrow it down to five key pages. It took some tweaking, but I'm really happy with the final lineup! 🎉
Paper Wireframing
With the site map in hand, sketched out paper wireframes ✏️🗒️ for quick and budget-friendly iterations. Was able to rapidly tweak and perfect the layout without breaking the bank! 💡
Low-Fidelity
Prototyping
Created the basic web structure and layout. This helped establish main navigations and key functions 🖥️🔗It was a fun and efficient way to get the foundation just right before moving forward!
Refining the design
Usability Studies l High-Fidelity Prototyping
Usability study #1: Findings
1
2
Current Design Limitation: The screen blood feature is only accessible after filling out the add donor form.
Current Design Limitation: The dashboard currently only shows statistics of donors by blood group (A, B, AB, O)
Recommendation: Implement an emergency screen blood page that allows admins to instantly determine blood groups without needing to complete the add donor form.
Recommendation:
Add a section to the dashboard that lists a few of the most recently added donors to help admins quickly identify the latest donor screenings.
Before
After
High-Fidelity
Prototyping
Used the organization's color palette to bring vibrance and life to the interface. 🎨✨ Afterwards, conducted usability testing to see how well the prototype worked for users. 🧪👥
Users mentioned that the bright red color in the navigation bar was a bit too intense and could trigger certain conditions. 🚨 They also suggested that the overall color scheme and button placements could be improved for better usability and a more appealing look. 🎨✨ Their feedback was super helpful in making these improvements! 👍😊
Usability study #2: findings
Solution:
Switched it to a white navigation bar with a subtle elevation effect for a cleaner look. 🚨➡️🤍These tweaks really helped improve the overall user experience!
Takeaways
The donor repository UI makes mobile blood donation drives much more efficient and accurate by keeping track of crucial donor information and storing images of blood samples. Here's how it helped:
1
Better Accuracy
By storing images of blood samples, we provide a handy reference for double-checking blood screenings and typings.
2
Increased Accountability
The system keeps track of which practitioner handled each blood sample, so it's easier to spot and fix any issues.
3
Modern Storage
We move away from old-school, error-prone methods to a more secure and efficient way of storing donor information.
Lessons Learned & Impact
Working on the donor repository UI was quite an adventure, and we learned a ton along the way! Here are some of them:
Listen to the users!
Understanding user pain points is like finding the map in a treasure hunt—it guides you to the right solution. Our users shared their struggles with mismatched blood screening results, lack of accountability, and outdated storage methods. By listening to them, we could pinpoint exactly what needed fixing.
Simplify, Simplify, Simplify
We learned the importance of simplifying the process as much as possible. Our UI now makes it easy to store crucial donor information and blood sample images, reducing the chances of mistakes.
Accountability is the key!
Tracking which practitioner handled each blood sample is a game-changer. It not only helps in resolving issues quickly but also ensures that everyone is accountable. This lesson taught us the value of transparency in maintaining high standards of care.
The Impact: A Smoother, Safer Donation Process
By applying these lessons, our donor repository UI has made mobile blood donation drives more efficient and accurate. We've created a tool that helps practitioners do their jobs better, ensures donor information is securely stored, and provides a safety net in case of any mismatches. The result? Happier users and a safer donation process.
