HRV STATUS

Understand how your body
copes with your lifestyle

COMPANY

Garmin

ROLE

Lead Designer

EXPERTISE

UX/UI Design

YEAR

2022

About project

About project

About project

How to integrate missing link into Garmin wearables.

Team
Team
Team

Product manager

Lead designer (me)

UX Researcher

Physiologist

Data Engineer

Developers

Product manager

Lead designer (me)

UX Researcher

Physiologist

Data Engineer

Developers

Product manager

Lead designer (me)

UX Researcher

Physiologist

Data Engineer

Developers

Background
Background
Background

Garmin watches didn't have proper HRV feature, while competitors like Oura, and Whoop were launching their HRV based solutions.

Our team was pushing to create a HRV feature that we could utilize as a window to users body, since HRV reflects how well your body is coping with your current lifestyle and is truly personal metric. This could be then used in various other features to provide better guidance for users.

How
How
How

HRV feature that focuses on your own personal baseline

HRV feature that focuses on your own personal baseline

HRV feature that focuses on your own personal baseline

Our physiologists had discovered that HRV is one of the best metrics to follow if one wants to understand how their body is currently handling all the load coming from exercise and lifestyle.

We wanted to build a truly personal metric that you can easily follow to see whether you should slow down and relax.

My role
My role
My role

Lead designer

Lead designer

Lead designer

As a lead designer of the product my responsibilities was to be responsible for maintaining the design process from the start to the final product, including discovery & definement, ideation & concepting, evaluation & iteration, and supporting developers with implementation.

I was also playing key part in selling this feature and it's importance to internal stakeholders who at first didn't see the value of the feature. And currently it's one of the most liked features in Garmin watches.

Who I collaborated with
Who I collaborated with
Who I collaborated with

Tight cross-functional communication with data engineers, and physiologists

Tight cross-functional communication with data engineers, and physiologists

Tight cross-functional communication with data engineers, and physiologists

Since this project was heavily based on science, and data. It required almost daily collaboration with physiologists, and data engineers to maintain the scientifical aspect of the feature. Every piece of information provided in feature is backed by the science.

Discovery & Definement

Discovery & Definement

Discovery & Definement

Clear need for a metric that provides a view into users overall health and recovery.

How
How
How

Competitor analysis

I conducted competitor research/analysis on what's going on at the market, and it seemed like people are really interested in having further recovery metrics, that goes beyond their training.

Also, some of the players on the market were gaining popularity because of such features.

Building on top of previous user feedback

Building on top of previous user feedback

Building on top of previous user feedback

Also, we digged into user feedback we had received from our users, and our UX Researchers conducted surverys to find out which areas people would need support on. Again the same trend kept appearing.

Example of one of the competitor solutions on my competitor analysis. I don’t have access to actual research file anymore.

Ideation & Concepting

Ideation & Concepting

Ideation & Concepting

I conducted ideation workshops to create more ideas and concepts together with the team, and tested them with our researchers to find out what works and what not.

Concepts & Prototypes
Concepts & Prototypes
Concepts & Prototypes

Ideation workshops

Ideation workshops

Ideation workshops

I conducted ideation workshops with our team to discover different ideas and concepts.

Utilized "How might we" cards, and ideation and concept creation in small groups which was then shared for the others.

Concept testing

Concept testing

Concept testing

I developed the concepts further and together with our UX Researcher we tested them with real users, to see what concepts and aspects were working and what were not.

Note: Also Training Readiness concept was built on these concepts.

User journeys

User journeys

User journeys

I created user journey maps to figure out better what are the most important aspects that needed to be solved with the project.

Examples of the similar workshops I've conducted later on various topics

Examples of the concepts I created together with team

Note that I don't have access anymore to original design files so these are recreations.

Note that I don't have access anymore to original design files so these are recreations.

Your readiness for today is not optimal today based on your training recovery, stress, and sleep levels.

We suggest you either taking a rest day today, or having a recovering activity like Yoga today.

CONCEPT 3

Your readiness for today is not optimal today based on your training recovery, stress, and sleep levels.

We suggest you either taking a rest day today, or having a recovering activity like Yoga today.

CONCEPT 2 - ADAPTIVE TRAINING PLAN

Your readiness for today is not optimal today based on your training recovery, stress, and sleep levels.

We suggest you either taking a rest day today, or having a recovering activity like Yoga today.

CONCEPT 1 - HOLISTIC COACH

We wanted to be sure that different UI's were not affecting the results too much, so we tested concepts with these comic strips that I created.

Evaluation & Iteration

Evaluation & Iteration

Evaluation & Iteration

Concepts were taken further and through few rounds of concept testing we landed with the HRV Status feature. It was well liked and feedback was really positive.

How
How
How

Concept testing

The concepts were tested on a higher level to find what aspects were liked and what were not. From these foundings we created few final features that was then finetuned and eventually implemented later on.

E.g. Training Readiness & HRV Status

Feature testing

After landing with the concepts we went deeper with the HRV Status, and created the main flows, and UI's and tested them with our users, to find out what their feelings were.

Test results were also important because they helped us to pitch the feature further to internal decisionmakers.

Iteration
Iteration
Iteration

Simplified the main screen

Simplified the main screen

Simplified the main screen

Original designs of the main screen had trend graph shown in it. In the testing we discovered that it caused some confusion, and we designed a new screen that only showed the current status in a progress bar. This screen was better understood, and we hide the extra information to screen below the main UI to provide more context into data.

Original designs of the main screen had trend graph shown in it. In the testing we discovered that it caused some confusion, and we designed a new screen that only showed the current status in a progress bar. This screen was better understood, and we hide the extra information to screen below the main UI to provide more context into data.

Final designs

Final designs

Final designs

Based on the earlier work and feedback gathered, I finalized the designs for developer handoff.

How
How
How

Figma file with designs

Figma file containing all of the user flows, screens, corner cases, and copy needed for the project.

Figma file containing all of the user flows, screens, corner cases, and copy needed for the project.

Note
Note
Note

Garmin features are designed for watch first

My responsibility was to create designs for watches, and then provide wireframes for app team so they can continue to build the feature to app side while I keep supporting them.

My responsibility was to create designs for watches, and then provide wireframes for app team so they can continue to build the feature to app side while I keep supporting them.

Most important information is glanceable, but you are able to access the details - Progressive disclosure.

  • MAIN SCREEN

    The purpose of this screen is to showcase where you are in your own personal HRV baseline. Goal is to stay inside the green area.

  • WIDGET GLANCE

    Glanceable widget in the watch menu that showcases the most important information for you each day.

  • 7D AVG HRV

    See your previous 7 days HRV values to detect variation between days and learn what aspects area affecting your health.

  • WIDGET GLANCE

    Glanceable widget in the watch menu that showcases the most important information for you each day.

  • FEEDBACK PHRASE

    Tap from the main screen to access feedback phrase that tells you what your current status means and how to improve it.

  • MAIN SCREEN

    The purpose of this screen is to showcase where you are in your own personal HRV baseline. Goal is to stay inside the green area.

  • WIDGET GLANCE

    Glanceable widget in the watch menu that showcases the most important information for you each day.

  • 7D AVG HRV

    See your previous 7 days HRV values to detect variation between days and learn what aspects area affecting your health.

  • WIDGET GLANCE

    Glanceable widget in the watch menu that showcases the most important information for you each day.

  • FEEDBACK PHRASE

    Tap from the main screen to access feedback phrase that tells you what your current status means and how to improve it.

  • MAIN SCREEN

    The purpose of this screen is to showcase where you are in your own personal HRV baseline. Goal is to stay inside the green area.

  • WIDGET GLANCE

    Glanceable widget in the watch menu that showcases the most important information for you each day.

  • 7D AVG HRV

    See your previous 7 days HRV values to detect variation between days and learn what aspects area affecting your health.

  • WIDGET GLANCE

    Glanceable widget in the watch menu that showcases the most important information for you each day.

  • FEEDBACK PHRASE

    Tap from the main screen to access feedback phrase that tells you what your current status means and how to improve it.

Happy path flow for HRV Status

Results

Results

Results

As a result Garmin watches got a long needed feature that provides feedback on your personal well-being.

Feature has received very positive feedback from the users, and is praised in many online forums. It's still one of the key features in new Garmin watches, without any updates.

Fills the missing gap by showcasing how your body is handling all aspects of your life

Before HRV Status there weren't a big picture in users health and wellbeing. But HRV status takes everything into account and creates a personal metric to follow.

To make outstanding UX work, it still needs polished visual design in which I excel as well.

Fills the missing gap by showcasing how your body is handling all aspects of your life

Before HRV Status there weren't a big picture in users health and wellbeing. But HRV status takes everything into account and creates a personal metric to follow.

Able to detect when you are becoming sick (even covid)

Since the new meal logging makes the main action in the app much easier we are able to build more features on top of it.

There are hundred Reddit posts like this

Able to detect when you are becoming sick (even covid)

Since the new meal logging makes the main action in the app much easier we are able to build more features on top of it.

There are hundred Reddit posts like this

Provides foundation for features like Training Readiness & Training status (also designed by me)

Since the new meal logging makes the main action in the app much easier we are able to build more features on top of it.

Provides foundation for features like Training Readiness & Training status (also designed by me)

Since the new meal logging makes the main action in the app much easier we are able to build more features on top of it.

But here you can see some of the
feedback we have received.

  • "Dude isn’t it amazing? Same experience here. Quite impressed by the HRV."

  • "I Love my HRV (Status) I am working on my fitness, and kicked some unhealthy habits out. Noticed quite an increase in HRVe. This is how Garmin motivates me to keep going."

  • "I love HRV status. I primarily use it to make tweaks to my routine/diet/etc. and know if I have been doing a good job getting good rest at night."

  • "HRV (Status) has amazed me, when my HRV drops i feel like crap. When it goes up I feel good."

Hi I'm Toni! 👋

Digital designer living in Zürich, Switzerland.

I have 5 years of experience in designing world-class products, ranging from global powerhouses like Garmin, to emerging startups like Veri.

I also build websites, so don't hesitate to reach out if you would like to improve your existing site, or create a completely new one.

Hi I'm Toni! 👋

Digital designer living in Zürich, Switzerland.

I have 5 years of experience in designing world-class products, ranging from global powerhouses like Garmin, to emerging startups like Veri.

I also build websites, so don't hesitate to reach out if you would like to improve your existing site, or create a completely new one.

Hi I'm Toni! 👋

Digital designer living in Zürich, Switzerland.

I have 5 years of experience in designing world-class products, ranging from global powerhouses like Garmin, to emerging startups like Veri.

I also build websites, so don't hesitate to reach out if you would like to improve your existing site, or create a completely new one.