Improving Your Website’s UX with Analytics and Hotjar

Once upon a time, collecting website feedback from users was about bringing them into an office and asking them to perform specific tasks, so that we could assess the UX with real users. It was the best thing we had at the time, but there was a deficiency in the methodology.

By setting users up for UX testing, we were introducing an involuntary cognitive bias: users were taken out of their natural context, and consciously or not, there would be a subtle change in their behavior.

People will try to be nice. They won’t reveal the true extent of their thoughts, especially if they’re disappointed with your offering.

Also, this ancient type of usability testing is slower and not very cost effective. So when the concept of heatmaps were introduced, it was revolutionary. We could now (literally) see which aspects of our websites users were interested in via their clicking and scrolling behavior, and best of all, they didn’t even need to know about it.

Hotjar is one of the tools that does exactly this.

Building an MVP with Hotjar

Hotjar can be used in conjunction with Google Analytics, where Google Analytics is useful for identifying where your UX may be falling short, and usability testing with Hotjar can be used to identify why. That being said, we can also use Hotjar to create MVPs (minimum viable products).

The first time I saw Hotjar in action, being one of the early-stage beta testers, it felt like an epiphany. We were testing the MVP of our SaaS software BeeWits back then. We had just conceived the idea and we wanted to gauge interest in the concept. We setup a website, designed a pricing table and email capture form, and we decided that if a certain % of users were interested, then we were onto something.

But rather than just "hoping" for emails and asking for user feedback, we also set up Hotjar user recording on the MVP landing page.

Hotjar recording is a feature that literally records the actions of a user when they visit your website or web application. You can see the cursor trailing, the clicks, and follow their user journey as it happens.

In essence, you’re watching your customer in their most natural state.

We were thus able to see our users’ interactions with the website, and get a clear sense of the whole user experience. By watching these recordings, we could see the stumbling blocks almost as if we were the user. In our case, we defined our UX (and validated our business idea) with Hotjar.

We could even "see" their reaction to the different price plans, since we could observe the users’ clicks and hovers. We were able to validate our concept from a business angle, as well as improve our UX over time.

Improving the UX with User Recordings

After we MVP’d our idea for a couple of months, we felt there was enough interest in the concept that we decided to develop on the service.

As we launched an early-access version of BeeWits, we wanted to focus on a customer journey where the user finds that "aha!" moment — the moment when they realize how the product will make their life better.

Our "aha!" moment typically happens when a user creates a project using one of our task templates: it's the realization that they don’t need to create a project from scratch every single time.

Optimizing the customer journey

Your users are busy. (You should know, because you’re a user too, right?) They’ll abandon your app if they don’t get it right away, never to return.

When we first launched, the user had a blank slate. After watching user recordings, we realized that our users were getting lost because they had nothing to interact with. When a user starts a free trial and finds emptiness, it’s like they’ve walked into a deserted landscape. Users were stumbling around and then vanishing, but at least we sort of knew why.

We used Google Analytics to identify where users were dropping off. Otherwise, we’d have spent countless hours looking through user recordings to figure that out first, which is no fun.

So, on our next iteration, we let the user start off with an "Example Project". Suddenly, our users had something to work with, and our Google Analytics data told us that we were experiencing more engagement.

Boosting engagement with more user recordings

The beauty of Hotjar recordings is that you can keep discovering stumbling blocks. It’s not a "wham bam, we’re done, let’s move on from usability testing" type of situation. We encountered another issue.

According to the session time of the Hotjar recordings, users that weren’t creating a project to completion were spending much less time than the ones who actually created a project.

Session times of users who didn’t create a project were typically less than two minutes, whilst those who did create a project were spending five minutes or more. However, the users who created a project were coming back to the trial and getting in touch with their feedback when prompted. So, our next goal was to ensure that the user finished creating their project, as they were more likely to return if they did.

After some brainstorming, we decided to turn the example project into a series of smaller tasks instead. We renamed it "Get to know BeeWits". This project now contained a number of tasks which the user had to complete in order to learn how to use BeeWits, including the creation of a project. After a hundred (or so) more user recordings, we saw that both the session time and return rate had increased significantly!

Return rate is an important metric for free trials, because it’s really important for the user to see that they’re getting a lot of use out of the product if they’re to convert to a paying customer later.

The post Improving Your Website’s UX with Analytics and Hotjar appeared first on SitePoint.

from News Aggregator - Top News Stories From Your Favourite News Source | News Vally https://ift.tt/2sA3D4W