Blog details
Blog details
Blog details

Analytics in the UI/UX world

22 Design

Nov 27, 2024

Blog Image
Blog Image
Blog Image

In the previous articles, we have covered most of the UX research methodologies, but we have not yet discussed one important type of tool, analytics. Website analytics is very important as it helps to support other research findings with figures or visuals. There are many free and paid tools available for this. Here are some of them.

Data-driven analytics software


Beyond the analytics for your own website, the best known and most widely used free software is Google Universal Analytics. It is mostly used for marketing analytics, to optimise the effectiveness of advertising campaigns. But there are many more ways to interpret the data! From a UX/UI point of view, it is very important to know, for example, where each visitor came to the site from, from which platform, how much time they spend on average on the subpages, where the drop-out rate is the highest and which routes users take to reach the final destination. It is also a great help for a designer to know on which device and what resolution the site is viewed most often. This kind of data can help highlight performance and design issues. Analytics can provide a fairly large amount of data for finding user-friendly features, developing an effective strategy or conducting a comprehensive UX audit.


But what if someone has an app?


Here too, there is a wide range of software to choose from. The most popular is Google's free software, Firebase. The biggest difference between Google Universal Analytics and Firebase is the measurement method, while the first one measures sessions, Firebase measures events. For example, how many times an app has been downloaded, how many times an action has been opened or performed, etc.


What if you have both a website and an app?


The solution is Google Analytics 4 (GA4), a new free software from Google that will take over the role of Google Universal Analytics from 1 July 2023. Its big advantage will be the ability to manage data from the website and the app in one interface. In addition, as they have standardised the measurement method (it will measure events for the website as well), we will be able to easily interpret both types of measurement, centralising them into one statistical table.


Visual analytics software


In addition to numerical data, we can also collect visual data. One of the favourite methods for UX professionals is the heatmap test. With this method, we can track where and how much interaction happens on a given page (how many times a button is clicked, which part of the page is viewed most often). Using the analytics, we can filter out pages where something is stuck, and visually see these problems with the heatmap method. In addition, we can complement this with recording tools that capture the user's movements and clicks on a given website. They help us to get more complex results about user problems, possible design and other errors. Most software handles these two methods together, such as Clarity, Microsoft's own free software. Or many people opt for Hotjar, which is paid but has many more features, with a mini questionnaire pop-up tool alongside the heatmap and recording solutions. The disadvantage of Hotjar is that it is subscription-based. But it is worth mentioning SmartLook, which works in a similar way to Hotjar.

To sum up, it is worth using both analytical analysis and visual software at the same time to get a complete picture of the website's performance shortcomings or the degradation of the user experience.


How does this happen at 22.design?


Over the years, we have learned that it is not enough to design and develop a website or an application, but it is important to have a follow-up. That's why we created the UX Tracking methodology. This is a regular, comprehensive analysis at certain intervals that ensures the tracking of what is happening on the website, to identify any stumbling blocks. 

The essence of the UX tracking package is analytical analysis alongside UX research methods. In this section, we look at the basic website or mobile application functionality, the different conversion processes. We will make recommendations on which analytical tools to implement and which settings to use. Based on the results, insights and "eureka points" obtained during the UX tracking, we will create minor or major design variations, which will be A/B tested and measured continuously. From this, we can see the rate of improvement and the increase in conversion rates as a result of the changes.


After the review of the amendments, there is a new scrutiny phase, followed by another proposal for amendments, and then the review again. Thanks to this cyclical approach, we can keep up with current trends and the website or app will not be outdated in 2 years!

Blogs
Blogs
Blogs

read more blogs

read more blogs

read more blogs

Experience growth through innovative digital marketing designed to reach, inspire, and deliver results.

Experience growth through innovative digital marketing designed to reach, inspire, and deliver results.

Experience growth through innovative digital marketing designed to reach, inspire, and deliver results.

Blog Image

User Experience

Mar 3, 2025

UX audit - the art of constructive criticism in 10 points

Patterns and reflexes have developed that I think are a major barrier to the development of digital services through audits, and many people are rightly reluctant to engage in any form of such a process.

Blog Image

User Experience

Mar 3, 2025

UX audit - the art of constructive criticism in 10 points

Patterns and reflexes have developed that I think are a major barrier to the development of digital services through audits, and many people are rightly reluctant to engage in any form of such a process.

Blog Image

User Experience

Mar 3, 2025

UX audit - the art of constructive criticism in 10 points

Patterns and reflexes have developed that I think are a major barrier to the development of digital services through audits, and many people are rightly reluctant to engage in any form of such a process.

Blog Image

Persona

Jan 15, 2025

User interview - Find out what the user thinks!

User interviews allow us to gather a more comprehensive knowledge of the persona, i.e. the target group for a given product or service. It's a good idea to conduct such an interview when you want to explore the user's habits and past experiences, or to find out their thoughts on a UX product in progress or already completed.

Blog Image

Persona

Jan 15, 2025

User interview - Find out what the user thinks!

User interviews allow us to gather a more comprehensive knowledge of the persona, i.e. the target group for a given product or service. It's a good idea to conduct such an interview when you want to explore the user's habits and past experiences, or to find out their thoughts on a UX product in progress or already completed.

Blog Image

Persona

Jan 15, 2025

User interview - Find out what the user thinks!

User interviews allow us to gather a more comprehensive knowledge of the persona, i.e. the target group for a given product or service. It's a good idea to conduct such an interview when you want to explore the user's habits and past experiences, or to find out their thoughts on a UX product in progress or already completed.

Faq
Faq
Faq

Your Questions Answered

Your Questions Answered

Your Questions Answered

Everything You Need to Know About Revento,

We have Answers to Your Questions About Revento’s Services and Approach.

Everything You Need to Know About Revento, We have Answers to Your Questions About Revento’s Services and Approach.

Everything You Need to Know About Revento,

We have Answers to Your Questions About Revento’s Services and Approach.

Faq Image
How is 22 different from other UX/UI or no-code agencies?

We don’t do generic. Every project we take on gets a senior-only team, direct access to decision-makers, and an approach grounded in research, not guesswork. No bloated decks, no junior handoffs—just sharp, practical design work that moves your metrics.

Faq Image
What’s your typical process like?
Faq Image
Do you work with early-stage startups or just big brands?
Faq Image
Can you help us redesign our product or website?
Faq Image
How much does it cost to work with you?
Faq Image
What if we’re in a different time zone?
Faq Image
How soon can you start?
Faq Image
How is 22 different from other UX/UI or no-code agencies?

We don’t do generic. Every project we take on gets a senior-only team, direct access to decision-makers, and an approach grounded in research, not guesswork. No bloated decks, no junior handoffs—just sharp, practical design work that moves your metrics.

Faq Image
What’s your typical process like?
Faq Image
Do you work with early-stage startups or just big brands?
Faq Image
Can you help us redesign our product or website?
Faq Image
How much does it cost to work with you?
Faq Image
What if we’re in a different time zone?
Faq Image
How soon can you start?
Faq Image
How is 22 different from other UX/UI or no-code agencies?

We don’t do generic. Every project we take on gets a senior-only team, direct access to decision-makers, and an approach grounded in research, not guesswork. No bloated decks, no junior handoffs—just sharp, practical design work that moves your metrics.

Faq Image
What’s your typical process like?
Faq Image
Do you work with early-stage startups or just big brands?
Faq Image
Can you help us redesign our product or website?
Faq Image
How much does it cost to work with you?
Faq Image
What if we’re in a different time zone?
Faq Image
How soon can you start?

Ready to elevate your brand with design that drives results? Let’s create together!

UX/UI Design

Website Dev

UX Tracking / CRO

Service Design / Research

Arc Image
Arc Image
Hero Shape
Hero Icon
Hero Icon
Hero Icon

Ready to elevate your brand with design that drives results? Let’s create together!

Website Dev

Arc Image
Arc Image
Hero Shape
Hero Icon
Hero Icon

Ready to elevate your brand with design that drives results? Let’s create together!

Success

Website Dev

UX Tracking / CRO

Service Design / Research

Arc Image
Arc Image
Hero Shape
Hero Icon
Hero Icon
Hero Icon