FigJam
Build positive user experiences with the HEART framework

Establish and measure performance across user Happiness, Engagement, Adoption, Retention, and Task success to improve UX from top to bottom. FigJam’s HEART framework template helps you track initiatives and ux metrics in real time—without skipping a beat.

five colorful squares with the letters H-E-A-R-T and arrows pointing up and down from each squarefive colorful squares with the letters H-E-A-R-T and arrows pointing up and down from each square

HEART framework

Give everyone in your organization the knowledge they need to build better user experiences through user centered metrics.

Have some heart

HEART framework templates will revolutionize your approach to UX management.

Make someone happy: Take concrete steps toward improved customer satisfaction and user engagement,equipped with data to back up decisions.

Measure up: Define exactly what happiness, engagement, adoption, retention, and task success mean to your organization, then evaluate your performance accordingly.

Watch the monitor: Keep a close eye on developing UX trends and user involvement with your product or platform.

colorful HEART framework diagram colorful HEART framework diagram
a heart with a smile face and five pill shapes with the labels happiness, engagement, adoption, retention, and task successa heart with a smile face and five pill shapes with the labels happiness, engagement, adoption, retention, and task success

FigJam
Collaboration you’re sure to love

Make sure that your entire team is on the same page about how to take care of and cater to your users and more importantly, user satisfaction. Collaborate in real-time on a FigJam HEART metrics framework template. You can even collect team member feedback through integrated widgets. Chat freely, leave notes, and add emojis as you work toward success.

R&D for the future

Bring your research and design processes into the 21st century. FigJam templates streamline everything from prototyping to feedback gathering—all in one place.

FAQs

The HEART framework is an evaluation and diagramming tool developed by UX professionals at Google—the clever acronym stands for Happiness, Engagement, Adoption, Retention, and Task success.

The HEART framework puts emphasis on these five user-first metrics to help teams determine goals, signals of success, and metrics for measuring progress, all in the hopes of identifying issues and improving the overall experience.

Task success measures how quickly and easily users are able to complete an intended task—logging into their portal, navigating to the Shop Now page, or signing up for an account. By digging into the details of what a successful user task completion entails—using the goals signals metrics process—teams can continually improve UX experiences.

Use the HEART framework as a discussion and planning tool for your team to achieve the right metrics. If you come together and brainstorm about each of the five categories, you’ll establish commonly understood UX goals, and develop a shared language and methodology around measuring and fine tuning user experience.

You can apply the heart framework to any number of UX scenarios. Use it for overall strategy meetings, or to examine a specific feature or product. Discuss each individual cell of the chart as a group. If you’re using FigJam’s heart template, you can invite your collaborators to drop sticky note responses into the table, adding their thoughts or questioning other ideas. Once you’re done, you can share the knowledge (and the love) with your entire organization.

Other templates you might like

Explore 1,000+ templates on the Figma community

Explore even more templates, widgets, and plugins—all built by the Figma community.

Figma communityFigma community