Activimeter App

Providing real-time data to improve surgical decision-making

CLIENT

Lifestyle Medical

MY ROLE/TEAM SIZE

I was one of two UX Designers. The other designer was the co-founder.

ACTIVITIES

User interviews, persona empathy mapping, competitive analysis, ecosystem mapping, customer and user journey mapping, wireframing, user flows, interaction design, visual design

PROJECT SUMMARY

Design of a mobile app for orthopaedic surgeons to visualise and – through wearable sensors – track their patients' range of motion, steps, and active motion outside of the clinic. This provides them accurate, quantifiable data to improve surgical and therapy decision-making.

Lifestyle Medical needed an interface for their app that helps orthopaedic surgeons easily visualise and manage the rehabilitation of their total knee replacement (TKR) patients. It comes with wearable sensors that tracks the patient's range of motion (ROM), steps, and active motion outside of the clinic. This provides them accurate, quantifiable data to improve surgical and therapy decision-making.

The project involved designing the orthopaedic surgeon's experience from end-to-end – from assigning the wearables to a new patient to generating reports for patients already in therapy.

Paper prototyping helped me identify areas that needed improvement

The research phase included involved face-to-face and remote workshops with Lifestyle Medical, persona creation, ecosystem mapping, journey mapping, and competitive analysis of similar apps.

Mapping the journeys of both the surgeon and the patient helped establish the user flow and determine the different components that needed to be in the UI prior to sketching.

I created paper prototypes for three different scenarios, using post-its to depict alerts and dropdowns. This step resulted in coming up with a better experience, such as more relevant information in the Patient Record, improved copy, and new features e.g. inclusion of pre-existing conditions and deformities. The refined solutions were applied to the high fidelity visual designs handed over to Lifestyle Medical.

LEFT: Lifestyle Medical's initial concept for the measurement functionality was arc-shaped

RIGHT: I proposed to change it to an inverted arc as this was visually more similar to the knees' range of motion. The legs (normally) do not bend the other way.

Design Decisions

COLOUR PALETTE

The colour palette consists of green, orange, and grey. The main green shade follows the brand colour. Orange indicates interaction and is used for buttons and links. I derived it from the blue brand colour, using the tetrad colour scheme.

CONCAVE VS CONVEX

At the beginning of the project, Lifestyle Medical provided their concept of the measurement functionality. Their range of motion metre was concave in shape, similar to a car’s fuel metre. I proposed to change it to a convex shape, as this was visually more similar to when the knees are being measured, with the patient sitting down. The legs (normally) do not bend the other way.