Overview
The Opo Coach project entails developing a mobile application specifically for candidates preparing for police and firefighter exams in Spain, with the goal of providing a comprehensive platform for managing and monitoring training progress. At the core of the app are features like Training Metrics Tracking, which allows users to log various physical training activities, including running times and strength training progress. This feature supports both manual data entry and integration with fitness tracking devices, offering versatility for different user preferences.
Another critical feature is the Customizable Training Plans, where users can tailor their training schedules according to the specific demands of police and firefighter physical exams in Spain. This customization is complemented by a variety of templates and guidance, simplifying the process of creating effective training programs.
The app also includes a vast array of Educational Resources, ranging from exam preparation strategies to detailed workout routines and nutrition advice. These resources are specifically designed to be easily understandable and applicable, aiding candidates in their comprehensive preparation.
A significant aspect of the app is its Local Adaptation for Spanish users, ensuring all content and guidelines are culturally and linguistically appropriate. This includes translating the content into Spanish and aligning the training standards with the requirements of the local police and firefighter exams.
Lastly, the app focuses on User Engagement and Motivation. Features like progress tracking and goal setting are implemented to keep users committed to their training. Additionally, a community forum may be incorporated to foster a supportive network where candidates can share experiences and tips, further enhancing the user experience and engagement.
Problem Statement
Aspiring police and firefighter candidates in Spain currently lack a dedicated mobile application that effectively combines comprehensive training management with tailored educational resources. These candidates need a specialized tool to track their physical training metrics, access customized training plans, and utilize educational content specifically geared towards the unique requirements of police and firefighter exams in Spain. The absence of such a resource makes it challenging for them to efficiently prepare, monitor progress, and stay motivated throughout their rigorous exam preparation journey.
My Contribution
In this project, I assumed the role of a comprehensive product designer, working independently. My responsibilities encompassed recognizing the core issue, developing user personas, conducting user research and testing, and designing both the user interface (UI) and user experience (UX). Additionally, I managed the transition of the design to the development team.
Solution
Opo Coach is a mobile application meticulously designed for candidates preparing for police and firefighter exams in Spain, focusing on a user-friendly experience that integrates physical training and educational resources. Key features include an advanced training metrics tracking system that synchronizes with fitness devices and allows manual data entry, alongside dynamic AI-driven training plans tailored to individual user profiles and exam requirements.
The app boasts a comprehensive educational resource library in various formats, ensuring content is culturally relevant and available in Spanish. Engagement is fostered through community forums, goal-setting features, and reward systems, encouraging user interaction and motivation. The design prioritizes intuitiveness and accessibility, catering to a diverse user base, including those with disabilities. This holistic solution, delivered through a rigorously tested mobile application, aims to meet the high standards of functionality and user experience expected by its target audience.
Objectives & Goals
My Design Process
Context
The application was first launched in 2021 for Android users and was recently updated for iOs, adding basic details to the design without changing the information architecture and user flow. However, it is planned to refresh the application and its content for 2023 with the following requirements.
Stakeholder requirements
Effective User Engagement and Retention
Alignment with Exam Standards
Update the information architecture
Important Feedback
Recently, we conducted an in-depth usability test involving a diverse group of participants who closely represent our target user demographic. These included individuals at various stages of their exam preparation, from those just beginning their journey to more advanced candidates. This mix allowed us to gather insights across a broad spectrum of user experiences and interactions with the app.
Our testing methodology was structured around realistic scenarios that a user might encounter while engaging with the app. Participants were asked to complete a series of tasks, such as logging training data, accessing educational resources, and setting up personalized training plans. During these tasks, we measured key usability metrics such as task completion rates, time taken to complete tasks, and the number of steps required for each task. Additionally, participants were encouraged to think aloud, providing valuable qualitative data about their thought processes and immediate reactions to the app’s features.
Post-test, we collected feedback through questionnaires and interviews, focusing on the participants' overall satisfaction and any difficulties they encountered. This feedback was instrumental in uncovering any non-intuitive aspects of the app and areas where users might experience friction.
Positive experiences
Neutral experiences
Negative experiences
User insights
Ease of Learning: New users reported that the app was incredibly easy to learn and use, citing the intuitive design that guided them effortlessly through setting up training schedules and accessing study materials.
Valuation of Personalized Feedback: The app's ability to provide personalized feedback based on performance analytics was highly valued, as users felt it helped them focus on areas that needed improvement, enhancing their preparation efficiency
Need for More Instructive Content: Beginner users expressed a need for more educational content, like tutorials or step-by-step guides, to better understand how to optimize their use of the app for exam preparation.
Competitor Analysis
An analysis of competitors was performed to determine their strengths and weaknesses, and to guide the development of the EAATA App's functionality and information organization.
MosCoW
A MoSCoW analysis was conducted to assess the design features and possibilities, categorizing them into must-haves, should-haves, could-haves, and non-essentials.
Must Have
Training Metrics Tracking
Customizable Training Plans
Educational Resources
Local Adaptation
Should Have
User Engagement Features
Integration with Fitness Devices
Interactive User Interface
Could Have
Community Forum
Advanced Reporting Features
Gamification Elements
Regular Feature Updates Based on User Feedback
Won´t Have
AI-Driven Personalized Training Adaptation
Live Virtual Coaching Sessions
Expansion to Other Regions or Professions
Content Map
Now we'll create the content map, which provides an overview of the content we need in our app, to cover more information later, serves as a roadmap for creating and organizing content in a product, and helps ensure that the product final meets the needs and expectations of the target audience.
User Flow
A user flow chart is developed to visually map out the steps a user takes to complete a specific task within an application, ensuring that the design supports a seamless and intuitive journey. This process is vital in identifying and addressing potential friction points before development, thereby enhancing user experience, streamlining navigation, and ensuring the functionality aligns with user needs and goals.
Medium-Fidelity Prototype
The development of wireframes focused on the creation of frames are related to technical support services, technical service, home and the assistance bar.
Below is a sample of a low-fidelity visual representation of the layout and functionality of the app. It shows the structure of the screen, and the placement of elements such as text, images, buttons, pop-ups, forms, etc.
Home Screen
The home page of OpoCoach is strategically designed to motivate and propel users into immediate training action with a prominent, inspirational call to action.
✔ Training Days Indicator: Below the banner, there's a Training Days section that shows the days of the week, allowing users to visually track which days they have been active. This is a UX strategy to prompt immediate user engagement and reduce friction in starting a new task.
✔ Performance Graph: A performance graph functions to display data trends and progress metrics in an easily interpretable format. It provides users with immediate visual feedback on their performance, allowing them to track improvements or identify areas needing attention.
✔ Personal Records: Showcasing personal records serves to motivate users by acknowledging their achievements and providing a sense of progress.It encourages users to set new goals and work towards breaking their own records, fostering a sense of continuous improvement.
✔Motivational Banner: a "Motivational Banner" is a strategically placed design element intended to inspire and encourage users to take action. It combines compelling imagery, engaging text, and often a clear call to action (CTA) to capture user interest and prompt a desired behavior. Serves to prompt users to begin or continue an activity, such as starting a workout or a lesson.
Activity Screen
On the avtivity screen of OpoCoach, users discover a seamless and intuitive interface for tracking their training journey. With options to filter activity data across various time frames and a dynamic performance graph that vividly illustrates progress, each session is meticulously recorded for detailed review.
✔ Time-Based Filtering: The screen offers tabs for viewing activity data by day, week, month, and year, providing users with flexible options for how they view their training history.
✔ Performance Trend Graph: A line graph prominently displays performance trends over time, giving users a quick visual representation of their improvements or areas needing more focus.
✔ Activity Log: Below the graph, a detailed log of individual activities with dates and times allows users to drill down into specific workouts, offering a detailed breakdown of their training sessions.
✔ Add New Activity: The prominent "+" button enables users to quickly add new activities, highlighting the app's emphasis on continual progress tracking.
✔ Navigation Ease: The bottom navigation bar remains consistent with the home screen, allowing for smooth transitions between different sections of the app, fostering a user-friendly navigation experience.
OpoCoach Visual Design - Branding
The design of the OpoCoach app presents a sleek, intuitive interface that engages users with its strong visual elements and clear navigation paths. Emphasizing functionality and user engagement, it features bold, motivational imagery, a streamlined color scheme, and a typographic hierarchy that guides users effortlessly through their training journey. With focused attention on progress tracking and easy access to training resources, the design promises a seamless and motivating experience for users who are dedicated to preparing for their firefighter or police exams.
