Bioflow

Elevating Lab Test Clarity

Enhancing the reading and understanding of lab test results via an intuitive digital platform for patients and medical staff.

Overview of Bioflow digital platform both on desktop and mobile.
Date
2023
Industry
Healthcare
Project Setup
Self-initiated project
Role
UI/UX Design
User Research
Competitive Analysis
Low to High-Fi Prototypes
Visual Design
Branding

Project Inception

Addressing Lab Report Challenges

Amidst the COVID era, I noticed a common frustration among patients struggling to decipher their lab reports, highlighting a significant usability issue. Recognizing this prevalent pain point sparked the inception of a project focused on enhancing the readability and interpretation of these reports.

Excerpts from lab reports show problems like hard-to-read content and lack of content hierarchy.

Excerpts from lab reports show problems like hard-to-read content and lack of content hierarchy, making it tough for patient to understand results quickly and without doubts.

Transforming Lab Test Interpretation

Bridging Complexity with User Empowerment

Addressing the intricate landscape of lab test reports, the challenge was to simplify complexity while empowering users to better comprehend and navigate their medical data.

Photo by National Cancer Institute on Unsplash.

Photo of a biologist in a lab.
UI card displaying a redesigned lab test component result.

My UI/UX Contributions

Digitizing and Simplifying Lab Test Results

I researched user experiences, conducted competitive analysis, and analyzed 100+ lab test reports to identify usability issues. The result is a patient-centric UX/UI, offering clarity and empowerment in interpreting lab test results.

Various mobile views on the Bioflow platform, improving the user experience for viewing digital lab test results.

Unravelling Lab Test Results Complexity

Analyzing 100+ existing lab reports

Delving into existing lab test reports and conducting a comprehensive competitive analysis laid the groundwork for understanding current dynamics, paving the way for innovative improvements.

Extensive analysis conducted on over 100 lab reports from diverse regions including France, South Africa, and the USA.
Overview of numerous analyzed existing lab reports.

Print-Centric Format

A4 black & white; static presentation.

Stagnant Evolution

Minimal changes over time.

Digital Unfriendliness

Unoptimized for computers, phones, tablets.

Readability Hurdles

Lack of hierarchy; manual highlighting by doctors.

Navigation Challenges

Absence of clear headings for efficient browsing.

Visual Deficiency

Insufficient charts, graphs for clearer comprehension.
Examining a specific lab report example, where a doctor has highlighted results by circling them with a pen.

Lack of Legibility

Doctors resort to circling results with a pen to highlight them, exposing the inherent issues with the reports' legibility and overall lack of hierarchy.

Grasping Patient Perspectives

User Interviews and surveys

Interviews and surveys with users provided invaluable insights, ensuring that the redesign catered to the specific needs, preferences, and challenges faced by individuals interacting with lab reports.

Summary of patient survey results.

Interpretation Struggle

Majority faces challenges with unclear data presentation.

Preference Balance

Users desire both textual and visual results, emphasizing data visualization.

Access Duality

Preference for digital access, with half still desiring printed copies.

Info & Advice Demand

Majority seeks more information on test meanings and medical advice.

Doctor Coordination

Users express the desire for GPs to receive results simultaneously.

Analyzing the Lab Report Ecosystem

Competitive Analysis

The competitive analysis uncovered strengths in robust data visualization within digital solutions available in the market. However, prevalent platforms lean more towards consumer-oriented models, focusing on self-initiated tests for at-home use, often with medical limitations.

This leaves a void in professional-grade platforms catering to more advanced lab tests related to diseases. Opportunities lie in bolstering professional focus by integrating healthcare providers and labs, enhancing communication, ensuring interoperability, and diversifying patient access options across print and digital formats.

Overview of strengths and drawbacks of various existing solutions in the market.
Utilized competitive analysis matrix for evaluating existing solutions that enhance visualization and interpretation of patient lab test results.

Reframing the Problem

Enhance lab test result clarity,
Empower patients,
Integrate healthcare providers.

Clarity Enhancement :
Streamlining test components visually for universal understanding and rapid assimilation by healthcare professionals, optimizing time.

Patient Empowerment :
Tailoring insights to individual health profiles, delivering personalized results, and offering educational resources for comprehensive comprehension.

Professional Integration:
Integrating doctors and labs, improving interoperability, and leveraging AI for efficient communication, contributing to accurate diagnoses.

Flowchart visualizing interactions between patients, doctors, and lab biologists throughout their user journey.

Simplify Lab Reports

Hierarchy and Highlights to Make Reports More Scannable

I implemented a hierarchy system, progressive disclosure, and enhanced visual elements to make reports more scannable and easily understood at a glance, saving time and energy for both patients and healthcare professionals.

Various lab test report views in the Bioflow platform, designed with hierarchy and highlights to enhance scanability.

Test Component Overview

Seeking Clarity in Formatting

I conducted some research to get a comprehensive overview of all possible test component types, aiming to identify the clearest and most understandable formatting for each. This exploration focused on maintaining alignment with traditional representation modes and medical content standards.

Tree diagram used to categorize test results based on their type and formatting needs

I used a tree diagram to categorize test results based on type and formatting needs, serving as a tool to understand the variety of UI cards required for representing test components.

UI cards with various formatting of biological test results depending on their type.

Result UI cards are formatted differently based on the type of test component, ensuring clear representation and understanding.

Color and Status

Clear indicators to prevent misinterpretation

I incorporated distinct color indicators to ensure a straightforward understanding of test results, preventing any potential misinterpretation.

UI cards for each lab test component, featuring clear status indicators to effectively communicate results and prevent misinterpretation.
Lab test report view on Bioflow platform, optimized for both mobile and desktop devices.

Health Literacy Boost

Simplifying Terms and Icons

I introduced simplified terms and icons to enhance health literacy, making medical information more accessible and understandable for users.

Diverse UI chips with icons serving as filters on the Bioflow platform.

Clutter-Free Reports

Balancing Detail and Simplicity

The UI adopts progressive disclosure, offering users a clutter-free experience by providing additional information through links only when needed. This ensures a balance between simplicity and detailed insights.

Progressive disclosure implemented in a UI card to selectively reveal more or less information about lab test details, purpose, and context.
Dektop view of a lab test report header.

Progressive disclosure is employed to reveal or hide lab report details and context, ensuring a clean and uncluttered user interface.

Insightful Summaries

Streamlining Test Outcomes

I implemented a streamlined approach to presenting test summaries, encapsulating outcomes, health implications, and follow-up suggestions. Furthermore, the system evaluates patient risk, drawing insights from test results and individual profiles, resulting in personalized recommendations.

Lab test summaries with visually intuitive and easy-to-read patient risk scores.
Diverse app perspectives of Bioflow platform, showcasing the presentation of intuitive lab test results.

Foster Understanding

Empower Patients

I focused on empowering patients through strategic design, incorporating contextual information, educational resources, and user-friendly terminologies, fostering an environment where users feel informed and in control.

Pop-up window displaying an in-depth exploration of a test component, accompanied by additional information and relevant links.

Each test component can be explored with informative links for in-depth views.

Desktop pop-up window for educational content, providing explanations for a specific test component.
Diverse detailed views of educational content designed to explain complex lab test components integrated into a lab report.

Each test report and its components come with educational resources, presented in easy-to-understand language, complemented by images and videos, promoting patient understanding.

Comprehensive Medical Profiles

Enhancing Diagnostic Precision

I imagined detailed patient medical profiles, encompassing personal information, medical conditions, allergies, and current treatments. The seamless integration of this data with labs and doctors enhances diagnostic precision and personalizes healthcare.

Incorporation of patient health profile within the platform.

Holistic Data Tracking

Comprehensive Health Insights

I designed an effortless system to track and compare health trends over time, empowering patients with a deeper understanding of their evolving health and medical conditions through clear data visualization.

Visualization of a specific biomarker tracked over time andpresented in a chart view.
Screen displaying an overview of tracked biomarkers over time, featuring charts for easy follow-up and intuitive summaries for trend analysis.

The platform allows the visualization of biomarkers over time with informative charts, providing patients with a comprehensive overview of their health trends and conditions.

Mobile view of a test component with the option to compare result values with those of the previous test.

Test results can be easily compared with previous ones, providing a holistic view while reading a lab test.

Health Journal Sharing

Secure Collaboration with Medical Professionals

I conceptualized the "health journal sharing" feature to streamline communication, automatically syncing and sharing reports with designated healthcare providers and relatives. This establishes secure channels for users to send, receive, and comment on reports, ensuring efficient collaboration and enhanced healthcare interactions.

Health sharing journal, desktop view.
Health sharing journal, various mobile views.

Users can precisely configure sharing options, ensuring a secure and confidential exchange of health data.

Mobile and desktop views of the secure communication channel, showcasing the chat feed between a patient and medical staff.

Automated chatbots handle routine requests, reducing the time lab staff spends on phones and emails, while complex inquiries receive personalized attention, optimizing resources and cutting costs.

Accessible Formats

I guaranteed a user-friendly experience with mobile-responsive designs and A4 printable options, catering to diverse user preferences.

Different formatting options for a lab test report on the Bioflow platform, including desktop, mobile, and printed A4 versions.
Desktop view of the modal for printing a digital lab report in clear black and white A4 format.

Users can effortlessly print any lab report in clear black and white A4 format, maintaining the clarity and content hierarchy of the digital version.

Seamless Import & Export

Effortless Data Transfer

I crafted import/export features, streamlining the process for healthcare providers and users to effortlessly import lab reports from various sources into their systems. This facilitates easy export, printing, or downloading of data in multiple formats (CSV, A4 PDF, and others), ensuring a seamless and efficient data transfer for enhanced accessibility.

Desktop modal for batch importing lab test results into the platform.
Sequential views of the desktop modal illustrating each step in the batch import process for lab test results on the platform.

Design System

Evoking Medical Excellence

I crafted a design system that maintains a professional aesthetic, resonating with the medical sector, while prioritizing a clean and simple UI for an enhanced user experience.

Bioflow design system overview.

Branding and Naming : Bioflow

Fusing Biology, Clarity, and Seamless Workflows

I carefully curated the tone of voice to convey a professional and trustworthy image, reflecting a serious commitment to quality healthcare. The chosen color palette, featuring dark blue and light greys, was selected to cultivate a clean and medical aesthetic, aligning with Bioflow's dedication to precision and excellence.

Visual explanation of logo construction: fashioned from the symbol of a biological molecule integrated into a circle to evoke the circular perspective of a microscope.

I crafted a logo with a design reminiscent of tissues observed through a microscope, capturing the essence of Bioflow's connection to biology and visual clarity.

Integration of the Bioflow logo into an image featuring a lab biologist with a microscope.
Various perspectives of the Bioflow logo, including an illustration of the Bioflow app tile on an iOS iPhone device.

Impact & Learnings

Enhanced UX for Health Insights

The final solution transforms lab reports, making them scannable and accessible. Patients are empowered with personalized insights, fostering a deeper understanding of their health. This seamless integration facilitates effective communication, elevating the overall user experience. My key learning: user-centric design in healthcare is transformative.

Bioflow mobile home screen featuring all lab reports for easy access.