Role
Product Development,
UX Research, Prototyping
UX Research, Prototyping
Project Type
Product Design
Duration
1 month
Tools Used
Posenet, TensorFlow, Phyton, RPi and Figma
The Problem
Traditional swimming training heavily relies on in-person coaching and training sessions. However, this approach limits swimmers' flexibility and makes it challenging for instructors to provide individualized guidance outside of pool hours. As a result, many swimmers struggle to find consistent training resources and a supportive community.
The Solution
SwimFit is a revolutionary app designed to provide swimmers and instructors with a seamless online platform to stay connected, enabling them to continue their personalized practice and improve their performance remotely by leveraging the power of AI, specifically TensorFlow and PoseNet.
The Design Challenge
"How might we create a seamless and personalized swimming experience for users of all levels of swimmers?"
Understanding the User
Empathy is at the core of user-centered design. To truly understand the needs, preferences, and pain points of swimmers and instructors, I engaged in comprehensive user research. By asking real people about their thoughts and experiences, I gained valuable insights that shaped the SwimFit app's features
User Interviews
I conducted one-on-one interviews with swimmers of different skill levels and swimming instructors. These conversations delved into their motivations, challenges, and aspirations in the world of swimming and training.
Observational Notes
By observing swimmers during training sessions and competitions, I gained firsthand insights into their interactions, training methods, and pain points. I categorized these insights into three categories which were training sessions, equipment used and post-training discussions.
Research Findings
From my research, I identified the pain points and preferences of the users. I sorted the key points into different themes that are listed below.
Personalized Progress Tracking:
Swimmers desire to track their progress and improvements over time.
Coaches need to plan their students' training routines and monitor their achievements.
Coaches need to plan their students' training routines and monitor their achievements.
Community Engagement and Motivation:
A need for a sense of community and interaction with other swimmers to share achievements and challenges.
Real-Time Guidance and Technique Improvement:
No real-time guidance and visual cues to improve technique during training.
No remote coaching or offer real-time feedback provision.
No remote coaching or offer real-time feedback provision.
Integration of Training Data:
Coaches want a platform that could integrate and analyze training data from various sources.
Ideation
For the ideation process I used the reverse brainstorming process. Based on the the key points from the research, I started working on the types of application features that would cover the gap in the current swimming environment by fixing the key pain points. I narrowed down the design solutions based on business needs, and user pains.
- Leverage advanced AI technology to meticulously analyze swimmers' movements.
- Forge connections within a thriving community forum, uniting swimmers and instructors.
- Empower swimmers with detailed performance insights.
- Access to expert guidance beyond the confines of traditional training hours.
User Persona
User Experience Framework
Based on the features I was going to implement, I mapped out a user experience framework to analyze how they would fit in the overall user journey.
Exclusive SwimFit Features
Personalized Training Program:
SwimFit utilizes AI, specifically TensorFlow and PoseNet, to analyze swimmers' movements and provide personalized training plans tailored to their strengths and weaknesses.
SwimFit utilizes AI, specifically TensorFlow and PoseNet, to analyze swimmers' movements and provide personalized training plans tailored to their strengths and weaknesses.
Progress Tracker:
Swimmers can easily monitor their progress through detailed performance which allows users to visualize their improvement over time and celebrate achievements.
Swimmers can easily monitor their progress through detailed performance which allows users to visualize their improvement over time and celebrate achievements.
Community Support:
SwimFit features a community forum where swimmers and instructors can connect, ask questions, and share insights.
SwimFit features a community forum where swimmers and instructors can connect, ask questions, and share insights.
Instructor Feedback:
Instructors can provide personalized feedback and coaching remotely, giving swimmers access to expert guidance beyond traditional training hours.
Instructors can provide personalized feedback and coaching remotely, giving swimmers access to expert guidance beyond traditional training hours.
Prototype
Lo-Fi Prototypes
From Idea to Prototype
Once the low fidelity prototype was completed, I started on making a mid-fidelity version based on that user testing. I made a style guide and conducted Web Accessibility Tests.
Prototype Testing
The testing was conducted via wireframe testing and think out loud testing. Two coaches and two swimmers were chosen as participants at random and they were told to explore the wireframes as they wished. I asked them to say the actions they were doing and their thoughts out loud, which was being recorded using an audio recorder. After the testing concluded, they were given an open ended questionnaire to fill out.
User Feedback and Insights
"Navigation paths are confusing."
Refined the app's navigation structure with buttons for core functionalities.
Refined the app's navigation structure with buttons for core functionalities.
"Don't know where to find the feedback for lesson swimming techniques."
Enhance the feedback system by providing clear navigation.
Enhance the feedback system by providing clear navigation.
" There should be progress tracking."
Redesign the progress tracking dashboard to include more visually appealing charts, graphs, and achievement badges.
Redesign the progress tracking dashboard to include more visually appealing charts, graphs, and achievement badges.
"The instructor view should have student view features as well."
Provide an "instructor view" for the app with similar community engagement features.
Provide an "instructor view" for the app with similar community engagement features.
Introducing SwimFit!
High Fidelity Prototype
Student View
Users can log in or create
an account
an account
Users can view their goals and begin lessons
Users can choose their
workout type
workout type
Read their feedback for
different sessions
different sessions
Users can practice and send their lesson for feedback
Choose privacy settings
Instructor View
Users can log in or create an account
View their goals and see the student lessons
Users can choose their workout type
View the lessons for providing feedback
Write out feedback for the students
Key Takeaways
Empathy-Driven Design
Understanding and empathizing with the needs, preferences, and challenges of swimmers and instructors was fundamental. Designing with empathy ensures that the app truly addresses user pain points and provides meaningful solutions.
Iterative Testing and Feedback
Conducting regular user testing and gathering feedback during each stage was invaluable for refining the app. Embracing an iterative design process based on user insights ensures continuous improvement and a more user-centric product.
Balancing Complexity and Simplicity
Finding the right balance between advanced features and a user-friendly interface was crucial. Initially the interface was crowded and confusing because of the number of features and the clutter had to be cleared.
Continuous Learning and Adaptation
Staying up-to-date with emerging technologies and trends is crucial. The SwimFit app highlights the importance of continuous learning and adaptability based on user feedback in the field of UX design.
Other Projects
UX Research
Reddit Retrofitting
Experience Design
Stingray Encounter
Let's work together!
Drop me a line
