UI/UX Case Study: FlexIt ProTool

The FlexIt ProTool was developed to enhance the FlexIt platform by introducing a sessions programming feature for fitness professionals. This tool enables trainers to efficiently plan and structure virtual training sessions, improving preparedness, organization, and effectiveness. Through comprehensive user research, iterative design, and user feedback, FlexIt created a user-centric solution that addresses trainers' needs and elevates virtual training sessions. The successful implementation of this feature demonstrates FlexIt's commitment to supporting health and wellness goals with innovative and effective tools.

Date

Oct 2022

Roles

Lead UI/UX Designer
UX Researcher

Enhancing Trainer Experience with FlexIt ProTool

The development of the FlexIt ProTool aimed to address specific challenges faced by trainers in planning and organizing virtual training sessions. By introducing new features and improving functionality, the goal was to enhance session preparedness, organization, and overall effectiveness.

Streamline Session Planning

Simplify and expedite session preparation to address trainers' struggles with efficient session planning.

Comprehensive Organization

Provide tools for better organization of exercises, equipment, and session notes to ease the maintenance of session details.

Enhanced Session Effectiveness

Incorporate features that enhance the quality and structure of training sessions, ensuring each session is impactful.

Flexible and User-Centric Design

Design a user-centric tool adaptable to various training styles and needs, addressing the diverse workflows of trainers.

Understanding the Trainer's Perspective

To enhance the FlexIt virtual conferencing tool, a comprehensive user research initiative was conducted. Over 40 trainers, representing 90% of FlexIt's trainer base, completed surveys, providing valuable quantitative insights. In-depth interviews with 10 trainers revealed qualitative nuances, enriching the understanding of their experiences. Key findings highlighted session planning challenges, the need for streamlined processes, better organization, and an emphasis on session effectiveness. The diversity of workflows and positive reception to innovation underscored the need for a flexible, user-centric solution.

Feature Prioritization

Utilizing prioritization matrices, the design team prioritized features based on their potential impact and alignment with identified user needs. The goal was to ensure an immediate and meaningful impact on trainers' workflows.

User Flow for FlexIt ProTool

To streamline the session programming process for trainers, a detailed user flow was created for the FlexIt ProTool. This flowchart outlines the steps trainers follow to create and manage training plans, from the home screen to sharing the finalized plan with clients. By mapping out each step, we ensured the design is intuitive and supports trainers in efficiently planning and customizing their sessions.

Visualizing the Design:
Low-Fidelity Wireframes

To translate research insights into actionable designs, we created low-fidelity wireframes for the FlexIt ProTool. These wireframes provided a detailed blueprint of the user interface, allowing us to explore layout, functionality, and user flow. This step was crucial in visualizing the user journey and ensuring that the final design would be both intuitive and effective for trainers.

Bringing It All Together:
Final Desktop Designs

After extensive research, brainstorming, and iterative design, we developed the final desktop designs for the FlexIt ProTool. These high-fidelity designs incorporate user feedback and ensure a seamless, user-friendly experience for trainers. The final product not only meets the needs of fitness professionals but also enhances the overall functionality and effectiveness of the FlexIt platform.

Optimizing for Mobility:
Final Mobile Designs

After thorough research and iterative design, we developed the final mobile designs for the FlexIt ProTool. These high-fidelity designs ensure a seamless and intuitive user experience on mobile devices, allowing trainers to efficiently manage sessions on the go. The final product enhances the platform's functionality, catering to the needs of fitness professionals in a mobile-friendly format.

Results and Conclusion

Through a collaborative and iterative design process, FlexIt bridged the gap between user needs and the final design of the Sessions Programming tool. The implementation of the new ProTool dashboard resulted in a 32% increase in task efficiency for trainers, allowing them to manage sessions and track client progress more effectively.

Additionally, user satisfaction ratings improved by 19%, reflecting the enhanced usability and intuitive design. This solution addresses trainers' challenges and introduces innovative features to enhance virtual training sessions.