Get all templates

HEART Framework Template

Evaluate customer satisfaction and ensure that you are providing real value with the HEART Framework. Measure Happiness, Engagement, Adoption, Retention, and Task Success.

About the HEART Framework Template

Google's HEART framework is a UX framework that uses measurable, actionable metrics to improve your product's user experience. This helps you attract new users and keep existing users loyal.

FigJam demo

What is the HEART framework?

User experience teams face difficulties creating metrics for success, especially for teams working at big companies. User experience can be measured on a small scale through user research, surveys, and focus groups. However, when a company gets too large these methods sometimes prove to be not very effective.

Google developed the HEART framework in order to quantify user experience. The HEART framework is a set of user-centered metrics which can be used to measure user experience on any scale. This allows for a more reliable and accurate product development lifecycle.

What does HEART stand for?

HEART stands for Happiness, Engagement, Adoption, Retention, and Task Success.

  • Happiness is a measure of how satisfied someone is. It can be quantified through surveys and case studies.
  • Engagement is a metric that captures how much a user enjoys using a product. It's usually measured by active users in a day, week, or month, or by net promoter score (NPS).
  • Adoption rate is the number of new users gained in a set time period, typically monthly.
  • Retention is a metric that measures how long each customer remains active before becoming inactive, while churn measures the number of active users who become inactive in a given month.
  • Task success is the average time it takes a user to complete a task in your product or the percentage of tasks users successfully complete.

What are goals, signals, and metrics in HEART?

The HEART process is based on goals, signals, and metrics. All five areas of the HEART acronym must be connected to a goal, at least one signal, and at least one metric.

Your product's goal in the area of HEART should be stated generally, not defined by existing metrics. For example:

  • Happiness goal: “We want to feel supportive and relaxing by logging into our product.”
  • Engagement goal: “We want users to engage with our product every day.”
  • Adoption goal: “We want our user base to keep on growing.”
  • Retention goal: “We want as little churn users as possible.”
  • Task Success goal: “We want to optimize tasks across all user segments.”

What are some signals that will show you whether you are on track to achieve your goal?

  • Happiness signals: Positive outcomes as the feedbacks or recommendations.
  • Engagement signals: A lot of user-generated content, time spent in the app, multiple logging in per day.
  • Adoption signals: Amount of exports, paid features generating more revenue.
  • Retention signals: More subscription renewals, fewer users going inactive.
  • Task Success signals: Few abandoned tasks, few complaints about time-to-completion.

Choose some metrics that can measure each signal. For example:

  • Happiness metrics: Number of five-star reviews.
  • Engagement metrics: Amount of daily/weekly/monthly active users.
  • Adoption metrics: Amount of new users per day/week/month, revenue from paid users.
  • Retention metrics: Retention rate, churn rate.
  • Task Success signals: Tasks completed per user, average completion time.

The HEART framework is not prescriptive. You’re free to come up with whatever goals, signals, and metrics make the most sense for your business and product.

How do you create a HEART model?

Let's start! Select the HEART template and follow the steps below:

  1. Decide on your scope. What aspect of the product are you evaluating?
  2. Fill out goals for each column. Collaborate with your team to settle on five goals.
  3. Fill out signals. Signals can be either positive or negative.
  4. Fill out metrics. Define metrics you can use to quantify each signal.

You might find it more convenient to come up with goals, signals, and metrics for each column before moving on to the next one. Depends what works better for you!

When you're done filling up the framework, you can share your framitework with the rest of the team or anyone else by sending them a link.

When should you use the HEART model?

The HEART model is a great way to measure customer satisfaction on any size project or team. Use it whenever you want to ensure you're providing your customers with real value and making them happy.

HEART Framework Template FAQs

What are UX frameworks?

A UX framework is a useful tool for teams to build a user experience. UX frameworks, such as HEART, can help monitor and refine user reactions to a product once it’s already out in the world.

What is a KPI in UX design?

A key performance indicator (KPI) is a measurable value that shows how well a UX team's user interface is performing with customers. In the HEART framework, it's called a metric. Examples of KPIs include monthly active users and time to complete tasks.

What is UX tracking?

The act of using tools to follow how users interact with your product is known as UX tracking. This term encompasses a wide range of technology, including website analytics, click-tracking, and A/B testing apps.

How do you use the HEART framework?

The easiest way to create a UX scorecard is to use a free template. Create a table with two axes, one labeled Happiness, Engagement, Adoption, Retention, and Task Success, and the other labeled Goals, Signals, and Metrics. Work with your UX team to fill in each cell.

Get ... professional templates for  your team

Get all templates

True bonding for remote teams

Find out how Karma bot can increase your team performance

Learn more about Karma

icon