Project overview
Physical therapists work to help people in need. They spend a lot of time at work and use a large quantity of paper. they often don’t have the right work tools.
PhysioPro is an App to help physical therapists at work. The goal of this app is to make them work smarter, faster without using a ton of paper by providing digitization of the anamnesis questionary and the therapy findings.
Duration: 1 month, 04/2021
My role: UX designer leading the PhysioPro app design from start to the end.
Responsibilities: Conducting interviews, wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, and responsive design.
User research
I conduct user interviews, which I then turned into empathy maps to better understand the target user and their needs. I discovered that many of them want to work smarter and get home on time without spending hours writing down what they did during the therapy.
However, many physical therapists write everything on paper and spend a lot of time at work to finish all the paperwork, which is frustrating. This creates bad energy in the workplace and it is reflected in the patients.
Pain points
Time: Anamnesis and documentation are one of the most important things to write down for a physical therapist. It needs a lot of time to do it for every patient.
Environment: Using so much paper is not the best idea for the environment. A mobile app can spare a lot of paper.
Productivity: Stay longer after work to finish the paperwork is frustrating.
Persona
Problem statement: Anja is a physical therapist and mom who needs a way to spare paper and time at work because she wants to be on time at home.
User journey map
I created a user journey map of Anja’s experience at work to help identify possible pain points and improvement opportunities.
Goal: spend less time and paper writing down what was done during the day.
Moving from paper to digital wireframes made it easy to understand how the redesign could help address user pain points and improve the user experience.
Prioritizing a clear design to have all the needed information at once was a key part of my strategy.
Wireframes
Low-fidelity prototype
To create a low-fidelity prototype, I connected all of the screens involved in the primary user flow of writing the patient documentation.
View PhysioPro low-fidelity prototype mobile version and desktop version.
Usability study
I conduct a moderated usability study with 5 participants between the ages of 18 and 65. The study was localized in Germany but remote and each session was 15 minutes long.
These were the main findings uncovered by the usability study:
Login: Users want to have an account so they don’t have to do all the work twice.
Design: Users wants to have a structured design on the documentation screen to write what they did during therapy
Plan: Users wants to be able to change their week plan on the shifting screen
Mockups
Based on the insight from the usability study, I made changes to improve the design overall. I added a login screen to allow users to have an account and save their work.
The documentation screen wasn’t optimal. I adjusted the design to make it more understandable so the users can have all information in one look.
I included considerations for additional screen sizes in my mockups based on my earlier wireframes. Because users work from a variety of devices, I felt it was important to optimize the user experience for a range of device sizes, such as desktops.
High-fidelity prototype
My high-fidelity prototype followed the same user flow as the lo-fi prototype and included the design changes made after the usability study, as well as several changes suggested by members of my team
View the PhysioPro high-fidelity prototype mobile version and desktop version.
Accessibility considerations
I used headings with different sizes of text for a clear visual hierarchy.
I used color contrast (ratio) to make my design accessible. The color I used to have a ratio of 4.86:1 and 15.62:1.