Heal Hub
A mobile app designed to track shoulder injury recovery, log daily activities, and remind users to perform prescribed exercises for faster rehabilitation.
Background:
We were tasked with designing a mobile app for tracking the recovery progress of people with shoulder injuries, such as torn rotator cuff muscles.
The app will gather data for medical research and remind patients to perform exercises for faster recovery. The app must include key activities as user sign-up with email and password, daily progress check-ins where users rate their shoulder pain, and general check-ins where users log daily diary entries about their sleep, food, and activities. It should also include an exercise tracker for daily prescribed exercises and access to meditation exercises to help reduce stress.
The persona given for this task is Chris, a 37-year-old tech-savvy swimmer and designer. He is recovering from a shoulder surgery which has affected his work and daily life, and he often forgets to complete his prescribed exercises. Chris seeks an app to help him stay on track with his recovery, which his physiotherapist estimates will take three months.
Our task is to design the sign-up flow, daily progress check-ins, general check-ins with calendar view, and an exercise tracker to help Chris stay on top of his recovery routine.
Type:
Case Study.
Date:
March 2024
Role:
UX Designer &
UX Researcher
Tools:
Figma,
Canva, Google Sheets.
Timeframe:
1 week
Team:
Collaboration with Annette Moi
Design thinking process
In the empathize stage, we created a user persona and scenario to understand our user. In the define phase, we created an informational architecture to organize and structure the app's content. In the ideate phase, we sketched low-fidelity designs by hand and then upgraded them to digital sketches. We used the WCAG standards to guide us in the apps color contrast, to ensure accessible design and visual hierarchy. In the prototype phase, we polished the apps interface.
Swipe through a selection of the slides from the project below:
Lessons learnt
Prioritizing accessibility from the beginning ensured our design was inclusive. If I were to iterate on something, I would change the design by filling out some of the screens with more content to avoid dead space. I would also consider making the font size larger so it is even more readable.
Links:
Figma:
Prototype