Healthcare Tracking App
Designing a bleed and treatment tracking app for patients with blood disorders
Problem:
In order to track bleeds and treatments associated with bleeding and clotting disorders, we needed to design an app that is able to collect all the information the client needs; treatment & bleed details, Patient-Reported Outcome (PRO) surveys, and goal check-ins, yet was concise and user friendly for patients. We also needed to be able to organize the data into an easily digestible way for the user and their healthcare providers.
Scope:
I was brought on during the last 1/3 of the project to complete the app. Previously there were 3 UX designers who had worked on it. I collaborated with the PM and dev team as the sole designer.
Solution:
Clean and simple UI that stays on brand with ATHN using the existing design system. Easy to use “bleed and treatment” flow, central to the app since it’s what patients use to track their medication & symptoms. An exportable report that lets users effectively communicate medication & symptom trends to their healthcare provider. Full list of features available in app store.
Methodologies & Deliverable:
High fidelity wireframes, prototype for usability testing, app store submission, exportable report design for data collected. All made using Figma, user research and usability testing done with Maze.
Robust Health header submission for the Google Play store
Client & Goals
Our client, the American Thrombosis and Hemostasis Network, Inc. (ATHN), wanted to create Robust Health to help patients with blood disorders track their health journey.
The American Thrombosis and Hemostasis Network (ATHN) is a nonprofit organization dedicated to improving the lives of people affected by bleeding and clotting disorders. We're using technology to secure data, advance knowledge, transform care—and ultimately improve lives…Our work is helping to improve care of patients at each stage of their lifecycle. We're committed to being the steward of the most current, extensive hemostasis and thrombosis data and analytic resources—resources that answer difficult questions, help evaluate clinical outcomes, provide evidence needed for clinical guidelines, and more. Source
Design Process
The app is complex and includes many features and flows. Full list of features available in app store. This illustrates how I designed one key feature of the app: the exportable reports. I’m choosing to highlight this feature since none of the components made by previous designers was used for the report. Everything was done by me.
I started off by reviewing ATHN brand guidelines and colors.
I then collaborated with the PM and developers on what metrics or data sets would be most the most relevant to summarize. I did market research by downloading similar mobile apps on my phone and did a competitive analysis of all the exportable reports in these apps.
After cross referencing the results of the competitive analysis with our meeting results, I started designing the report. I worked closely with the PM and the development team during this and many iterations were made to cover all edge cases.
A sample of what I would pass off to the development team
The final result covered exportable reports with the options of 12, 6, and 3 months. 12 and 6 month reports are shown below. Each report has a cover page and subsequent pages detailing everything the patient has tracked in the selected date range.
User Testing
A lot of market research was done for the app but user research or usability testing weren’t part of the original statement of work. The timeline for the MVP didn’t allow us to complete research before launch. However, I have started retroactively usability testing the app on Maze so we can redesign any parts of the app that aren’t user friendly in the next version.
Below is the bleed and treatment flow, a key flow in the app.
Here is part of the user feedback we received from Maze for this flow. A lot of the feedback reflects our challenges during the design process; being able to design a product that is able to collect all the data points the client needs, yet is concise and simple for the user. I’m currently working on redesigning flows so that more questions can be combined on a single screen rather than one question on each screen.
Challenges & Future Considerations
As mentioned previously, balancing client and user needs was a challenge since there was a lot of data the client wanted us to collect and I needed to design the app in a way that was simple for the user. I remedied this by keeping the UI clean and starting to user test.
There was quite a lot of features for the MVP of the app, I think being able to prioritize certain features would simply the app make it easier to use for patients. More user testing and market research would help with this.
When we first started researching ways we could start doing user testing, we ran into the issue not being able to screen for users who had blood disorders because of HIPAA guidelines. In the future, it would be beneficial for us to request the client provide us with patients we could interview and usability test with.
I’m the only UX designer in the company, while I had a lot of support from my team and enjoyed wearing many hats, I think being able to ideate with more designers would be beneficial to our process.
Even though the MVP app has launched, we plan to redesign and continuously iterate based on feedback and user research!