Making Home Workouts More Engaging and Motivating
Fattie Fitness APP Design
Timeline
My Role
Responsibilities
Tools
Nov. 2022 - Jan. 2023
UX Designer & UX Researcher / Personal project with another UX designer
UX Research, Competitive Analysis, Solution Ideating, Wireframing, Prototyping, Design System, User Testing
Figma, FigJam, Adobe Illustrator
Problem Discovery
Due to the pandemic, fitness has become a lifestyle.
However, one of the main difficulties faced by people, including myself, while cultivating the habit of home exercising is “How to stay consistent?”
Key Solution 1
Team Mode: Exercise and power up together
Many individuals lack motivation for solo exercise and are more driven by social support. Team Mode addresses this by offering social features that allow users to work out with friends.
Key Solution 2
Challenge Mode: Experience the joy of competition
For sports enthusiasts who thrive on competition, Challenge Mode provides a way to bring competitive excitement to solo workouts.
User Research
From our survey, we found that among those wanting to build a regular exercise habit, Only 44% of them exercise regularly now. So we set the target audience as:
People looking to build a regular exercise habit
And conducted 7 in-depth interviews
“I’m highly competitive, so I really enjoy team sports. Exercising at home lacks that sense of competition.”
“I’m not really into exercise, but I know it’s important for my health. I rely a lot on my friends— I’m more willing to go with them.”
Key Insights
From our interviews, we decided to focus on two aspects for our solutions:
🤝
Social Aspect
🆚
Competitive Aspect
Our Challenges
How might we make home exercise more engaging by allowing users to work out with friends for social connection and competitive motivations?
Brainstorming
With competitor benchmarking and Crazy 8 method, we brainstormed with a wide variety of idea and sorted then into a few categories.
We found that gamification is widely used and effective, and saw an opportunity to integrate it into our social and competitive approach.
Gamification - The Octalysis Framework
We decided to focus on three core drives in the Octalysis Framework, a human-focused gamification design framework, to design the features — Accomplishment, Social Influence, and Unpredictability.
Sketch
Main Feature 1
We created a character called Fattie.
As users exercise, Fattie eats desserts. The more users work out, the more desserts Fattie will eat and collect on their behalf.
Gamification: The Dessert Collector Fattie
Main Feature 2
Team Mode: Create a team plan and exercise together
Key Iteration
We found plan completion rate could help users stay motivated by tracking their team’s progress toward shared goals
We added real-time teammate records to enhance their engagement during team exercise
Iterated Designs
Main Feature 3
Challenge mode: Accept a challenge and complete it
Key Iteration
We changed the interface into a racing track, adding a visual representation of progress and competition
Iterated Designs
Final Designs
User Testings
We asked 7 users to click through the prototype and rate their satisfaction level on a scale of 1 to 5.
71.4%
Satisfaction rate
82.5%
Task completion
Design Guidelines
Takeaways
Applying framework can help me create more effective and logical gamification designs.
Let users’ opinions involve throughout early research stage, iteration stage and post-design testing stage.