This product was developed for Hack The Valley 7, a hackathon organized by the University of Toronto’s Scarborough Campus. Our team had 36 hours to design and develop a functioning demo and pitch presentation for a panel of judges.
We chose to develop a health-care application to submit for the health section in the competition. We wanted an application that incorporated a monitoring and streaming system.
The original pitch deck and UI can be seen below.
The current long-term patient experience is not accessible, efficient or sustainable for
the patient, support worker & doctor.
Long-term care: a variety of services which help meet both the medical and non-medical needs of people with a chronic illness or disability who cannot care for themselves for long periods.
Remote Patient Monitoring (RPM): method of healthcare delivery that uses the latest advances in information technology to gather patient data outside of traditional healthcare settings.
The market of RPM has grown recently with the advancements of technology. The advantages of the method include:
* constant stream of data providing a patient’s health
* patient’s monitor their health in the comfort of their home
* the power for clinicians to know what is occurring with their patient in real-time
Statistics Canada. (2016). Health at a Glance: Difficulty accessing health care services in Canada
To understand our idea and our user better, I created a quick prototype user persona. The persona was also an asset to our pitch presentation. It allowed me to create user tasks to explain each of the product features and perform alignment.
It is difficult to book appointments through the phone and also meet with a doctor
It is challenging to access prescriptions and order from the pharmacy
It is easy to forget to follow doctor’s instructions
All of us had a lot of features and functions we wanted to add to our application. We organized our thoughts quickly within a Figjam. This process took around one hour.
Brainstorming Screenshots taken from the FigJam Planning Board
Product Requirements Document
At the start of the second day, I had finally ironed out a lot of the workflows needed for the application. The four of us held a very time constrained version of a tech feasibility meetings and critiqued what can be attained within the competition.
User Flow of Low Fidelity
A lot of the interactions we were already familiar with but, I had trouble understanding Risk Assessment, which was calculated by our Machine Learning Engineer Ayesha Khan. I was having trouble visualizing the data that would be shown on screen and how it would be communicated to the user.
The purpose of risk assessment is to help users gain perspective on the medical data that is being inputted by both the user and their doctor. It will record and give suggestions of what they could be in risk of. We made sure to amplify that the feature does not provide a credited diagnoses but, should serve as a talking point with your doctor.
Though I understood the goal of the risk assessment, I didn’t know how to portray it to the user. To remediate my learning curve, I worked with the Machine Learning Engineer to design the screen.
A flow that was created to help understand and answer questions regarding risk assessment
The first iteration of the low-fidelity risk assessment flow
The UI Design of the application was given a perfect score by the judges. I chose the colours and button designs off of the designs of other health and calendar applications. I focused on bright and welcoming colours as well has buttons with a high-contrast for usability.
After creating a quick style guide, I used the low fidelity frames to create a high-fidelity. This process was fairly quick after ironing out the design guide. If I had the time, I would've cemented a final design system.
High Fidelity Screens
Virtual Appointments
Request and keep track of virtual appointments!
The Appointments feature allows you to stream from the comfort of your own home. This feature directly addresses the user need of quick appointment booking and better accessibility.
Pain Points Addressed: Users find it challenging booking appointments and accessing them remotely.
Virtual Appointment Flow
Prescription Tracker
Track your prescriptions and regulate your schedule.
The prescription tracker allows the user to track prescriptions assigned by their medical practitioner in the form of an alert system. Doctor's notes and instructions are recorded as well.
Pain Points Addressed: Users find it difficult to remember to take prescriptions and remember doctor's instructions.
My Prescriptions Flow
My Health Info
Understand your health better with our monitoring feature.
My Health Info takes information from the patient's regular check-ups and uploads them to OPatience allowing their medical history to be more accessible. To encourage users to interact and take action with this information we also implemented a risk assessment feature. Potential Risk shows possible risks based on the user's data, encouraging them to contact their doctor.
Pain Points Addressed: Users find it challenging to access their current medical data and to comprehend how to act on it.
My Health Info Flow
Time to pitch this product! Our developers created a demo in record time to showcase key interactions within OPatience. Our original pitch deck can be seen below, I made a few UI changes since then but, the functionality remains the same.
Our pitch was posted on Instagram! The video can be viewed here:
https://www.youtube.com/shorts/HDY3mIYTSpo
My team had a great time working on this and I'm still in contact with them after the competition! It was a lot of fun and I enjoyed it quite a lot!
We were recommended to a post-graduate student who works in healthcare technology and we are currently in contact with her to improve our project. I personally plan to conduct user-testing in the near future to improve the functionality of our application.
Thank you for reading my case study! Have a lovely day!
