Overview
Designing a new feature for an fitness app that will show onboarding experience of users also can add, collaborate and track activities.
You will find
Context | Research | Wireframes | Critical Decisions | Design Guide | Solution Explanation | Prototype | Learnings
Designing Tool
Figma
Note:
In this case study it is not about a complete FitPro app design, here I have designed its one of the feature which I have mentioned above.
Context
So, here is a scenario, a fitness app have different features like workout plans, meal plans, fitness tips, and many more but requires a different, unique feature for users who can create any kind of activity say yoga, running, etc. with additional options like progress tracking and inviting others to collaborate in the activity. Sounds great! Isn't it?
Problem Statement
For existing fitness app, design an onboarding experience for a new feature. Includes features like creating fitness activities with a progress tracking option. Also, users can invite others to collaborate on an activity.
Research
Competitor Analysis
After fully grasping into the problem statement, I jumped to secondary research to uncover platforms that offered features similar to those outlined in the assignment. I conducted a comprehensive analysis of competing fitness apps, evaluating their solutions, and user flows to gain valuable insights. This examination enabled us to identify areas for enhancing user experiences by incorporating fundamental principles and user interfaces (UIs).
With a clear understanding after secondary research, I defined specific design goals and outlined the scope of the user experience.
💡
The goal is to design a screen where users can focus on a specific task flow, rather than presenting numerous options at once that may distract the user.
💡
Aim is to motivate users by leveraging various forms of feedback and promoting the benefits they can gain, thereby inspiring them to join challenges.
💡
Enabling curated activities that require no additional adjustments helps users quickly add challenges and participate without unnecessary complexity.
💡
Goal is to provides two distinct options: "Connect Nearby" and "Connect from Your Phone Contacts" to connect with friends.
💡
Providing a scope for customization of activities based on the user's preferences, providing multiple options for complete customization.
User Persona
Wireframes
These early designs helped visualize the user flow and interactions, facilitating discussion and early testing.
Critical Decisions
I've highlighted some decisions I made during Wireframing process.
🛝
Streamlined Registration
🎳
Placement of CTA's
🎲
Minimizing extra details
🎯
Using Bottom Sheet UI element
🛝
Streamlined Registration
I made a decision to eliminate a lengthy login or sign-up process within the challenge entry flow. This decision simplifies the user experience, allowing individuals to quickly get started on their fitness journey without unnecessary barriers.
🎳
Placement of CTA's
I've strategically placed Call to Action (CTA) buttons and action buttons based on usability principles. Placing these buttons where users anticipate them improves usability, making it easy for users to navigate through the challenge entry process.
🎲
Minimizing extra details
Emphasize the importance of minimizing cognitive load in decision-making. By simplifying the entry process and providing clear, concise options, and eliminating extra details users are more likely to make quick decisions and continue with the challenge.
🎯
Using Bottom Sheet UI element
Added a bottom sheet UI element to keep the user flow smooth and reduce distractions. This method ensures users stay on a straightforward path, staying focused on the task - creating their fitness challenge. It also helps to engage with relevant content without having to switch to different screens.
Design Guide
Solutions Explanation
My solution was revolving around primary on two points:
Data Preloading:
🎯
To enhance the user experience further, I implemented data preloading on screens with initial information already filled in. This approach reduces the cognitive load from users to input data manually and ensures a seamless and frictionless journey from the very beginning.
Simplifications:
🎯
My strategy aims to simplify the decision-making process for users, minimizing the need for additional clicks and inquiries. This simplification made the user's path to engagement, making it quicker and easier for them to get started on their fitness journey.
For a comprehensive user experience, I have designed and refined each of these screens, ensuring seamless transitions between them. I've mentioned all the decisions took while designing the screens.
What could be the Bussiness goals
We can enable a paid subscription based plan for the customization of activity.
Prototype
With all the above designs and its process in place, I have worked on working prototype of the FitPro app. This prototype showcases the designed screens and flows in action. Users can navigate through the introduction, participation, goal setting, personalization, and confirmation screens seamlessly. I've done a prototype that demonstrates the user-centric approach, emphasizing simplicity, motivation, and engagement throughout the experience.
Learnings
User-Centered Approach
The importance of keeping the user at the center of the design process cannot be overstated. Understanding their needs, preferences, and pain points is critical to creating a successful user experience.
Simplicity Wins
Simplicity in design not only enhances usability but also fosters engagement. By minimizing distractions and providing a clear path, we can guide users efficiently.
Heuristic Principles
Adhering to established heuristic principles for UX design, such as clear CTAs and intuitive navigation, ensures a smoother user journey.
Efficiency in Decision-Making
Reducing the cognitive load on users by simplifying their decision-making process is a cornerstone of a user-friendly experience. The goal is to minimize barriers and encourage action.
Motivation Matters
Incorporating motivational elements, such as success stories and inspirational quotes, can significantly impact user engagement and inspire positive actions.
