FitShare

For adults who want to promote household wellbeing, FitShare is an interactive fitness hub that offers visualisation of household members' health metrics and recommends personalised activities.

Project Duration: 3 months (July 2024 - September 2024)
Platform: Monitor
Responsive image
Project Overview

FitShare is an innovative fitness and wellness hub designed to centralise health data for household members, promoting shared accountability and a healthier lifestyle. It combines real-time visualisation of health metrics such as steps, heart rate, calories burned, and more, with personalised fitness recommendations. (hyposensitivity).

The goal of FitShare was to create a seamless user experience for individuals looking to track and improve their overall wellness together

Problem Statement
Responsive image
Objectives
  1. Develop a user-friendly, centralised platform that allows household members to view, compare, and monitor their health data together.
  2. Encourage healthy competition and collaboration by setting group fitness challenges and sharing progress.
  3. Provide personalised recommendations for each user based on their health data to improve their wellness.
  4. Ensure privacy and accessibility so that all users, regardless of age or ability, can comfortably use the platform.
Responsive image
Target Audience

Families and Households

To promote collective wellness, families could track progress together, set group challenges, and share health data in real-time.

Fitness Enthusiasts

Active users who regularly track their fitness could use FitShare to monitor personal goals while also engaging in friendly competition with other household members.

Older Adults and Individuals with Disabilities

Accessibility features, such as text-to-speech and adjustable display settings, were included to make FitShare usable for all ages and abilities.​

Design Process
Responsive image
Phase I: Empathise
User Research
  1. Semi-structured Interviews:
    6 participants - 4 females and 2 males, all regular gym-goers in their 20s, were interviewed to understand their experiences with health tracking apps and wearables.
  2. Co-designing:
    During the interviews, participants engaged in co-designing activities where they contributed ideas about how a health hub should function within a household. Using the Miro collaboration tool, participants brainstormed what health metrics they would want on the hub and how they’d prefer to interact with it.
Responsive image
  1. Empathy Mapping
    The team created empathy maps to capture what users say, think, do, and feel about health tracking and privacy.

    Key takeaways from this process included:
  • What they say: Users preferred placing the Health Hub in communal areas like the kitchen or living room. Privacy was a major concern, with one user noting, "I want my menstrual and sleep information to be private. I don’t want intrusive questions from flatmates."
  • What they do: Regular gym-goers, participants were familiar with wearable tech, favouring tailored data presentations on the Health Hub
  • What they think: Users saw the device as fostering household community, with 5 out of 6 believing it could also support mental well-being.
  • What they feel: While excited, users were concerned about information overload and unhealthy competition, highlighting the need for balanced design features.
Responsive image
Phase II: Define

In the Define Phase, the team synthesised the insights gathered from user research and co-designing sessions into clear problem statements and design goals. This phase also involved conducting a Context-of-Use Analysis (CoUA) to better understand the real-world application of the product, followed by User Requirements Prioritisation using the MoSCoW Method.

Context-of-Use Analysis

The CoUA helped the team evaluate the various factors that could impact how FitShare would be used within households. It covered user factors, task factors, and physical environment factors. This analysis guided the design process to ensure FitShare would work well in various contexts.

Responsive image
User Requirements and MoSCoW Analysis

Based on the research insights and CoUA findings and the under interviews, the team defined a list of User Requirements (URs) categorised as functional and non-functional requirements, which were then prioritised using the MoSCoW method (Must have, Should have, Could have, Won’t have).

Responsive image
Responsive image
Phase III: Ideate

With clearly defined problem statements, the team began brainstorming solutions, incorporating feedback from the co-design sessions.

Storyboarding

The team used insights from the co-design sessions to storyboard how FitShare would function in a typical household setting. This included scenarios where users set up personalised profiles and participate in group challenges.

Responsive image
Crazy 8's

Rapid ideation sessions where each team member sketched out possible designs for key screens, such as the default dashboard and personal profile screens. The ideas generated here were influenced by users' suggestions in the interviews, such as placing health metrics like steps and calories at the forefront and giving clear visual indicators for privacy.

Responsive image
Default screen sketches
Responsive image
Personal screen sketches
Phase VI: Design and Prototype

The next phase involved turning ideas into tangible solutions through designing screens and prototyping, incorporating user input from the co-design interviews.

User Flow Diagram

We drew a simple flowchart to depict how we want the user journey to go. It was essential for us as a team to have a clear overview on how we would design the screens and how the screens would be linked to each other as well. These insights allowed us to address usability issues and optimize the user experience.

Responsive image
Prioritised Features / Metrics for Designing

Based on co-design input, the default screen was designed to show public metrics for all family members, while the personal screen allowed for private viewing of sensitive data like stress levels and sleep quality.

Responsive image
Low-fidelity Wireframes

We developed low-fi wireframes to layout the basic elements and functionalities. The wireframes were simple focusing on user data presentation and navigation.

Responsive image
High-fidelity Designs

The low-fidelity wireframes were used to design the high-fidelity prototypes.

Responsive image
Phase V: Testing

The final phase involved testing the prototype with users and iterating based on feedback.

Usability Testing

5 Participants were invited to test the high-fidelity prototype. The testing involved completing tasks like checking daily steps, logging into personal profiles, and viewing wellness reports.

First Click Tests:
Participants were asked to locate key features, such as privacy toggles and the leaderboard. Feedback was collected on the intuitiveness of the navigation and ease of use.

Think-Out-Loud Protocol:
Users provided real-time feedback, discussing their thoughts while interacting with the app. The feedback focused on the clarity of visual elements, such as graph readability and tooltip placement.

Responsive image
Non-User Testing

The team also conducted Hierarchical Task Analysis (HTA) and Heuristic Evaluation to identify areas for improving the user flow and minimising errors.

Hierarchical Task Analysis (HTA)

We utilised HTA to break down the user’s journey into smaller, manageable steps, allowing us to:

Simplify Complex Tasks: The breakdown helped identify pain points or inefficiencies in users' processes.

Understand Interactions: It provided a detailed view of how tasks relate to each other, guiding design improvements.

Prioritise Features: Insights from HTA informed our decisions about which features or enhancements would most benefit users.

Responsive image
Heuristic Evaluation

Using Jakob Nielsen's 10 principles, we evaluated FitShare through three key tasks, identifying areas for improvement:

UI Enhancements: Improve comparison graphs with clearer labels and progress details.

Wellness Reports: Add tooltips for better clarity on metrics.

Navigation: Streamline login and account settings.

Workouts: Add disclaimers, tooltips, and search functionality for guided exercises.

Responsive image
Conclusion

The FitShare design was shaped by user co-design through interviews, brainstorming, and testing. This early involvement helped address key needs like privacy, customisation, accessibility, and encouraged family wellness tracking and friendly competition.

Future Directions

  1. Expanding accessibility features based on user feedback.
  2. Incorporating AI-driven wellness recommendations for more personalised health insights.
  3. Implementing social sharing for achievements and wellness updates with extended family members.

Responsive image