¿Qué es MS Clarity?

Microsoft Clarity nace con el propósito de proporcionar una visión detallada y granular de la interacción de los usuarios con nuestro sitio web. Esta herramienta nos brinda la capacidad de analizar el comportamiento de los visitantes, identificar áreas de mejora y, en última instancia, optimizar la experiencia del usuario. Desde seguimientos de clics hasta mapas de calor, Clarity ofrece una gama de herramientas poderosas para ayudarnos a comprender cómo nuestros usuarios navegan y interactúan con nuestro contenido.

Dispone de tres herramientas fundamentales:

• Registros de Sesiones: accede a grabaciones de sesiones de usuarios individuales para ver exactamente cómo navegan por tu sitio. Esto proporciona una perspectiva invaluable sobre los puntos de fricción y las áreas de interés.
• Mapas de Calor: visualiza las áreas más clicadas y las zonas de desplazamiento de tus páginas. Los mapas de calor son una herramienta gráfica que destaca las áreas de mayor actividad, permitiéndote ajustar el diseño y la disposición de tus elementos.
• Análisis de Eventos: rastrea eventos específicos, como clics en botones o envíos de formularios, para entender cómo los usuarios interactúan con funciones específicas de tu sitio.

Configuración y segmentos

Configuración

La configuración general aplicada a todas las cuentas es la siguiente:

• Categoría del sitio: Comercio electrónico.
• Equipo: los usuarios que las direcciones de negocio o marketing nos han indicado para cada cuenta, junto con todos los compomentes del equipo Web.
• Activas las cookies con información par la recopilación de datos.
• Se detectan los bots para ignorar los datos de navegación proporcionados por estos robots.
• Enmascaramos los datos de forma EQUILIBRADA para que no se muestren, por ejemplo, las contraseñas.
• Bloqueamos todas las IPs de la red local.
• Activo el Copilot

Segmentos

Para cada una de las secciones es posible elegir una serie de parámetros que permiten estudiar partes concretas de la Web (todo ello a través de los FILTROS):

• Url que deseamos estudiar. En general no se elige una URL concreta, sino una plantilla con el objetivo de obtener datos agregados. Es posible seleccionar una coincidencia extacta, que comience por, que termine por...
• Periodo de tiempo de estudio. Támbién existe la posibilidad de excluir o incluir tráfico en función de la fuente desde la que llega el visitante.
• Dispositivos que deseamos considerar en las vistas.
• Navegador.
• Sistema operativo.
• Ubicación del cliente.
• ID del usuario en Clarity.

Además, también se pueden establecer filtros por las acciones que han llevado a cabo los usuarios en la Web:

• Texto que han escrito.
• Profundidad del scroll.
• Clics
• [ ... ]

Mapas de calor

Los mapas de calor en Microsoft Clarity son una herramienta poderosa que proporciona una radiografía visual de la interacción de los usuarios con tu sitio web. Estos mapas son fundamentales para entender de manera intuitiva y rápida las áreas de mayor interés y actividad en tus páginas. Veamos en detalle las distintas opciones y características que ofrece Clarity en relación con los mapas de calor:

Además, para cada sección y siempre que no se haya filtrado, podemos ver la visual de desktop, tabley y móvil de la página seleccionada:

Cómo Interpretar los Mapas de Calor

• Intensidad del Color: las áreas más intensamente coloreadas indican una mayor actividad. Presta atención a estas zonas para entender qué contenido o elementos son más atractivos para los usuarios.
• Puntos Fríos y Calientes: identifica puntos fríos, donde la interacción es limitada, y puntos calientes, donde la actividad es alta. Estos insights te ayudarán a focalizar tus esfuerzos de optimización.
• Existen informes en lo que es posible modificar la captura de pantalla que se utiliza para la presentación de los datos:
  
  
  
  
• Mostrar u ocultar las clasificaciones en el mapa:
  
  
  
  
• O la opacidad de los colores:
  
  
  
  

Mapas de Calor de Clics

Muestra visualmente las áreas de la página que reciben más clics. Identifica los elementos de tu sitio que atraen la atención y los clics de los usuarios, ayudándote a optimizar la disposición y el diseño de botones, enlaces y llamadas a la acción.

En el área derecha se encuentra la captura de pantalla de la página elegida para el estudio y a la izquierda, los elementos cuantitativos a los que se asignan los clics. 

Además, podemos elegir el tipo de clics que deseamos medir:

 >> 

Mapas de Calor de Desplazamiento

Resalta las áreas de la página a las que los usuarios realizan más desplazamiento. Comprende hasta qué punto los usuarios se desplazan en tus páginas, lo que te permite ajustar la ubicación de contenido clave y mantener la atención del usuario a lo largo de la página.

En la sección izquierda se muestra el avance y en la derecha la graducación de la cantidad de clientes que se pierden al avanzar sobre la página.

Mapas de Calor de Áreas

Se usa para agrupar las pulsaciones en las ditintas secciones de la página.

En el menú de la izquierda tenemos las agrupaciones, las cuales se pueden cambiar, dado que por defecto Clarity agrupa las secciones en base a un criterio general de Header, body y footer.

Comparativas

También es posible realizar comparaciones de varias páginas. En la esquina superior derecha aparece el botón COMPARAR:

Si lo pulsamos podremos elegir otra URL con la que establecer una coparativa visual de los puntos calientes:

Ejemplos de Optimización con Mapas de Calor

• Reubicación de Elementos: si un botón importante no está recibiendo la atención esperada, considera moverlo a una ubicación más destacada según el mapa de calor de clics.
• Ajuste de Contenido: si una sección específica no está generando desplazamiento, revisa su relevancia y posición en la página.
• Optimización Móvil: utiliza mapas de calor para adaptar la disposición de elementos en versiones móviles, teniendo en cuenta los patrones de desplazamiento y clics en dispositivos más pequeños.

Grabaciones

Los registros de sesiones, también conocidos como grabaciones, son una función destacada de Microsoft Clarity que ofrece una visión detallada y práctica de cómo los usuarios interactúan con tu sitio web. Estas grabaciones permiten literalmente observar la pantalla y el comportamiento de un visitante durante su tiempo en tu página, proporcionando valiosos insights sobre la experiencia del usuario. 

Cómo Interpretar los Registros de Sesiones

• Puntos de Abandono: observa dónde los usuarios abandonan la página y revisa las acciones que tomaron justo antes de salir. Esto puede indicar posibles obstáculos o problemas de usabilidad.
• Patrones de Navegación: identifica cómo los usuarios se mueven a través de tu sitio. ¿Siguen el flujo previsto o se desvían hacia áreas específicas?
• Interacciones con Elementos Clave: observa cómo los usuarios interactúan con elementos importantes como formularios, botones de compra o enlaces relevantes.

Visualización en Tiempo Real

Observa la actividad de los usuarios en tu sitio en tiempo real. Identifica problemas o áreas de mejora de manera inmediata, permitiéndote tomar medidas rápidas y efectivas.

Reproducción de Interacciones y seguimiento de eventos específicos.

Reproduce sesiones completas de usuarios, desde el inicio hasta la salida. Comprende el recorrido del usuario, identificando puntos de interacción y áreas donde los usuarios pueden experimentar dificultades.

Es posible usar los filtros para estudiar sólo las sesiones en las que se utilizan eventos específicos como clics, escritura de textos, etc...

Se puede seleccionar cualquiera de los vídeos que se muestran en función de los filtros o segmentos seleccionados:

Aunque también podemos realizar algunas acciones adicionales:

• Avanzar, retroceder, acceder a otra parte del vídeo o eliminar todos los momentos de inactividad del vídeo para centrarnos sólo en las partes interesantes:
  
  
  
  
• También podemos abrir los detalles adicionales de la grabación o que nos haga un resumen de clics, desplazamientos o áreas. Similar a lo visto en los mapas de calor.
  
  
  
  
• Ver y observar los datos del USUARIO que hemos grabado. Es información sin datos personales. Es posible ver la información más destacada en la primera ficha: id, ubicación, sistema operativo y hardware; pero también, pulsando sobre cualquiera de ellos, podremos visualizar todas las grabaciones que tengamos de dicho usuario.
  
   >>> 
  
  
• Podemos compartir la grabación y descargar esta o todas las que cumplen los criterios.
  
  
  
  
• Añadir a favoritos una determinada grabación:
  
  
  
  
• Crear las conclusiones de la navegación en base al COPILOT integrado:
  
   >>> 
  
  

Ejemplos Prácticos de Utilización

• Optimización de Formularios: analiza las grabaciones para identificar pasos en formularios que podrían resultar confusos o desafiantes para los usuarios. Luego, ajusta el diseño y la estructura para mejorar la tasa de conversión.
• Validación de Diseño Responsivo: verifica cómo se visualiza y se utiliza tu sitio en diferentes dispositivos y resoluciones, garantizando una experiencia coherente y efectiva.
• Resolución de Problemas Específicos: si recibes informes de usuarios sobre problemas técnicos o dificultades de navegación, las grabaciones de sesiones te permiten investigar y abordar estos problemas de manera precisa.

Panel inicial

El panel inicial es la página principal o el dashboard que proporciona una visión general y resumen de las métricas clave relacionadas con la experiencia del usuario en tu sitio web. 

• Resumen de Actividad: una visión general de la actividad reciente en tu sitio, incluyendo el número total de sesiones, visitantes únicos y otras métricas clave.
• Métricas Clave: indicadores clave de rendimiento (KPIs) que resumen la salud general de tu sitio: sesiones de nuevos usuarios y repetidos, origen del tráfico, canales, campañas, exploradores y sistemas operativos usados...
• Alertas y Avisos: notificaciones sobre errores en el código (JavaScript).