¡Hola! Ahora puedes usar Hotjar en español 🇪🇸 Empezar gratis.

Aprende / Guías / Guía de heatmaps

Volver a las guías

Cómo utilizar Zonas de Interacción (Engagement Zones) para mejorar tu sitio web y aumentar las conversiones con confianza.

No hay duda de que los distintos tipos de heatmaps, como los de clics, movimientos y desplazamiento vertical, son imprescindibles para visualizar datos de interacción complejos. Muchas veces esto implica tener que pasarse minutos, o incluso horas, cambiando de un mapa a otro. Lo sabemos. Nosotros también hemos deseado que hubiera una forma más eficiente de consultar esos datos.

Y por eso la hemos creado. Te presentamos las Engagement Zones, un tipo de mapa de calor que llega para hacerte la vida mucho más fácil.

Última actualización

19 ene 2024

Tiempo de lectura

9 min

Compartir

Las Engagement Zones, también llamadas "Engagement Zone maps", "zonas de interacción" o "mapas de zonas de interacción", de Hotjar Heatmaps combinan en una única vista todos los datos de los mapas de clics, de movimientos y de desplazamiento vertical en ordenadores, o de toques y desplazamiento vertical en móviles y tabletas. Estos mapas utilizan cuadrículas con colores de distinta intensidad para indicar el nivel de interacción de los visitantes con las distintas áreas.

Este tipo de heatmap es ideal para quienes necesitan una visión sencilla pero completa de la interacción de los usuarios con una página. Analiza tus páginas en cuestión de segundos, comparte insights con confianza con tus compañeros y jefes y responde rápidamente a preguntas críticas sobre las partes de una página con las que los usuarios interactúan más.

Sigue leyendo para averiguar cómo este nuevo tipo de mapa de calor te ayuda a comprender cómo interactúan los usuarios con una página, descubrir áreas que están afectando a la conversión y utilizar los datos para determinar qué mejoras se deben hacer en el sitio.

Visualiza datos de interacción en segundos

Con las Engagement Zones o zonas de interacción de Hotjar podrás averiguar de una forma más rápida e inteligente con qué partes de tu sitio web interactúan los visitantes y con cuáles no. Analiza al instante tus páginas o contenidos y aplica los insights que saques para mejorar tu experiencia de usuario.

Cómo mejorar el diseño, el contenido y la usabilidad de tu sitio web con las Engagement Zones

Entérate de cómo funcionan los Engagement Zone maps y qué beneficios te puede aportar este completo mapa de calor. Son 3 los objetivos principales que puedes conseguir con los mapas de zonas de interacción:

1. Averiguar con qué partes de tu sitio web interactúan más los usuarios

Como su propio nombre indica, el mapa de zonas de interacción divide una página en "zonas" y las categoriza en función de los siguientes niveles de interacción*:

  • Moderado (nivel 1, rojo claro): indica que la interacción con esta zona tiende a ser esporádica o a tratarse únicamente de acciones sencillas.

  • Alto (nivel 2, rojo medio): señala que la interacción con esta zona es recurrente, lo que indica que los usuarios pueden encontrar en ella información útil.

  • Muy alto (nivel 3, rojo oscuro): significa que la interacción con esta área es considerable y, por lo tanto, demuestra que es la que más valor aporta a los usuarios.

#Sample Engagement Zones heatmap of a homepage
Sample Engagement Zones heatmap of a homepage

Lo mejor de ver las áreas con mayor y menor interacción es que te evita tener que estar alternando entre diferentes tipos de heatmaps.No tendrás que abrir primero el mapa de clics para comprobar cuántos clics recibe un elemento y, después, el mapa de desplazamiento vertical para conocer el porcentaje de usuarios que se han desplazado hasta cada parte de la página. En lugar de ello, tienes una única vista con todos los datos que normalmente obtendrías de tres mapas de calor independientes.

Por ejemplo, si eres diseñadora en una empresa de comercio electrónico, te será más fácil ajustar el diseño del sitio si sabes con qué zonas de la página de inicio interactúan más los usuarios. Descubre antes cuáles son los elementos de mayor valor, como un botón de llamada a la acción (CTA) en el que los usuarios hacen clic a mitad de la página. Rediseña la página con confianza basándote en los insights prácticos que obtengas a partir de los mapas de zonas de interacción.

* El nivel de interacción se calcula a partir de una combinación de datos de interacción disponibles.

2. Identificar patrones de interacción en cualquier página

Tanto si tienes docenas como cientos de páginas que analizar, los Engagement Zones heatmaps te permiten identificar patrones de comportamiento de los usuarios. Después, puedes analizar esos patrones para mejorar la facilidad de uso de tu sitio.

Supongamos que eres responsable de producto en una empresa de SaaS de tamaño medio y deseas evaluar la usabilidad de la pantalla de configuración. Observas que los usuarios suelen interactuar con los elementos de la parte superior y con un par más que están escondidos en la parte inferior de la página. Esto podría significar que deberías reordenar los elementos del menú inferior o eliminar por completo los que sean innecesarios.

Para averiguarlo, también te ayudaría utilizar el resto de nuestras herramientas de analítica del comportamiento, como Recordings, Surveys y Feedback, ya que te servirán para comprender exactamente por qué tus usuarios se comportan de una manera determinada. (Profundizaremos en esto más adelante).

💡 Consejo avanzado: Cuando tengas claras tus conclusiones, utiliza la función de Highlights para marcar puntos concretos de los mapas de zonas de interacción y de las grabaciones. Te ayudarán a explicar y justificar tus conclusiones ante tu equipo cuando os reunáis para idear y planificar la siguiente iteración del diseño.

Ejemplos de Engagement Zones de una página, antes y después de iterar el diseño.

3. Consultar datos de interacción fundamentales en una sola vista

Como ya hemos mencionado, otros heatmaps muestran dónde hacen clic y por dónde se mueven o se desplazan verticalmente los usuarios. En cambio, un mapa de zonas de interacción combina todos los datos de interacción en un único lugar, lo que aporta una visión general a la vez que destaca datos fundamentales.

Por ejemplo, si un profesional del marketing desea conocer la interacción de los usuarios con páginas clave para saber en dónde debe aplicar medidas de optimización, con un Engagement Zone map puede averiguar qué tipo de contenido recibe una mayor o menor interacción por parte de los usuarios, ya sea un blog, una guía o una página de destino.

"El mejor ejemplo que se me ocurre sobre la utilidad de un mapa de zonas de interacción es que te permite averiguar si un texto o un CTA de una página está funcionando —explica Karissa Van Baulen, Customer Education Lead de Hotjar—. En lugar de consultar tres mapas de calor diferentes, puedes ver directamente cuántas personas ven el CTA y averiguar si están haciendo clic en él y si está generando conversiones".

Van Baulen añade que, si las métricas no muestran un gran impacto, hay que volver al punto de partida. En ese caso, debes aplicar los insights que hayas adquirido para decidir qué cambios hacer en el CTA.

Engagement Zones: una forma más inteligente de analizar mapas de calor

Imagina que eres responsable de proyectos y debes evaluar las pantallas de tu producto digital, o que eres profesional del marketing y tienes que optimizar contenidos. Sin los mapas de zonas de interacción, tendrías que ir alternando tres fuentes de datos diferentes:

  • Click maps o mapas de clics (en ordenadores) o tap maps o mapas de toques (en móviles y tabletas): muestran dónde hacen clic o tocan los usuarios en tu página.

  • Move maps o mapas de movimientos (en ordenadores): muestran por dónde han movido el ratón los usuarios en la pantalla.

  • Scroll maps o mapas de desplazamiento vertical: indican qué porcentaje del total de usuarios se han desplazado hasta el final de una página.

Como en los mapas de zonas de interacción se combinan todos los datos de interacción disponibles en los distintos mapas, solo tendrás que consultar una única fuente de datos. ¿Y sabes qué es lo mejor? Que puedes utilizar estos datos del mapa de calor (junto con Recordings, una herramienta que explicaremos muy pronto) para empezar a validar suposiciones basadas en métricas de Google Analytics y otros datos cuantitativos.

Cómo utilizar Engagement Zones en Hotjar

Para poder utilizar los mapas de zonas de interacción, debes ser usuario de Observe Scale o Business . Si ya lo eres, selecciona el icono de Heatmaps en el menú lateral izquierdo y, después, un mapa de calor que tengas guardado. A continuación, en el menú de tipos de mapa del panel lateral derecho, selecciona la opción de zonas de interacción.

#It only takes four steps to get this simple yet well-rounded view of your site’s user engagement
It only takes four steps to get this simple yet well-rounded view of your site’s user engagement

Se te mostrará un mapa con una cuadrícula superpuesta, en la que se indicarán las zonas de tu página con un nivel de interacción moderado, alto y muy alto. A partir de estos datos, puedes averiguar fácilmente qué zonas tienen una mayor y una menor interacción.

Después, también puedes utilizar la herramienta Recordings para seguir recopilando insights.

Con Hotjar, dispones de un conjunto de grabaciones relacionadas con cada uno de los mapas de calor que tengas guardados. Una grabación de sesión es el registro de las acciones reales que hace un visitante de tu sitio web mientras navega por él, lo que te puede ayudar a comprender cuál ha sido el recorrido que ha seguido, qué hizo en una página y por qué hizo clic en un elemento concreto.

Para ver una grabación de sesión, haz clic en la opción de ver grabaciones, situada en la parte superior de tu mapa de calor.

Añade filtros para acotar la lista de grabaciones. Por ejemplo, filtra por elemento clicado y rellena el resto de parámetros para mostrar solo grabaciones de usuarios que hayan hecho clic en un determinado botón o enlace de texto.

Un ejemplo de cómo filtrar las grabaciones de sesiones.

Cómo elegir una grabación para empezar a verla.

Un ejemplo de una grabación de sesión en la que un usuario hizo clic en el botón para registrarse.

Guardar y compartir insights utilizando Highlights

Puedes resaltar cualquier parte de un mapa de zonas de interacción (o de cualquier mapa de calor, como los mapas de clics, de movimientos y de desplazamiento vertical).

Selecciona Heatmaps en el menú lateral izquierdo y, después, activa la opción de destacados para que se te muestren los elementos que ya hayas destacado y para que puedas crear uno nuevo. Selecciona una parte del mapa de calor que creas que es vital capturar y pulsa la opción de guardar.

#A visual of how to add a heatmap highlight
A visual of how to add a heatmap highlight

Cuando lo hayas hecho, podrás añadir tu elemento destacado a una colección y etiquetarlo para encontrarlo y compartirlo más fácilmente.

Etiqueta los elementos destacados y añádelos a una colección para que te resulte más fácil encontrarlos.

¿Es realmente una interacción positiva o un clic con rabia?

Supongamos que en tu mapa de zonas de interacción se muestra un nivel alto de interacción de los usuarios con el botón de registro, pero los registros reales siguen siendo increíblemente bajos. Quizás te convenga comprobar si se deben a una intención real de registrarse o si en realidad se trata de clics con rabia.

#Creating a highlight of a Rage Click map in Hotjar
Creating a highlight of a Rage Click map in Hotjar

Activa la opción de clics con rabia para que se muestren en el mapa. Este nuevo tipo de mapa de calor muestra los clics repetidos en un elemento o dentro de una misma área, lo que indica frustración. Los clics con rabia pueden afectar negativamente a las tasas de conversión y a la experiencia de usuario. También pueden producirse cuando los usuarios deben hacer clic varias veces para completar tareas sencillas, como seleccionar una fecha o utilizar un carrusel.

Consulta más información sobre los mapas de calor de clics con rabia.

Documéntate lo mejor posible antes de tomar decisiones sobre diseño y contenido

Al combinar diferentes datos de interacción en un único mapa de calor, las Engagement Zones son una herramienta sencilla pero potente para comprender la interacción de los usuarios con el sitio web. Con un solo clic, puedes identificar rápidamente qué partes y elementos de la página gustan a tus usuarios y a cuáles les podrías estar sacando más partido.

Utiliza esta función más inteligente y eficiente de Hotjar Heatmaps para conseguir insights útiles. Sumérgete de lleno en las zonas de interacción para descubrir valiosos patrones de comportamiento de los usuarios que te permitan tomar decisiones fundamentadas a la hora de mejorar tu sitio web.

Visualiza datos de interacción en segundos

Con las Engagement Zones o zonas de interacción de Hotjar podrás averiguar de una forma más rápida e inteligente con qué partes de tu sitio web interactúan los visitantes y con cuáles no. Analiza al instante tus páginas o contenidos y aplica los insights que saques para mejorar tu experiencia de usuario.

Preguntas frecuentes sobre Engagement Zones