Oct 7, 2016
1126 Views
Comments Off on How Google Improves User Experience with the HEART Framework
19 0

How Google Improves User Experience with the HEART Framework

Written by

Have you heard of the HEART framework?

When I stumbled across it, I couldn’t get it out of my head. I recited the acronym on my bike ride home. I scribbled it on whiteboards around our conference rooms. I was head over heels.

HEART is a framework for measuring and improving user experience, and each letter stands for a different user experience metric:  Happiness, Engagement, Adoption, Retention, and Task Success.

And what I find so appealing about HEART is that it pins the discipline of user experience to revenue-driving metrics—a connection I previously struggled making.

Where did the HEART framework come from?

The framework was devised from Google user experience research after internal teams realized that UX wasn’t being measured effectively. At the time, there were plenty of effective ways to measure user experience on a micro level—such as time-on-task and task completion rate—but UX designers weren’t being held to the macro business metrics that they directly influence. So Google came up with HEART as a new framework for measuring user experience.

How is HEART measured?

Happiness: satisfaction, likelihood of recommendation | via user surveys User surveys
Engagement: how much an average user is using your product (by time, sessions, etc) Analytics
Adoption: the percent of users that adopt your product after signing up (user onboarding), and/or the percent of users that adopt a specific feature of your product Analytics
Retention: how many users are still present later Analytics
Task Success: time to complete a task, error rate User tests

The HEART framework is great because it encompasses both micro and macro measurements to help determine the impact of a product’s user experience. Retention has the most direct relationship with current and future revenue, while the other UX metrics have influence over value.

After reading about HEART and its origin from Google’s research, I invested four weeks of my own research on how Google drives user experience within the framework.

How Google Improves User Happiness

Happiness is a calculation of emotion, and because of that it’s hard to optimize for, but it can be easy to measure through NPS scores and user surveys. By measuring happiness over time, you can better understand if the direction of your product is pleasing to users.

By coordinating satisfaction surveys with your latest redesign or feature rollout, you can interpret the data to correlate with the change. Here’s one way Google captures happiness data from its users:

AdWords happiness survey

By embedding this NPS survey to the footer of this page, Google makes their ask contextual with the product itself. This in-product survey most likely captures more accurate and thoughtful feedback than one that comes via email.

With this data, Google can better determine how iterations impact their users’ happiness. The hope here is to see more and more promoters of their product. If that isn’t the case, Google has been known to scrap products entirely. Remember Google Reader?

How Google Improves User Engagement

Google defined user engagement in their original user experience research reportas, “the user’s level of involvement with a product.” The way I like to think about engagement is as a measure of habit or habitual usage, which comes after a user adopts a product—remember, adoption is the A in HEART.

Creating and increasing habitual use of a product is hard to do in a distracted world. Google, however, is a master of habit creation. To prove it, just take a second to consider how many Google products you use regularly. I’m certainly not the only one who uses Gmail, Docs, Drive, Cal, and Analytics in my Chrome browser several times a day.

Here are a few ways Google increases user engagement:

Cross platform promotion

Google often encourages users of a desktop app to download or start using their mobile products. It’s fair to assume that a user of a product will increase engagement when they have the product on a second device. Google Calendar pushes web app users who haven’t yet downloaded their mobile app to do so via this modal:

google calendar user engagement modal

Now I know this might not seem genius, but this kind of product announcement works. It’s contextual, and it worked on me. I now favor Google Calendar over my Apple Calendar on my iPhone.

Google is also a master at pushing users from a mobile browser-based product experience to their native apps. By downloading a mobile version of a product, users are likely to log in more due to two things: the real estate an app icon takes on a phone, and an increase in engagement from a better product experience.

Here’s an example as to how Google pushes users from a mobile browser experience to a native app:

drive slideout

This slideout-style modal that Google uses is an easy, non-intrusive way to entice users to download and start using the better product experience.

Cross product promotion

Another way Google increases user engagement is by tightening the integration between their products. Gmail is one of Google’s most popular products. It’s arguably the hub of their business tool suite. As Google better integrates other products into Gmail, it’s likely that those products see an increase in engagement from their existing users. Here’s an example of how Google launched its integration of its file storage product, Drive, into Gmail:

gmail tooltip for engagement

This modal announcement shows Gmail users how easy it is to attach files with Drive. This improvement inevitably increases engagement to Drive for Gmail.

With such a vast product offering, it makes sense that Google cross-promotes products. I see it everywhere: Gmail to Calendar, Analytics to AdWords, Photo to Drive, Gchat to Hangouts, Youtube to G+. I could go on. You can even see how Google is now packaging these products together as a single entity with G Suite.

How Google Improves User Adoption

User adoption can apply to a feature or feature set or to new users adopting a product generally. Although those instances may seem different, there’s a lot in common with the way users are introduced to a new feature and the way they are onboarded to a product.

User onboarding

Google applies techniques to increase adoption to many of their products. Here’s how one of their products, AdWords, onboards new users with a guided product tour after a welcome message:

Adwords onboarding tour step 1Adwords onboarding tour step 2Adwords onboarding tour step 3Adwords onboarding tour step 4Adwords onboarding tour step 5Adwords onboarding tour step 6Adwords onboarding tour step 7Adwords onboarding tour step 8Adwords onboarding tour step 9Adwords onboarding tour step 10Adwords onboarding tour step 11Adwords onboarding tour step 12Adwords onboarding tour step 13Adwords onboarding tour step 14

This tour serves to educate new users on a rather complicated product. It’s aim is to mitigate initial friction of guessing where to go first for new users, and because it’s been living in AdWords for a while now, it can be interpreted that it successfully increases platform adoption.

 

New feature releases

Google increases adoption to new features similarly. Google uses different kinds of modals—sometimes centered, other times slideouts—to announce new features to existing users. Here’s Google Calendar announcing their ‘Reminders’ feature:

calendar feature release
This reminder catches a user’s attention in the place where they are most likely to adopt the new Calendar feature—in the product. We’ve seen this turn flat-lined adoption into a hockey stick growth curve before, so it’s safe to assume it helped Google Calendar increase usage to its Reminders feature.

How Google Improves User Retention

Retention is such an important driver of revenue for software businesses, so it’s no wonder I found examples of retention efforts in Google’s cash cow, AdWords.

One way AdWords retains its user is by sending a monthly data summary of how our ads have performed:

adwords retention email

Note: this is just the above the fold view of the email. There’s a detailed breakdown of Conversions, Clicks, Impressions and Cost for those who scroll.

At the most basic level, this email reminds me that AdWords is doing work for me. Further though, it helps me recognize trends in the ads performance as well as ROI. This report can help marketers like me sound smart when our boss—who often has the power to shut down spend like this—comes asking about their performance.

How Google Improves Task Success

There are several things a user experience designer can do to increase task success. By enabling and/or surfacing common flows, users can execute faster on a given task. Although efforts to increase task success can be difficult to spot, from my perspective, Google seems to excel at this UX metric too. Their products are efficient.

Lucky for you, I did find one example of how Google drives task success. See this example from their Photos product:

photos task success example 1

The blue tooltip points out a new way to share photos. Once you click the sharing icon it is point to you get this:

photos task success example 2I imagine that Google Photos was seeing a lot of people sending pictures via links or attachments via Gmail. Knowing that this method could be smoother, Google optimized the way that photos hosted in Photos can be sent and shared. In this example, Google uses a blue tooltip to point the way to a super simple sending window.This effectively eliminates any extraneous steps one might take in sharing photos with friends.

When It Comes to Improving User Experience…

Google uses many means of communication. They combine email, feedback forms, tooltips, and modals to increase the HEART of their products and drive more revenue to the 4th most valuable company in the world.

I’d highly encourage you to start measuring your user experience with HEART and try some of these methods for improving each metric in your own product.

Article Tags:
·
Article Categories:
Technology · UX

Comments are closed.