¿Te has detenido a pensar en lo crucial que es entender el comportamiento de tus usuarios para optimizar la experiencia de tu sitio web? Conocer cada interacción, cada clic y cada desplazamiento no solo te ayuda a mejorar la usabilidad, sino que también te permite anticiparte a sus necesidades y potenciar tus resultados.

Aquí es donde entra Clarity: una herramienta innovadora que desglosa la complejidad de la analítica web en insights prácticos y accionables. Estate muy atento porque que en este post te voy a explicar en qué consiste y las principales funciones que pone a tu disposición. Y para cuando acabe, ya estarás convencido de que la quieres en tu vida.

¿Qué es Clarity y para qué sirve?

Clarity es una plataforma de medición cualitativa y cuantitativa que te va a permitir conocer cómo se comportan los usuarios de tu web o aplicación.

A partir del análisis de esta información, podrás tomar decisiones para mejorar la experiencia de usuario y con ella, la eficiencia de tu sitio web y tu tasa de conversión.

De forma más específica, Clarity te puede ayudar a:

  • Comprobar con tus propios ojos la experiencia de usuario y si coincide con la que se espera
  • Identificar que funciona y que no en tu web. Podrás realizar test A/B de distintos elementos, creatividades y ubicaciones y comprobar que funciona mejor
  • Identificar puntos que no están del todo claros y que generan confusión y frustración en el usuario
  • Mejorar la toma de decisiones, complementándose con las métricas de análisis web más tradicionales

Las herramientas de medición de Clarity

El panel

Esta herramienta recoge mediciones cuantitativas. Los datos se presentan agrupados y presentados en tarjetas de forma que resulta muy fácil su visualización y análisis.

Tarjeta de datos medidos por clarity

Fuente: Demo de Microsoft Clarity

Las tarjetas que se muestran son las siguientes:

  • Métricas generales: sesiones, páginas por sesión, profundidad de desplazamiento, tiempo activo empleado
  • Tarjeta “Información general de los usuarios”: proporciona el nº los usuarios activos, nº de usuarios únicos y las sesiones por tipo de usuario
  • Tarjeta “Ideas”: aquí puedes consultar unas métricas muy interesantes relativas al comportamiento de usuario como por ejemplo los clics continuos, que están relacionados con el usuario frustrado; clics fallidos, el usuario hace clic donde no debe; Desplazamiento (scroll) excesivo; y retrocesos rápidos
  • Tarjeta “Eventos inteligentes”: muestra el número de veces que se ejecuta un evento clave que realiza el usuario. Inicialmente, Clarity define de forma automática estos eventos clave, sin embargo, pueden ser modificados y ser tú quién defina estos eventos según tu criterio
  • Tarjeta “Embudos”: contiene datos relativos al embudo de conversión como por ejemplo: tasa de conversión, nº de sesiones en las que se ha convertido o el tiempo medio para convertir
  • Tarjeta “Origen de referencia”: nos da información sobre el origen de los usuarios, a través de qué canal, medio o campaña llegan a nuestra web
  • Tarjeta con información tecnológica relativa al tipo de exploradores, dispositivos y sistemas operativos que usan los usuarios
  • Tarjeta “Información general de rendimiento”: con métricas relativas al rendimiento del sitio web.
  • Tarjeta de “Errores de Java Script”
  • Tarjeta de “Páginas principales y páginas inactivas»

Grabaciones de sesiones

Aquí encontrarás grabaciones de las sesiones de los usuarios de tu web que Clarity recoge de forma automática. En ellas podrás ver cómo se movieron por la interfaz, cómo interactuaron con ella, cuanto tiempo tardan en realizar un determinado evento clave, qué páginas han visitado…etc, es decir, podrás ver como se han comportado y si este comportamiento es el esperado o no.

grabacion de sesión de usuario clarity

Fuente: Demo de Microsoft Clarity

La visualización y análisis de estas grabaciones permite detectar problemas en la navegación del usuario, lo que conlleva la identificación de una mejora en la estructura y/o la usabilidad de la web.

Clarity graba las sesiones hasta que el usuario o bien abandona la página o bien pasan 30 minutos de inactividad.

Mapas térmicos o mapas de calor

Una mapa de calor es otra de las herramientas de medición cualitativa que Clarity pone a tu disposición para que puedas ver donde han hecho clic los usuarios y por donde se han desplazado, sea cual sea el dispositivo que utilicen: pc, Tablet o móvil. Hay 4 tipos de mapas de calor.

Mapa de calor de clics

En este mapa verás donde los usuarios están haciendo clic. Podrás identificar si los usuarios se equivocan pensado que algún elemento de la web contiene un enlace cuando no es así.

La zona que más clics recibe se muestra con colores cálidos como amarillo, naranja y rojo, siendo este último el que representaría el mayor nivel de clics. Mientras que las zonas con menos clics se identificarán con colores fríos como el verde y azul.

Mapa de calor de clics   Fuente: Demo de Microsoft Clarity

Además, Clarity es capaz de identificar distintos tipos de clics:

  • Clics sin actividad: clics que se realizan en zonas que no contienen un enlace
  • Clics de ira: muchos clics en la misma zona en muy poco tiempo. Este es un comportamiento asociado al usuario frustrado.
  • Error clics: clics que no funcionan debido a un fallo del lenguaje de programación
  • Clics que se realizaron en primer lugar: el primer clic de la sesión del usuario
  • Clics que se realizaron en último lugar: el último clic de la sesión del usuario
  • Y por último, el total de clics.

Mapa de calor de desplazamiento

Muestra los desplazamientos que hace el usuario haciendo scroll o que es lo mismo, te dice que porcentaje de usuarios han visto o llegado hasta ese punto concreto de la página.

Mapa de calor de desplazamiento clarity

Fuente: Demo de Microsoft Clarity

Con este mapa puedes:

  • Determinar con mayor precisión la longitud ideal de tu página
  • Comprobar si los usuarios ven todo el contenido de valor que quieres que vean
  • Si los CTAs están colocados correctamente

Mapa de calor de área

Muestra el total de clics y el CTR que se han hecho en cada área diferente de la página. Clarity divide la página de forma predeterminada en diferentes áreas, sin embargo, esto es editable y tu mismo puedes definir las áreas que más te interesen.

Mapa de calor de área clarity

Fuente: Demo de Microsoft Clarity

Mapa de calor de conversión

Este mapa es específico para e-commerce. Al igual que el mapa de área, Clarity identifica automáticamente las distintas áreas de las que se compone la página web, las delimita y calcula para cada zona su CTR. De nuevo, estas áreas se pueden modificar según tu propios criterios o intereses.

Las distintas áreas se encuentran en un listado en la parte izquierda del mapa donde además Clarity te da la tasa de conversión por zona.

Mapa de calor de conversión clarity

Fuente: https://learn.microsoft.com/en-us/clarity/heatmaps/conversion-maps

IA de Clarity

Clarity dispone de una IA para ayudarte a analizar los datos que se han recogido. Puedes usarla de dos formas:

  • preguntar directamente lo que necesites saber y chatear con ella
  • consultar los informes tipo resumen que realiza a partir del estudio de agrupaciones de varias sesiones grabadas y mapas de calor. Es decir, la IA agrupa varias sesiones grabadas, las estudia y realiza un informe incluyendo conclusiones, de esta forma, no necesitas visualizar las grabaciones una por una lo que revierte en un ahorro de tiempo considerable.

Ventajas adicionales  de Clarity a tener en cuenta

  • Es gratuita
  • La puede usar cualquier web, independientemente del volumen de visitas y del tamaño del sitio web
  • Es muy intuitiva y fácil de usar
  • Su instalación es muy sencilla
  • Recoge datos de forma casi inmediata tras la instalación
  • Las herramientas disponen de segmentos y multitud de filtros para profundizar y personalizar el análisis de los datos
  • Se puede integrar con Google Analytics, así podrás ver los datos de Google Analytics dentro de Clarity y viceversa

Conclusiones

Clarity es una herramienta muy versátil, con una interfaz muy intuitiva que proporciona una experiencia de usuario muy agradable.

Constituye un complemento indispensable de herramientas de analítica web más tradicionales, como puede ser Google Analytics o Matomo, para comprender definitivamente a nuestros usuarios y su comportamiento,  ya que, al fin y al cabo, es para quienes diseñamos y ponemos a su disposición nuestra web.

Explicado todo esto, ¡espero haberte convencido!. Si quieres, cuéntame en comentarios si ha sido así y que te parece Clarity, ¡Te leo!

Te interesa: