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

The HEART framework is a UX framework developed by Google. It turns the often-fuzzy idea of user experience into a set of measurable, actionable metrics, helping your product win new users and keep current active users loyal.

What is the HEART framework?

User experience teams often find it challenging to develop useful metrics for success. It’s an even greater challenge for teams at large companies. You can measure user experience at a small scale through user research, surveys, and focus groups. But as your company grows, your customer base gets too large for these methods to always be reasonable.

Google developed the HEART framework to tackle the problem of quantifying user experience. The HEART framework is a set of user-centered metrics you can use to measure user experience at any scale — then draw on those metrics repeatedly throughout the product development lifecycle.

What does HEART stand for?

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

  • Happiness is a subjective measure of attitude or satisfaction. It’s often quantified through user surveys and bolstered via case studies.

  • Engagement measures how much the user interacts willingly with a product. Depending on the product, it can be measured by your number of active users in a day, week, or month or your net promoter score (NPS).

  • Adoption is the rate of new users gained in each time period, usually monthly.

  • Retention measures how long each customer remains an active user before dropping off. Churn, the other side of the coin, measures how many active users go inactive each month.

  • Task Success is either 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?

Goals, signals, and metrics are the core of the HEART process. All five areas of the HEART acronym must be connected to a goal, at least one signal, and at least one metric.

A goal is a statement of what you’d like your product to achieve in that area of HEART. It’s important for goals to be general, not defined by existing metrics. Some examples:

  • Happiness goal: “We want logging into our product to feel relaxing and supportive.”

  • Engagement goal: “We want users engaging with our app every day.”

  • Adoption goal: “We want our user base to grow continuously.”

  • Retention goal: “We want as little churn as possible.”

  • Task Success goal: “We want to minimize abandoned tasks across all user segments.”

Next, come up with one or more signals for each goal. Signals are signs you can look for to show you whether you’re on track to achieve your goal. Examples might be:

  • Happiness signals: Positive feedback from with real users, recommendations, few complaints.

  • Engagement signals: Large amount of user-generated content, users spending more time in the app, users logging in multiple times per day.

  • Adoption signals: More downloads, new features adopted quickly, 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.

Finally, decide on metrics you can use to objectively measure each signal. For example:

  • Happiness metrics: Number of five-star reviews, NPS.

  • Engagement metrics: Daily/weekly/monthly active users.

  • Adoption metrics: 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?

Start by selecting the HEART framework template. Then follow these steps:

  1. Decide on your scope. Are you evaluating your whole product, certain features, or just one feature?

  2. Get familiar with the template. The five areas are listed at the top of the table. Goals, signals, and metrics run down the left-hand side.

  3. Fill out goals for each column. Brainstorm or with your team to settle on five goals.

  4. Fill out signals. Signals can be either positive (something you want to see) or negative (something you’re on the right track if you don’t see).

  5. Fill out metrics. Pick metrics you can use to quantify each signal.

Alternately, you might choose to come up with goals, signals, and metrics for each column before moving on to the next one. Either approach works!

Once finished, you can share your framework with your team or anyone else who would benefit from seeing the information by sending them the board link.

When should you use the HEART model?

The HEART model is generally used to measure larger scale projects, but it works for any size project or team. Use it whenever you want to ensure you’re making your customers happy and providing them with real value.

HEART Framework Template FAQs

What are UX frameworks?

A UX framework is a set of assumptions and steps a team can use to build a user experience. UX frameworks such as HEART also monitor and refine user reactions to a product once it’s already out in the world.

What is a KPI in UX design?

A KPI, or key performance indicator, is a measurable variable a UX team can use to determine how their user interface is performing with customers. In the HEART framework, it’s called a metric. Examples include monthly active users and time to complete tasks.

What is UX tracking?

UX tracking is the act of using tools to follow how users interact with your product. It 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 is to use this free template. Alternatively, create a table and label one axis with Happiness, Engagement, Adoption, Retention, and Task Success. Label the other axis with Goals, Signals, and Metrics. Then, work with your UX team to fill in each cell.

HEART Framework Template

Get started with this template right now.

Related Templates
SAFe Thumbnail

SAFe Program Template

Works best for:

Agile Methodology, Diagrams, Agile Workflows

Many organizations use the Agile model, but even companies that don’t rigorously adhere to all Agile standards have adopted Agile tools and methods like Program Increment (PI) Planning. Even if you’re not participating in a formal PI session, a program board can be a great way to establish communication across teams and stakeholders, align development objectives with business goals, clarify dependencies, and foster cross-functional collaboration. The board provides much-needed structure to planning sessions, yet is adaptable enough to accommodate brainstorming and alignment meetings.

SAFe Program Template
Quick Retrospective Thumbnail

Quick Retrospective Template

Works best for:

Education, Retrospectives, Meetings

A retrospective template empowers you to run insightful meetings, take stock of your work, and iterate effectively. The term “retrospective” has gained popularity over the more common “debriefing” and “post-mortem,” since it’s more value-neutral than the other terms. Some teams refer to these meetings as “sprint retrospectives” or “iteration retrospectives,” “agile retrospectives” or “iteration retrospectives.” Whether you are a scrum team, using the agile methodology, or doing a specific type of retrospective (e.g. a mad, sad, glad retrospective), the goals are generally the same: discovering what went well, identifying the root cause of problems you had, and finding ways to do better in the next iteration.

Quick Retrospective Template
Empathy Map Thumbnail

Empathy Map Template

Works best for:

Market Research, User Experience, Mapping

Attracting new users, compelling them to try your product, and turning them into loyal customers—it all starts with understanding them. An empathy map is a tool that leads to that understanding, by giving you space to articulate everything you know about your customers, including their needs, expectations, and decision-making drivers. That way you’ll be able to challenge your assumptions and identify the gaps in your knowledge. Our template lets you easily create an empathy map divided into four key squares—what your customers Say, Think, Do, and Feel.

Empathy Map Template

Research Topic Brainstorm Template

Works best for:

Desk Research, Brainstorming, Ideation

Coming up with a topic for a research project can be a daunting task. Use the Research Topic Brainstorm template to take a general idea and transform it into something concrete. With the Research Topic Brainstorm template, you can compile a list of general ideas that interest you and then break them into component parts. You can then turn those parts into questions that might be the focus for a research project.

Research Topic Brainstorm Template
Status Report Thumbnail

Status Report Template

Works best for:

Project Management, Documentation, Strategic Planning

A status report provides a snapshot of how something is going at a given time. You can provide a status report for a project, a team, or a situation, as long as it emphasizes and maps out a project’s chain of events. If you’re a project manager, you can use this report to keep historical records of project timelines. Ideally, any project stakeholder should be able to look at a status report and answer the question, “Where are we, and how did we get here?” Use this template as a starting point to summarize how something is progressing against a projected plan or outcome.

Status Report Template

Meeting Template

Works best for:

Meetings, Team Meetings, Workshops

Everyone has been in a meeting that didn’t go as planned. Maybe it ran off course, or you ran out of time to accomplish everything you set out to do -- or maybe it just felt like a waste of time. To avoid that, it’s important to prepare to run a team meeting ahead of time. With this simple but effective template, you can prepare to run a team meeting that ticks all the boxes. By creating a streamlined way to build preparation into your workflow, you’ll ensure your meetings are efficient, enjoyable, and collaborative.

Meeting Template