KMI Gait Report UI

Kinetic Motion Inc

My Roles

  • The only UI/UX Designer: Led the entire design process from research to final prototypes.
  • Studied gait analysis and medical design principles.
  • Worked closely with KMI to make sure designs met their needs.

team

Liu Wei, Ph.D (research mentor)

tools

Sketching, FIgma

Timeline

June - Aug 2024

Overview

At Kinetic Motion Inc. (KMI), I designed an intuitive user interface to present detailed gait analysis reports derived from advanced motion-tracking technology. The interface was developed to streamline data interpretation for medical professionals, enabling the diagnosis of muscle deficiencies and gait weaknesses for fall prevention treatment.

This project was part of a larger, federally funded initiative under the San Antonio Claude D. Pepper Center at UTHSCSA with applications in Alzheimer's disease, which is supported by the NIH. Working closely with subcontractors on this initiative, Dr. Marcus Hollis, CEO of Blue Bay Research (BBR), and Dr. Wei Liu, Associate professor at UTHSCSA, my work contributed to improving the usability of complex medical data, enabling healthcare professionals to make informed decisions.

Problem exPLORATION

Inefficient Diagnostic Process

Observational gait analysis

Traditionally, medical professionals rely on observational gait analyses, which uses checklist forms that are limited in accuracy and vulnerable to observer bias. Current tools often suffer from excessive complexity or lack user-friendly interfaces, leading to time-consuming workflows and potential diagnostic errors.

Examples of data report from motion tracking software

Audience

To further clarify our goals, I also narrowed down two types of future users:

Experienced Healthcare Professionals
  • Motivated to understand comprehensive patient deviations quickly to faster diagnose gait problems and track improvement.
  • Interested in concise and easy-to-read data with emphasis on the most useful features for diagnosis, visual comparison of various data forms, and easy toggle of patient reports of different dates.
Less Experienced Users:
  • Motivated to use the application to generate accurate diagnosis and treatment plans
  • Interested in more detailed diagnoses, suggestions for treatment, informational diagrams, and links to more resources.

I needed to make a design that emphasized with both user groups, to maximize the functionality of this interface.

Problem Statement

Medical professionals need a streamlined, intuitive solution to analyze patient gait patterns and diagnose related issues.

Goal

Goals

  • Create an easy-to-use interface for a gait analysis app.
  • Represent numeric data from motion-tracking technologies in simple, clear visuals like graphs and tables.
  • Make it easier for doctors to diagnose and treat patients by speeding up the process.
Brains

Challenges

  • Making complex medical data easy to understand.
  • Ensuring the design fits medical standards and is user-friendly for doctors.
  • Updating designs based on ongoing feedback from KMI.

Design Solution

Ideation / Planning

After researching about the diagnostic process, I created this flow comparison with feedback iterations from my mentor which gave more insights on what features were crucial and which were not. I narrowed them down to the following:

  • ROM Data: Visually displays the raw numerical ROM data from motion tracking reports (across patient’s gait cycle), to compare to normal ROM. This allows users to directly refer to the raw data in a simple way. Together with the deviations tables, they allow for a comprehensive comparison between data and diagnosis.
  • Stick figure graph: imported raw data from the report to help users visualize joint angles and positions at each major gait stage.
  • 3D Muscle Diagram: To better display location and connections of mentioned muscle systems for visual reference.
  • Toggle of different reports (same patient): Enable easy switching to see progress over time.
  • Deviations Table: Display the abnormal joint angle deviations throughout the patient’s gait cycle, categorized by body part involved and colored by severity. This immediately gives users a complete overview of all the patient's deviation data.
  • Diagnoses Table: Analysis of the causes or corresponding symptoms of the patient’s major deviations to better aid user diagnosis.
  • Future Treatment: Suggestions on personalized treatment options for diagnoses such as weak muscle areas, with links to resources.

With those insights, I began sketching possible UI orientations, focusing on the features that needed to be presented together for user comparison.

Prototypes

Draft 1

The first prototype draft above was focused on the deviations mapping feature concept and had an overall simplistic layout.

Through discussions with my mentors, features were moved around and refined. For example, the colored deviation graph was too cluttered and ineffective for multiple deviations to be represented. In response, I simplified the presentation to lower the cognitive load of users.

More Iterations

Feedback & Improvements

Pain Points

  • Not enough emphasis is placed on causes and treatment features not emphasized enough through the mall hover popups on the deviation table
  • The deviations table was too cluttered by redundant labels
  • Skeleton 3D model was too distracting and complex compared to rest of interface

Implementations

  • Created separate pages dedicated to causes and treatment, for more thorough reports
  • Minimized labels while still keeping an intuitive interface
  • Simplified 3D model and relocated to beside table for easier visual comparisons

Final Designs

Next steps

  • Conduct more user testing with a wider range of medical professionals to gather additional feedback
  • Further refine the interface based on feedback to enhance efficiency

Takeaways

  • Organizing detailed data representations in the most efficient and user-friendly way
  • Working closely with medical professionals to create a UI that truly addressed user needs
  • Researching into the medical diagnostic process to create user flows that better fit into users' workflow