flowpeekrecursos / guías / UX
Cómo leer mapas de calor y convertir lo observado en mejoras para tu tienda
Planificarás una mejora en tu tienda y la forma de comprobar su resultado.
Respuesta breve
La respuesta principal
Un mapa de calor muestra la distribución de las interacciones registradas en la página elegida. Define el dispositivo, el tipo de mapa y el periodo y, después, revisa zonas concretas en la tienda real. Un color intenso no demuestra interés ni ventas; combina el resultado con el embudo, los eventos y una prueba de la página.
- Cómo elegir bien la página, el dispositivo y el tipo de mapa
- Una interpretación prudente de los clics y el desplazamiento
- Una idea de mejora y un plan para comprobarla
1. Llega con una pregunta sobre una página concreta.
Elige una página importante para la compra: una categoría, un producto o un paso del carrito. Empieza con una pregunta, por ejemplo, si los usuarios intentan abrir la información sobre el envío. Sin una pregunta así es fácil quedarse mirando puntos de colores sin llegar a ninguna decisión. Un buen tema surge del embudo, de un comentario de un cliente o de una observación del equipo.
Comprueba si la tienda recoge datos para mapas de calor. Para ello existe el interruptor «Recoger datos de mapas de calor»; activarlo inicia la recogida de datos nuevos, no reconstruye el historial. El registro abarca las visitas dentro del alcance disponible de la medición y de los consentimientos. Un mapa vacío puede significar que no hay datos para la combinación de filtros elegida, no que la página no despierte interés.
2. Define la página, el dispositivo y el periodo.
En el módulo de mapas de calor elige Desktop (ordenadores) o Mobile (teléfonos). Después selecciona una entrada de la lista «Página», el tipo de mapa y el periodo: 7, 30 o 90 días. Pulsa «Cargar mapa de calor». Al comparar vistas, cambia un solo elemento cada vez. Así sabrás si la diferencia se debe al dispositivo, al periodo o al tipo de interacción.
La captura muestra la vista real de clics para ordenadores y 30 días. El fondo es una vista simplificada que dibuja la aplicación, por eso no asignamos las concentraciones al carrito ni al envío. Las cifras junto al selector de página y los indicadores tras la carga pueden describir periodos distintos. Para describir la vista elegida, usa sus propios indicadores.
3. Lee los clics como acciones, no como intenciones.
Una zona más intensa, en dorado, indica una mayor concentración de interacciones registradas en esa vista. No significa automáticamente más compradores. Varios clics pueden venir de la misma persona, y repetir una acción puede deberse tanto al interés como a un problema con el elemento.
Cuando detectes una concentración, abre la página correspondiente de la tienda en el mismo tipo de dispositivo. Averigua qué elemento hay en ese lugar y qué hace. Si parece un botón pero no responde, tienes una hipótesis que probar. Aun así, el mapa no confirma qué esperaba el usuario ni si el clic terminó en compra.
4. Revisa por separado el desplazamiento y el movimiento del cursor.
El modo «Desplazamiento» ayuda a ver la actividad registrada a distintas alturas de la página. Úsalo cuando una información importante está lejos del principio. No deduzcas solo por el color el porcentaje exacto de personas que leyeron el contenido. Desplazar la página no demuestra que el usuario viera o entendiera un fragmento.
Los movimientos del ratón y el modo Hover describen el comportamiento del cursor, es decir, del puntero en pantalla. No son una medición de la mirada. En el móvil la interacción es distinta que en el ordenador, por eso no trates estas vistas como intercambiables. Al comparar periodos, comprueba también que el diseño de la página no haya cambiado: el mismo punto puede corresponder a otro elemento.
5. Relaciona el mapa con el comportamiento tras el clic.
Si tu pregunta es sobre un botón, revisa el evento disponible o el siguiente paso del embudo. El mapa de calor ayuda a encontrar la zona de atención, y el informe de eventos indica la escala de la acción registrada. No supongas que cada clic en un punto del mapa tiene automáticamente un nombre de evento propio. El alcance de esas acciones depende de la implementación.
Anota lo que realmente sabes: la gente hace clic en un lugar concreto, la información visible está más abajo o un paso se registra con menos frecuencia. Llama hipótesis a la causa. Puedes comprobarla con una prueba directa de la página, en un recorrido disponible y en el informe correspondiente. Cada una de estas fuentes responde a una pregunta distinta.
6. Introduce un único cambio y anota cómo lo vas a evaluar.
Una buena mejora tiene un motivo concreto: aclarar una etiqueta, mover una información o quitar un elemento que tapa una acción. Anota qué debe resultar más fácil y cómo lo sabrás. Que el color se vea distinto tras el cambio no es una medida suficiente de éxito.
Vuelve a un dispositivo, una página y un periodo comparables. Ten en cuenta los cambios de tráfico y las promociones. Revisa el evento o el paso del embudo correspondiente y repite la prueba en la tienda. Si la oferta cambió al mismo tiempo, no atribuyas todo el resultado a haber movido el botón. Anota también las observaciones que no confirmaron la hipótesis inicial.
Errores más comunes
El color significa atención o compra
El mapa muestra interacciones. La motivación, la comprensión del texto y el resultado de ventas hay que evaluarlos con otros métodos.
Comparar mapas de diseños distintos de la página
Tras un cambio de diseño, la misma zona puede mostrar otro elemento. Anota la fecha del cambio y el periodo observado.
Para tu próxima revisión
Lista de comprobación
- Tengo una pregunta sobre una página concreta.
- He comprobado la recogida de datos, el dispositivo, el tipo de mapa y el periodo.
- No equiparo los clics con personas ni con atención.
- He revisado el elemento directamente en la tienda.
- Tengo una hipótesis, una mejora y una forma de evaluarla.
Ahora tu tienda
Convierte una observación en la descripción de una mejora
- 1
Elige una página y anota el periodo actual del mapa de calor.
- 2
Señala la zona que revisar sin atribuir una motivación al cliente.
- 3
Reproduce la acción en la tienda y elige una métrica de apoyo.
Del informe a la decisión
Ejemplo para practicar, con una situación hipotética
Es una propuesta de método de trabajo, no una descripción de las concentraciones de la captura.
- Observación
- Clics en el encabezado de una sección que parece desplegable
- Hipótesis
- Su aspecto sugiere una acción que el elemento no realiza
- Comprobación
- Prueba de usabilidad y ajuste del aspecto o de la función del elemento
El encargo se refiere a un solo elemento. No promete un aumento de ventas basándose solo en el mapa de calor.
Preguntas y respuestas
¿El mapa de calor muestra dónde miraba el usuario?
No. Los clics, los movimientos del cursor y el desplazamiento no miden la mirada. No los tomes como confirmación de que se leyó una información.
¿Activar los mapas de calor reconstruye el mes anterior?
No. La recogida se refiere a interacciones nuevas y disponibles. Elegir 30 días no crea datos de antes de activar la función.
¿Por qué no debería comparar solo los colores?
La intensidad se representa en el contexto de cada vista. Iguala los periodos y revisa las cifras y las acciones correspondientes antes de valorar un cambio.
Del conocimiento al informe
Abre el módulo adecuado.
Mapas de calor y grabaciones de sesiones (muy pronto)
Muy pronto: mapas de calor de clics y de desplazamiento, y grabaciones de sesiones con análisis de IA. Apúntate a la beta y prueba el módulo de los primeros.
Embudo de conversión
El embudo de conversión muestra las fases sucesivas de la compra: producto, carrito, formulario de pedido y compra. Comprueba cuántas visitas llegan a cada una y elige por dónde empezar a mejorar.
Análisis de eventos
Comprueba con qué frecuencia los clientes añaden productos al carrito, hacen clic en elementos clave y envían formularios: cuántas personas lo hacen y cómo cambia día a día.
Lee la siguiente guía.
Todas las guíasConversión / 7 min
Embudo de conversión: cómo encontrar el problema en las compras desde el móvil
Elige un paso de la compra, compara dispositivos y revisa los recorridos. Prepara una prueba concreta del formulario de pedido en lugar de adivinar por qué baja la conversión.
Analítica / 7 min
Cómo leer el panel de Flowpeek y elegir el primer tema que analizar
Aprende la diferencia entre visitante, página vista y pedido. Interpreta cada resultado según el periodo, tus propios objetivos y los informes detallados.
Implementación / 7 min
Configuración de Flowpeek: cómo preparar tu tienda y validar la implementación
Reúne los datos de tu tienda, revisa la primera visita y el primer pedido y acuerda el alcance de los datos. Una lista sencilla para validar la implementación, sin instalar nada por tu cuenta.
Gratis · 30 minutos · online
¿GA4, tu tienda y tus anuncios muestran cifras distintas? Lo revisamos contigo.
Comparamos un mes de ventas en tus herramientas y te señalamos tres mejoras en la medición. Sin compromiso. Qué revisamos
30 días con tus propios datos
Comprueba qué ocurrió después.
Vuelve a los eventos, al embudo o a los recorridos y valora si la observación importa para una acción concreta en la tienda.
- Sin contrato de permanencia
- Lo configuramos todo por ti en 48 h
- Servidores de la app en Alemania (UE)
- Cancela cuando quieras
30 días por 0 PLN · primer pago tras la prueba · cancela cuando quieras
Ver precios tras el periodo de prueba