Project duration : 9 months
Role : UX Design & App development lead
Location : Georgia Tech
Tools used : Adobe XD, Adobe Illustrator, Draw.io
Developed using the Facebook-backed framework React Native
Brief : To design and develop a tablet app to help clinicians visualize patient walking data. The data is received through an instrumented Ankle-foot orthosis (IAFO), providing indicative statistics on important gait characteristics, such as ankle angle and torque.
The main purpose of the app is to guide clinicians to perform several clinical tests to make adjustments to the ankle foot orthotic under different conditions of walking (level ground, incline and stairs). The app then receives and presents the data to the clinician in a usable, intuitive manner and get insights and recommendations for further testing.
The app design underwent several iterations through the year and is programmed using Facebook’s framework for building cross-platform native applications for Android and iOS, so as to have platform flexibility in future development and testing.
- To make an intuitive flow - from initial login and patient profile setup to completing various user tests with the iAFO device.
- To guide the clinician in a simple, step-by-step manner to understand new procedures, biomechanical assessment tests and gait performance tests.
- To assist the clinician in setting up the iAFO, putting it on the patient and adjusting it based on recommended values.
- To make the terminology and processes aligned with the usual workflow of the clinician, so as to keep a natural learning curve. This included the integration of existing ICD-10 codes for diagnoses, and rating scales for biomechanical assessments.
- To follow a simple, linear, step-by-step process from setup to final result.
The interface is built using a minimalist approach, which requires simplicity and clarity to create a very usable graphical user interface. This is achieved using the minimum required content on each screen with easy navigation throughout the usage of both the application and the iAFO device.
The user journey map defines an end to end detailed workflow for :
- The clinician to start the application,
- Access a patient record or set up a new patient record,
- Put on the iAFO device,
- Run the tests with the patient and the device,
- Access and understand the data from the device and
- Perform a complete evaluation.
Setup of patient data and initial device setup :
The dashboard went through several iterations, to make for clear hierarchy of information, switching between different characteristics and navigating between and comparing different tests.
The final app prototype as developed in React Native.
The dashboard showcases the most important characteristics (Max. Plantarflexion, Max. Dorsiflexion and Max torque).
Color is used as the unifying element to identify each test.
Simple icons and minimal information represent which test is selected and shown on screen.
There is simple tab-like navigation to switch between different characteristic.
Users can choose and compare between tests by selecting all relevant tests, or perform new tests and categorize and compare them.
And simple sliders allow for matching the phase of different tests.