Google Fitness Leaderboard & Mobile App

PURPOSE

I was invited to interview for a design position at Google’s headquarters in Mountain View, California. Although I was not selected to join their team, it was an amazing experience to put together a design exercise for my presentation. I was asked to come up with a digital solution to help entice people to exercise.

My design topic is a mobile app that lets users agree to join a public digital leaderboard within a fitness class. This is to generate friendly competition and gamify the exercise within the fitness class, as well as help each rider to monitor their progress. 

STRATEGY

Spin classes have been a rising exercising option among Millennials as they’re perceived to be fun and full of energy within the class. However, these spin classes can be intimidating, as people often don’t know each other and/or feel intimidated to work out in front of other people, especially newcomers comparing themselves to regular attendees.

Often classes don’t help track your progress and rely on your own devices such as Fitbit or Apple Watch. Without those devices, your exercise progress stats can be lost, and is hard for people to keep track of how they have improved or what needs to be worked on.

IDEA

As mobile phones are a huge part of Millennials’ everyday life from connecting with other people to keeping track of personal data and utility. The idea is to create a mobile app that lets users join a digital leaderboard within the spin class, and the app will keep track of the bike’s information such as speed, time, and the rider’s biometrics in private.

The digital leaderboard will showcase the rider as an avatar (can choose to be anonymous) riding alongside other avatars in a gamified setting. An instructor will be there in the class to help guide the movements.

This will help the riders in the class clearly visualize the “mountains” they’re riding up on, as well as see how their avatar is performing. The gamification aspect can help riders focus on their riding and also generate a friendly competition game among other riders while being able to monitor the progress during and after.

HOW IT WORKS

I am using an example of a spin class called Smart Cycle. Each bike will be synced to a central digital screen that displays a leaderboard. Students of the spin class would need to download the mobile app to connect to the bike they’re riding and create an identity to be part of the leaderboard which they can choose to be anonymous as well.

MOBILE APP MOCKUPS

01. Once the user opens up the app it’s automatically synced with the exercise bike closest to them. They can also change the bike if it’s wrong. It’ll ask the user if they want to join the public leaderboard.
02. It requires the user to enter a name that would be displayed on the leaderboard.
03. The user can also upload an image to represent themselves for the leaderboard. If no image is uploaded, a generic avatar is used. They can also remove themselves from the leaderboard if needed.
04. If the user has logged in before, the app will remember the name & image.
05. The user can edit the settings such as connecting the app with other fitness apps to sync progress, and posting to social media. They can also change their name if needed.

DIGITAL SCREEN

The digital leaderboard shows all the students who have logged on to the app in the spin class. The leaderboard then showcases a 3D animation of the cycling trip where the students’ avatars are portrayed to keep them motivated.

Every 3 minutes it will also display the students’ info by ranking, the distance they have cycled, revolutions per minute, heart rate, and calories burned. This information is also synced to the students’ fitness apps and social media if they have enabled the features within the app. The students will also have an option to show up on the screen as anonymous.