SwolTime
SwolTime is a fitness and timer mobile app established in 2019. Its goal is to promote a healthy lifestyle and is created to assist people along their fitness journey. Enabling users to create their own fitness library or workout with ease. Swoltime also offers a quick timer for a seamless timed workout or just a quick timed stretching session. Swoltime is not only flexible but also offers a way to better people's lives in a fast and effective way.
​
This project was completed with a team of 4 designers, and we were tasked to enhance SwolTime by adding features that it currently did not have, which is an intuitive landing page, a seamless end-to-end flow, and an analytics page for users to track their progress. This would be SwolTime Version 2.0. We were linked and worked together with a stakeholder, and 2 other designers from his team to guide us with visuals and structures along the way. My team and I were given 3 weeks to work on this brief. During this 3 weeks, we made sure to create a cadence with the client and his team. This included a weekly zoom meeting, with updates and edits with the design.
Duration: 3 Weeks
Team: 4 designers
Role: UX UI Designer, Researcher
Tools: Figma, FigJam, Dribble, Google, Canva, Toggle
The Research & Synthesis
As we began our research phase, the first thing we did was install other fitness apps and start our comparison analysis. We listed the strengths and weaknesses of each, without including SwolTime. We decided not to compare SwolTime with these other apps, because SwolTime at this point had nothing to compare; it was just a basic timer fitness app. By doing a comparative analysis, we gained some insight into how these apps can be very similar, but have it's own way of providing fitness guidance for users. As we further researched, we have also found some inspiration on how can design and include the things that will enhance our app. Fitness apps such as Hevy, Seconds, and Shred are the few apps we used for comparisons, especially when it came to collecting analytics, and an end-to-end workout flow. As we gained more inspiration from these top fitness apps, we are hopeful for a higher install percentage for SwolTime in the future.
The Heuristics
My team and I came up with a few heuristics, we knew we needed to apply. Recognition rather than recall, by minimizing the user's memory load, we made sure objects, actions, and options are visible. Flexibility and efficiency of use, we applied acceleration and allowed users to tailor their frequency actions. We created a more intuitive way to see the exercises with a seamless flow. We built a list form of the exercise with images for those who are more of a visual learner , and a faster way for users to create the workout by separating them into an overview page.
The User Interview
As we move along and progress into the project, we started writing down questions to begin our user interview, this will allow us to gain more traction on how people utilize fitness apps, and how they spend their time in the gym. We interviewed a total of 8 people who are all familiar with fitness overall, and a few who are trainers. Even though trainers may have a bit more knowledge in the gym, they were able to provide us with more information and knowledge on the timer aspect of these apps. We learned that users need a way to create their workout promptly, because some gym goers are limited with their time in the gym, we also learned that some may skip an exercise simply because a machine is taken (which often happens in public gyms). At this point we took the idea of having a way to alter or even substitute an exercise in SwolTime V2.0. Other highlights we've received from interviews were focused on analytics and progress.
Expresses the importance of being able to track their progress.
Time constraints, high focus on a timer app.
Wants the ability to edit/ adjust their exercise routine.
The Persona
As my team and I continue to gather information from our user interview, we've come to the conclusion that the 3 major focuses for SwolTime are what most users want. We created Avery, who is just like some gym goers - a busy parent with a demanding career who also prioritizes her health. Below is a quick overview of our persona along with the problem statement we came up with for this project.
The Problem Statement
The Design Phase
As we now have our persona and problem statement built, we begin our task flow to help us along with the design. We continued to put together a seamless end-to-end flow with the user being able to toggle their time in the gym from unlimited time to limited time (if needed). In our task flow, we showed that once the toggle is switched on, the user’s time decreases; however, it doesn't take away their ability to edit and adjust their workout. As we started sketching and into our wireframe, we made sure to create an intuitive approach to the workout builder by creating a queue-like form for an easy view of exercises users can choose from. As well as creating a way for users to easily see their created workouts and recent workouts on the landing page. Since SwolTime was initially a timer app, we made sure to incorporate the timer in the new landing page. This way, users now have quick access to the timer if needed. We created an analytics page and linked it to each exercise under the completed workout. Users now have the option to view their progress for each exercise and their overall workout. We decided to keep the shape of the original SwolTime timer, but we’ve now enhanced that page with an overview of the user’s created workout, added a section for notes, and a way to edit/ toggle their workout. With Swoltime’s ability to automatically save a workout, alleviated us to create a “save” button for any of our added frames.
The Task Flow
The task flow we came up with was very simple. We wanted the flow to showcase the simplicity of the app and its ease of creating a workout. The main focus in the flow is that the user can now set a timer or set his or her workout parameters to their level of comfort, as well as being able to easily turn on the toggle to adjust that workout according to scenarios and situations that could arise.
The Sketch
The Wireframe
We kept the queue list of exercise in the landing page but enhanced it with a calendar and a CTA button to create your workout.
Users approved the visual queue of the exercise. Here we added ways to edit, delete, and substitute an exercise if needed.
We preferred to keep the OG timer look and feel of SwolTime in this frame, but added a notes, overview, and a CTA toggle for a set timed workout.
We decided to add the analytics page for each exercise completed for that workout.
