Your Momentum
Your Momentum is a personalized mobile app designed to help users develop positive habits and break negative ones. With tailored guidance, progress tracking, and timely reminders, it keeps users motivated and fosters self-efficacy, enabling them to achieve their goals effortlessly, even in a busy lifestyle.
Project Overview
Mobile Application
Development
Team
Eason Xinran Wang
James Yueqian Li
My Role
Product Designer
Timeline
Aug 2024 - Present
Challenge
Users often struggle to build consistent good habits or break bad ones due to a lack of time and the pressures of a fast-paced lifestyle.
Additionally, they frequently experience a lack of accountability and motivation, as well as limited awareness of their progress, making it even harder to stay on track.
Goal
Develop a personalized assistant that helps users build and maintain positive habits while breaking bad ones by offering tailored guidance, fostering accountability, and providing clear progress tracking—all within a time-efficient and user-friendly experience.
My Contribution
As the only designer on the team, I created the entire design system, developed comprehensive UI designs, and delivered high-fidelity prototypes using Figma.
Additionally, I collaborated closely with the developer to ensure seamless design implementation and assisted with debugging through Expo.
Process
Design
Develop the design system and create high-fidelity prototypes using Figma.
Implementation
Collaborate with the full-stack developer to implement design solutions using GitHub and React Native.
Evaluation
Debugging and conducting
usability testing.
Solution
Our team uses GitHub, React Native, and Expo for development, code reviews, and prototype deployment. We are currently focused on debugging and conducting usability testing. The app is scheduled for a soft launch in May on both iOS and Android platforms.
First-Time User Onboarding Experience:
Step-by-Step Tutorial with Animated Guidance:
Step-by-step onboarding is designed to help first-time users fully understand the functionality of Momentum. We incorporated detailed and intuitive animations to demonstrate the workflow, ensuring users can start using the application with ease and confidence.
Feature One: Missions
Customize Mission Parameters and Goals:
Users can effortlessly and flexibly define parameters and input their goals, ensuring alignment with their personalized plans.
Mission Library:
Users can review, edit, and manage their missions in the Mission Library tab.
Good Habits are missions aimed at fostering positive behaviors. These are measured by whether users achieve the goals they set.
Bad Habits are missions focused on eliminating undesirable behaviors. These are measured by whether users refrain from meeting the goals they have set.
Notification:
We have implemented a notification feature that allows users to receive notifications based on the time preferences they set for each mission.
Feature Two: Home
Today's Missions
The home screen of Momentum displays the missions users need to record for the day. The progress bar at the top of the interface reflects the user's daily progress.
Record Progress with Simple Clicks:
Users can long-press the mission card to input data quickly and efficiently.
Manual Progress Recording:
Users can also tap the record icon below each mission card to manually log their progress.
Mark Goals Achieved
Users can also tap the icon in the top-right corner of each mission card to directly mark the achievement of their preset goal.
Feature Three: Statistics
Track Personal Performance
Users can utilize the statistics feature in Momentum to monitor their personal performance.
Feature Four: Calendar
Edit Historical Data:
Users can revisit and edit historical data under the Calendar tab.
View Performance at a Glance:
The green dot indicator beneath the date signifies that the user has achieved all their mission goals for that day.
Design System
High Fidelity Prototype
Low Fidelity Prototype
My Takeaways
Collaborating with Engineers:
This project provided me with valuable insights into collaborating with front-end and back-end engineers to implement design solutions effectively. It enhanced my ability to communicate with them to ensure successful implementation while also working together to identify potential opportunities for improved design.
Feasibility of Design Solutions:
Gaining insights into design implementation and understanding the technical challenges involved is incredibly valuable. This experience offered an excellent opportunity to learn how to debug and overcome these challenges.
Iteration:
Throughout the design process, there were several instances where we revised the interface design, added new functions, and eliminated original concepts. This iterative process enabled me to balance technical feasibility, time constraints, and design requirements to arrive at optimal design solutions that effectively addressed user needs and project goals.
Next Steps
Debugging and Usability Testing:
We are currently focused on debugging and conducting usability testing to uncover and address potential usability issues.
Soft Launch:
We are currently preparing for the soft launch on Android and iOS platforms.
