Let's Fit!

Introduction

LetsFit! is a mobile phone App designed to help families engage in physical activities together while fostering connection, communication, and a healthier lifestyle.

The App aims to appeal to a wide range of family members, with various fitness levels and interests, and provides a platform to track individual and collective fitness progress.

Problem

Competitor Analysis

Heuristics Evaluations

I conducted heuristics evaluation of two current family fitness Apps. The two Apps both have good design decisions while some areas for improvement.

Usability Testing

Usability testing collects empirical data from the observation on how the users interact with the product. I conducted the testing on Exercise: At Home Workout App to gain feedback and measure the overall user experience.

The participant navigated the App smoothly, and the gamification elements were well-received. However, the overall design consistency still needs to be improved.

UX Research

"How might we design an engaging, intuitive family fitness app that promotes personalization, encourages shared experiences and progress tracking to enhance connection and promote a healthy lifestyle?"

UX Storytelling

The target users are family members of different ages, fitness levels, and interests, who seek to improve their well-being, stay connected, and motivate each other in their fitness journeys.

I created personas and scenarios centered around features that would reach their goals.

1. An elderly man who cares about his children and grandchildren's well-being and wants to stay active himself

2. A busy working mother who aims to improve the overall health of the family and set a positive example for her children

3. A middle school boy who loves to play team sports and wants to spend more time with his parents

Design Features

Low-Fidelity Prototype

Based on the features I planned in personas and scenarios, I created a low-fidelity prototype that gives a simple visual representation of the app's layout, content, structure, and functionality. I also test the wireflow with a participant to identify potential usability issues, and evaluate whether it meets the goals of the target users at an early stage.

Feature 1: Customize fitness plans and tutorials that fit each family member's interests

Feature 2: Incorporate gamification elements to increase motivation

Feature 3: Display daily fitness data of all family members and communicate effectively

Design System

Considering user needs and preferences, I select the color palette and typography that both aligns with the App's goals and enhances user experience. Shape and layout decisions are made to facilitate intuitive navigation. I also take considerations on how different elements interact with consistency and guide the user through the interface.

The primary color selected is purple, symbolizing energy and playfulness. I choose Poppins as the font for its readability and approachability. It looks better considering the overall aesthetics for its rounded edges. Shapes in the interface were primarily rounded rectangles with a large corner radius, adding to the App's friendly feel.

High-fidelity prototype

High-fidelity interactive prototypes involve incorporating the final decisions on visual design elements including color palette, typography, shapes, and layout. The goal is to make the prototype as close to the final product as possible in terms of look, feel, and interaction.

Usability Testing

I conducted a cognitive walkthrough usability test to ask a participant to go over the tasks in the app following each step. The participant was able to navigate through all tasks smoothly, indicating that the user flow and interface are intuitive and easy to follow. However, there is some confusion when navigating the Plan page and the calendar.

Pitch Video

Reflection

Overall I learned a lot during the process of making this Family Fitness App. This is my first time working alone on an individual UX project. It is somehow different from my experience working with a team of project managers and developers. I make decisions on the product based on my observations and interactions with user research participants or potential users.

Conduct user research with different methods and support design decisions.

Throughout the project, I learned about the importance of diverse user research methodologies, including context inquiry, impression test, cognitive walkthrough, etc. I understood that the selection of research methods varies depending on the project's phase and the information needed. The research findings formed the backbone of my design decisions. Instead of relying solely on assumptions or personal preferences, I was able to ground my decisions in real user needs and behaviors, ensuring that the design was user-centric.

Design is human-centered.

I found design to be deeply intuitive. It went beyond just applying principles and theories while focusing on users' emotions and experiences. It required me to tune into the user's perspective and empathetically understand their needs, pain points, and desires. This intuitive understanding enabled me to create a design that was not only efficient and practical but also engaging for the users.

Design is an iterative process.

Through this project, I realized that design is not about reaching a perfect solution at the first try but about continuously refining and improving based on feedback and testing results. Each iteration brought new insights and opportunities for enhancement, making the design aligned with the users' needs and expectations. This iterative process contributed to the development of my family fitness app to ensure a better outcome.