top of page

SELF-DIAGNOSIS MEDICAL APPLICATION

byod

iPhone X - Silver.png

OVERVIEW

SELF DIAGNOSIS APPLICATION

ROLE

CONTRACT

UX DESIGNER, MINOR UI ROLE

TEAM

CEO & MEDICAL PROFESSIONAL, CREATIVE DIRECTOR,

LEAD UI DESIGNER

TOOLS

ADOBE XD, OVERFLOW, PHOTOSHOP

DURATION

4 MONTHS

background

001

ABOUT THE APP

BYOD is an AI powered self-diagnosis application. A change is needed in the current healthcare system that shifts away from human dependency on healthcare establishments. BYOD is an important step in the right direction to push people towards self-care and treatment. 

BYOD LOGO.png

user flows 

002

CLINICAL PLANS

The CEO, Albert Diperio M.D., M.P.H. created in-depth clinical documents that served as the foundation for determining each diagnosis within the larger symptom. I translated the information in the documents to create the flow for the series of questions the user would answer to determine their diagnosis. For the initial launching of the product, the following 5 flows were created:

RED EYE FLOW

red eye.png

SINUSITIS FLOW

sinusitis.png

SORE THROAT FLOW

sore throat.png

COUGH FLOW

cough.png

EAR PAIN FLOW

ear pain.png

prototype

003

INITIAL SERIES

When the user opens BYOD they are immediately presented with the purpose and mission of the app before continuing the pick their symptom. This initial series of screens allows users to pick their symptom and also confirm that they are above 18 and looking to diagnose themselves. The questions following the verifications confirm that the user does in fact have the symptom which they had selected before moving forward with the rest of the flow.

BYOD FLOW.jpg

PRESCREENING SERIES

These questions appear in all of the symptom flows to determine if a user has a complex chronic condition that would complicate giving a diagnosis. The decision to place these question right after the initial series of questions was determined so the user would not waste their time completing the entire flow if BYOD was not qualified to diagnose them.

BYOD FLOW.jpg

SYMPTOM SERIES

The final series of questions the user is presented with gets more information on specifics of their symptoms. Through these series of yes or no questions, the AI is able to calculate a final diagnosis. 

BYOD FLOW.jpg

DIAGNOSIS SCREENS

I designed the UI for the diagnosis screen, which is shown to the user after they complete the series of questions and BYOD is able to generate your diagnosis. The card design is pulled from the UI of the questions screens, and each has a drop down menu showing more information if the user wants to read more about each section.

Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Screen Shot 2021-04-28 at 1.46.33 PM.png

visual design

004

STYLE GUIDE

I assisted the main UI designer in creating this style guide for BYOD. The concept for the app was to be modern and sleek, given its advanced technology of using AI design. The idea for each of the screens was to appear as "cards" as if you were playing a game. The simplistic design makes the complex app easy to use and understand by users. 

STYLE GUIDE@2x.jpg

final product

005

bottom of page