Embedded Files
Product type
Product type
IOS App
Timeline
Timeline
Jan 2021 - Aug 2021
Software
Software
Figma
Team
Team
2 engineers, 1 clinical lead, 1 product manager and 1 business lead
Product introduction
Product introduction
As the sole designer on this project, I led the end-to-end design of a native iOS app used by clinicians to conduct remote musculoskeletal assessments. The app integrated iXR (intelligent XR), combining motion capture via device camera and advanced analytics to guide assessments, interpret results, and provide tailored rehabilitation suggestions.
My roles & responsibilities
My roles & responsibilities
What problems to solve?
What problems to solve?
It is extremely difficult to quantitatively measure musculoskeletal (MSK) health
There are no quantitative MSK assessment tools available in daily practice
Patients find hard to understand and follow their MSK state and treatment plan
The tech behind it
The tech behind it
A LiDAR scanner determines the distance between itself and an object by monitoring how long it takes a pulse of light (often a laser) to bounce back. This provides a basis for body tracking which is potentially to be used in a musculoskeletal clinical setting.
Design process
Design process
01 Defining problem statement and goals
01 Defining problem statement and goals
Problem Statement
Problem Statement
Physiotherapists need a convenient and accurate way to measure patients' moto function instantly in order to help diagnosis process and recovery management.
Project Goal
Project Goal
Bridging the gap between physio and patient to ensure optimal and personalised service delivery
User's goal
User's goal
Tracking and monitoring motor function and rehab journey
Business Goal
Business Goal
Improving accuracy and efficiency, onboarding more patients with less physio support
02 Understand the user's goals
02 Understand the user's goals
Given a clear understanding of the project scope, I interviewed a group of physios and patients, visited several clinics to observe the appointment flow and developed personas.
Providing a clear treatment plan for patient to improve transparency
Proactively tracking how patients are doing then sync with physio portal
An effective method of communication between physio and patients
Educate users on pain and treatment
03 Optimise the customer journey and user flow
03 Optimise the customer journey and user flow
Physiotherapy takes a holistic approach that involves the patient directly in their own care so the process could be long, complicated and confusing for patients. From physio's side, it is also hard to track and communicate with patients efficiently.
Understanding every customer’s experience at each stage of the customer journey is crucial for long-term improvement strategies. Outlining current processes helps to visualise what physio and patient are experiencing in real time and unveil common pain points that need to be addressed.
Through this exercise, I am able to gain a deeper understanding, and dig more opportunities to create a user-centric journey.
Customer journey map
04 Feature prioritisation
04 Feature prioritisation
With user journey map, I hosted a design workshop with stakeholders, physios, patients and product owners, we developed a clear set of features and prioritise them in consideration of impact and effort.
Four main features:
Pre-screen
Pain map
Pain questions
QoL questions
Pain score
Remote gait assessment
Guidance for assessment (posture, sound)
self assessment
Assessment summary
Treatment plan
content
timeline
Knowledge base
Pain knowledge
Self-help exercise
05 User and screen flow
05 User and screen flow
Physio user flow
Patient user flow
Key screen flow of patient
Design Evolution
Design Evolution
It is the time to work with IOS engineers closely to envision and design user interfaces within technical constraints, while leveraging and maximising the technical features.
Physio portal
Physio portal
Pathway editor (Low-fi)
Pathway editor (Hi-fi light mode)
Pathway editor (Hi-fi dark mode)
Pre-screen report (Low-fi)
Pre-screen report (Hi-fi light mode)
Pre-screen report (Hi-fi dark mode)
Patient portal
Patient portal
Patient dashboard (Low-fi concept)
Patient dashboard (Hi-fi light mode)
Patient dashboard (Hi-fi dark mode)
Assessment screen (concept)
Assessment screen (design)
Assessment screen (implemented)
User tests
User tests
We had the first round treatment plan and gait analysis test with our clinical partner.
As a UX designer, I came up with a test plan to clarify the scope and measurement of the test, then moderated the test with physio and patients. A clear notes and recording of each patient was needed for further insights summary.
Affinity mapping is a great tool to collect, organise and group qualitative data, in order to prioritise users' feedback. Also it is easier to communicate with other team members.
Outcome
Outcome
Remote assessment
Knowledge base
Google Sites
Report abuse