Running Data on Apple Watch

Homepage Product Vision

Homepage Product Vision

Running Data on Apple Watch

Running Data on Apple Watch

Freeletics

Egencia

Egencia

Freeletics

Freeletics

Hero image with two apple watches intertwined, displaying screens showing run data

How might we serve our Runners more data during their runs?

How might we serve our Runners more data during their runs?

How might we serve our Runners more data during their runs?

Company // Product
Freeletics // Hackathon


Date
March 2021

Role
Design lead

Responsibilities
Competitive analysis
Visual design
Prototyping

Platform
Apple Watch

 

The Problem

The Free Run on our Apple Watch app is the most selected single workout. Our users really love it, but we know our data and run interactions could be better. For our latest Hackathon week, we decided to make some major improvements to this feature!

Goals

1. Build Auto-pause
This is now a table-stakes feature for a running app and we need to add it.

2. Interval screen
Introduce an interval screen during the run to celebrate split times.

3. New metrics
Bring in and display new metrics for our runners, like cadence, split times, average pace, and converting to kilometers instead of meters.

Research

Steal from the best

Apple Fitness, Nike, Strava, Run Keeper, Map My Run – all incredible products with great features. We wanted to bring some of the now-conventional features (thanks to these aforementioned apps) into our app, over a 4.5 day hack period. Listed below are the major differentiators noted during our rapid research phase. We focused on the during-run screen, run controls, interval screen, and summary screen of the Apple Fitness run workout and Nike Run Club.

Steal from the best

Apple Fitness, Nike, Strava, Run Keeper, Map My Run – all incredible products with great features. We wanted to bring some of the now-conventional features (thanks to these aforementioned apps) into our app, over a 4.5 day hack period. Listed below are the major differentiators noted during our rapid research phase. We focused on the during-run screen, run controls, interval screen, and summary screen of the Apple Fitness run workout and Nike Run Club.

Apple Fitness

• Auto-pause (watch settings)
• Interval screen
• Rolling mile
• Elevation during run
• Run summary screen

Nike Run Club

• Auto-pause (app settings)
• Interval screen
• Customizable run metrics
• Map of run
• Big run control buttons
• Run summary screen

Photo of the Nike Running watch app showing the map of a completed run

Design

Rapid iteration

Over 2 days, we iterated through dozens of visual treatments for the main screens we were targeting - Pause screen, during-run screen, intervals screen, and summary screen. 

Rapid Design

Words.

User journey moving through the Freeletics Apple Watch app

v3 of User flow and visuals with some Flowkit action 😎

Different visual design iterations of the summary screen

Visual iterations of the post-run summary screen

Different visual design iterations of the interval screen

Visual iterations of the intervals screen

Solution

And the winner is...

On Friday, each of the 12 teams presented their Hackathon project to the company. There were SO many great projects accomplished in such a short amount of time – tackling many ideas, both within the company (how can we create a better onboarding experience for our new hires?) and within the product (what if we created "I'm feelin' lucky" style workouts?). However, there can only be one winner, and our team was voted #1! Here are the final designs:

And the winner is...

On Friday, each of the 12 teams presented their Hackathon project to the company. There were SO many great projects accomplished in such a short amount of time – tackling many ideas, both within the company (how can we create a better onboarding experience for our new hires?) and within the product (what if we created "I'm feelin' lucky" style workouts?). However, there can only be one winner, and our team was voted #1! Here are the final designs:

Auto-pause

A table-stakes feature for running apps, Freeletics Free Run workouts now have auto-pause available, along with a new Pause screen that displays your current run stats.

Auto-pause apple watch screens showing new run settings
Run metrics

Run Metrics

Not only did we introduce new metrics like cadence and split times, but we also converted meters to kilometers and completely redesigned the run screen. Now you toggle through six different metrics to display exactly what you want to see during your workout.

Split Times

Split Times

Finishing an interval is a great moment to celebrate. Now, we take a second to display your intervals with high-level stats during your runs.

Split times
Run Summary

Run Summary

Getting your run in is a great achievement. Now, we display all of your run data on a completely new Run Summary screen, including your split times with special attention to your top two splits.

Results

Ship it

Since many of the features we built over the Hackathon addressed several user pain points, our iOS developer spent a few hours post-hack cleaning up everything we built. Now, auto-pause, run summary, interval celebrations, and a new pause screen with current metrics are all available on the beta version of the Freeletics Apple Watch app. Download the app and take it for a Free Run today!

🏃🏼‍♀️ 🏃🏾‍♂️ 🏃🏽‍♀️

Ship it

Since many of the features we built over the Hackathon address several user pain points, our iOS developer spent a few hours post-hack cleaning up everything we built. Now, auto-pause, run summary, interval celebrations, and a new pause screen with current metrics are all available on the beta version of the Freeletics Apple Watch app. Download the app and take it for a Free Run today!

🏃🏼‍♀️ 🏃🏾‍♂️ 🏃🏽‍♀️

© 2021 Lauren Nielsen. Built with Semplice.