Melody Mover

Role: UI Designer, Visual Designer
Fall 2023

Overview
Melody Mover is an app that uses cueing and community to help Parkinson's patients retain and improve their mobility. As a UI designer, I worked collaboratively with a team of medical students, business students, and developers to design an intuitive, accessible, and encouraging user interface.
Problem + Outcomes
Making a non-pharmacological way to help Parkinson's patients stay moving accessible.
Problem: Patients with Parkinson’s disease have limited accessible, self-operable, non-pharmacologic solutions available to address their progressive mobility concerns.
Solution: To create an app that utilizes cueing and a social approach to help Parkinson's patients retain mobility. Utilize accessible design practices and focus on designing clear functionality to improve the user experience.
Outcomes: Designed over 100+ prototype screens from scratch for an app that utilizes cueing and a social approach to help Parkinson's patients retain mobility. Utilized accessible design practices and focused on designing clear functionality to create a thoughtful user experience. Implemented social media aspects and gamification to create a more engaging structure, and collaborated with developers to implement the design into a working prototype for a medical program capstone.
UX Research
Learning about cueing to retain mobility.
Prior to my involvement in this project, much of the initial research about the effectiveness of cueing for retaining mobility in Parkinson's patients was completed by the medical students on our team. Cueing, or using a noise or other cue to redirect the command to walk to a working part of patients' brains, is an effective, accessible approach that is underutilized. In designing for the target audience, considerations like a simple, intuitive user flow, high-contrast text, a tutorial, and accessibility options were be considered.
Graphic explaining cueing: Sweeney, D.; Quinlan, L.R.; Browne, P.; Richardson, M.; Meskell, P.; ÓLaighin, G. A Technological Review of Wearable Cueing Devices Addressing Freezing of Gait in Parkinson’s Disease. Sensors 2019, 19, 1277. https://doi.org/10.3390/s19061277
Addressing a gap: Other apps that utilize tactile cueing, video cueing, and music pace adjustment offer only a specific type of cueing per app. Melody Mover stands out from the competition by offering multiple cueing options in one app (metronome, music, sound, and video), embedded into a social platform to encourage users through community support.

After an conducting an informal competitive audit and discussing with the team, I identified primary goals for the app UI: to be an easy-to-use, accessible, and approachable. The platform maintains an intentionally simple look to highlight the diverse cueing options and social aspects.
Process Work
How can we make this app intuitive to navigate for folks who may not be tech-savvy?
In my initial sketches and low-fidelity prototypes, I explored the most intuitive way to organize the app's three primary functions: the social media aspect, cueing, and tracking mobility data. The structure is inspired by other popular social media apps, utilizing familiarity to help reduce the app's learning curve. The UI also has clearly labeled pages, buttons, and repetitive layouts to add clarity to the user flow.
Design
An app design that combines community support with cueing to help Parkinson's patients stay mobile.
How it works: The home page houses the social media functionality. Users are shown their feed by default, and can switch to view community feeds. The walk page prompts users to set-up their walk with their cue and speed of choice. Users can pause the walk, get assistance if needed, or end the walk. Afterwards, a summary of the walk is shown. The data page collects summaries of previous walks for users to view. It also includes a feature to auto-share their data with their selected care providers.

Other features in the app include a challenges tab with streaks and challenges to help keep users motivated, users' profile pages, a tutorial for how to use the app, and an FAQ page, and more.

As I worked on translating the low-fidelity prototype to a high-fidelity prototype, certain features were expanded on to make the user experience more robust. Changes included clarifying the commenting process on others' posts and including more cue options to choose from.
Browse the prototype on Figma
Learnings + Next Steps
Pushing past the capstone
Throughout this project, I learned new prototyping skills in Figma such as working with overlays and transitions. I also gained experience working on an interdisciplinary team, which included medical students, business students, and developers and communicating cross-functionally to turn the idea into a design, to become a workable MVP prototype.

Unfortunately, this project concluded prior to user testing due to the project timeline (this was a capstone project for members of my team), but user testing and iteration would a priority for the next steps.
< Previous Project
Immunology Dashboard
Next Project >
Service Design Research
LAST UPDATED FALL 2024
LET'S CONNECT >>
LINKEDIN
EMAIL