Comprender el comportamiento del usuario el mejor diseño de sitio web
Publicado: 2020-08-14En este artículo, vamos a hablar sobre cómo rastrear el comportamiento del cliente en su sitio web, las innovaciones del análisis de sitios web de UX y todas las razones para usar un mapa de calor para rastrear el comportamiento del usuario para lograr el mejor diseño del sitio web .
Lo que encontrarás:
- ¿Qué es el comportamiento del usuario?
- ¿Cómo impacta el diseño UX en la promoción de una tienda en línea o un sitio web?
- ¿Qué es User Behavior Analytics con Heatmap Tools?
- Por qué el sitio web hace clic en algo que necesita rastrear
- Comportamiento del usuario a través del análisis de clics y desplazamiento del sitio web
- Ejemplo de presentación visual del comportamiento del usuario en un sitio web en vivo
Todos los ejemplos relacionados con el comportamiento del usuario en el artículo se basan en las estadísticas únicas de más de 40 millones de clics recopilados con el mapa de calor de Plerdy .
Al pensar en el momento en que compró algo, es más probable que recuerde sus sentimientos en lugar del producto. Cualquier interacción con una tienda en línea o sitio web se registra en su memoria emocional y es parte de su comportamiento en el sitio web.
¿Qué es el comportamiento del usuario?
Hoy en día, la web ofrece toneladas de productos y servicios que podemos pedir sin salir de casa. Por ejemplo, si busca en Google 'pedir una pizza', la búsqueda le mostrará más de 1100 millones de ofertas. Lo mismo se aplica a muchas otras categorías de productos.
Esto lleva a una pregunta: ¿Alguna vez se dio cuenta de que la experiencia de usuario de su sitio web puede provocar emociones y comportamientos negativos que podrían hacer que hasta el 99% de los compradores potenciales se vayan? Aquí hay algunas estadísticas que deberían convencerlo de revisar su sitio web en busca de problemas de UX y hacer un seguimiento de sus análisis:
- El 79% de los clientes admite que buscará otro sitio web si el actual no cumple con sus expectativas.
- El 96% de los usuarios de teléfonos inteligentes han encontrado sitios web que no tienen versiones móviles o no están adaptados para la visualización móvil.
- El 52 % de los usuarios afirma que una experiencia móvil negativa hace que sea menos probable que interactúen con su empresa.
- El 63% de los usuarios navega por productos o servicios en varios tipos de dispositivos (smartphones, tablets, portátiles, PC, etc).
Hay muchos datos similares sobre el comportamiento de los usuarios que demuestran la importancia del seguimiento de la experiencia del usuario (UX) para el marketing digital y los clientes en línea. Entonces, analicemos todo lo que necesita saber sobre el análisis de UX.
¿Cómo impacta el diseño UX en la promoción de una tienda en línea o un sitio web?
Peter Morville, presidente de una empresa de consultoría que ofrece arquitectura de la información y servicios de localización, identifica los siguientes factores que afectan la UX y el comportamiento del sitio web:
En otras palabras, un sitio web con una buena UX debe ser:
- Útil
El contenido del sitio web debe satisfacer plenamente las necesidades de los clientes y evocar un comportamiento positivo.
- Usable
La facilidad de uso sigue siendo un componente esencial de la experiencia del usuario y proporciona un buen comportamiento del usuario.
- Deseable
Todas las imágenes, la marca y los elementos de diseño deben ser llamativos y provocar emociones y comportamientos positivos.
- Accesible
Todos los elementos y contenidos del sitio web deben ser accesibles para las personas con discapacidad.
- Creíble
Todo lo que publique en el sitio web debe ser confiable y preciso para que los usuarios confíen en usted. Esto mejora su comportamiento en el sitio web.
- Localizable
El contenido debe estar bien estructurado y tener una navegación clara.
Si se cumplen todos estos 6 factores que aseguran una experiencia de usuario y un comportamiento decentes en el sitio web, los visitantes del sitio web disfrutarán usando su recurso y mostrarán un buen comportamiento. Por lo tanto, vale la pena hacer un seguimiento de estos factores.
Sin embargo, no solo las estadísticas y los resultados analíticos mencionados demuestran que UX juega un papel importante. Recientemente, Google ha publicado un libro en línea de 108 páginas: el libro de jugadas de UX . Está lleno de consejos probados sobre cómo aumentar las ventas con UX. La revisión se basa en pruebas A/B de una amplia gama de investigaciones, análisis y artículos. Después de estudiar varios miles de sitios web minoristas, Google Analytics descubrió que existen ciertos elementos universales de UX.
El libro incluye una lista de verificación que ayuda a analizar y mejorar la UX de un sitio web móvil en 6 campos clave:
- Página de inicio/aterrizaje.
- Menú y navegación.
- Búsqueda.
- Categoría/producto.
- Conversión.
- Optimización de formularios.
Un sitio web de calidad UX no solo mejora el comportamiento de un cliente en su sitio, sino que también mejora su clasificación de búsqueda. Tenga en cuenta que la usabilidad del sitio web móvil es uno de los 200 factores de clasificación más importantes . El nuevo enfoque de Google Mobile-First Indexing también presta mucha atención a la experiencia de usuario del sitio web.
✨ No te pierdas: La guía definitiva para el diseño web inclusivo + consejos sobre cómo hacerlo
¿Qué es User Behavior Analytics con Heatmap Tools?
La mayoría de las tiendas en línea utilizan análisis similares para rastrear el comportamiento de los usuarios. Lo hacen debido a la creencia subjetiva de que todos los recursos web existentes ya han sido probados y son bastante convenientes para los clientes potenciales. En realidad, cada sitio o tienda en línea tiene un público objetivo único, que puede comportarse de manera diferente a la tuya.
Por eso, para entender cómo se comportan tus clientes potenciales en tu tienda online, necesitas utilizar un mapa de calor de clics.
Los datos recopilados con este mapa analítico le permitirán conocer más sobre las preferencias y el comportamiento de los usuarios. También verá cualquier obstáculo o falla que impida que los clientes completen la compra.
Dichos métodos de investigación y seguimiento pueden ayudar a aumentar la conversión de una tienda en línea y una mejor experiencia de usuario.
Seguimiento del comportamiento del usuario con herramientas de análisis de mapas de calor
Esta herramienta de seguimiento recopila datos y los segmenta por el tipo de dispositivo utilizado para ver un sitio web y el comportamiento de los usuarios en él.
Una ventaja adicional de estos es la capacidad de rastrear las interacciones de comportamiento con todos los elementos dinámicos del sitio web (ventanas emergentes, menús, etc.). Una vez más, todo sucede en tiempo real.
Estos mapas de calor que procesan datos de seguimiento de sitios web no solo detectan el lugar donde se producen los clics, sino que también registran su secuencia. La herramienta de análisis divide una página en 5 partes en porcentaje y realiza un seguimiento del número de clics en cada una de ellas. También realiza un seguimiento de la profundidad de desplazamiento, que también es un aspecto muy importante del comportamiento de los usuarios. Puede utilizar estos datos sobre el comportamiento del usuario para definir los lugares más adecuados (las áreas con el máximo de clics) para colocar información importante.
Hablemos más sobre los números y los resultados que obtuvimos al rastrear e investigar la experiencia y el comportamiento del usuario en las páginas de varios recursos web.
Análisis de comportamiento del usuario basado en datos de mapas de calor
El comportamiento del usuario difiere y depende del tema de un sitio web, la fuente de tráfico y las intenciones de un visitante del sitio web. Para un análisis más preciso del comportamiento de los usuarios, hemos recopilado alrededor de 100 millones de clics de varias fuentes. Estas interacciones se realizaron en sitios web con temas y funciones diferentes.
Aquí hay un gráfico de clics totales agrupados por fuente de tráfico. Confiamos en estos datos analíticos en nuestros siguientes estudios del comportamiento del usuario.
Segmentación de clics totales por tipo de dispositivo
Como puede ver en el gráfico, la mayor cantidad de clics se realizó en PC. El número de clics móviles es significativamente menor y la menor cantidad de clics se atribuye a los usuarios de tabletas.
Todo el mundo sabe que el tráfico móvil crece constantemente año tras año y esto también influye en el comportamiento del usuario. Esto plantea una pregunta lógica: ¿por qué la mayoría de los clics todavía se realizan en los escritorios?
La respuesta es simple. Cuando los usuarios visitan un sitio web desde un dispositivo móvil, hacen clic solo para un propósito específico (ir a otra página, seleccionar un botón o un enlace activo). El resto del tiempo se desplazan. Cuando los usuarios navegan desde una PC, a menudo pasan el mouse sobre el texto, resaltan elementos, los copian o hacen los llamados clics vacíos (clics fuera de los elementos del sitio web). Los clics dirigidos comprenden solo una parte de las interacciones totales y su comportamiento.
Análisis de los movimientos del mouse antes de hacer clic
El gráfico muestra claramente que los usuarios de una versión de sitio web de escritorio desplazan los elementos antes de hacer clic en ellos (detenerse durante al menos 2 segundos) con mucha más frecuencia. Esto significa que leen atentamente el contenido o dudan.
Una vez que conozca los patrones generales de comportamiento (clics basados en diferentes dispositivos y fuentes de tráfico), puede predecir las acciones y el comportamiento de los visitantes de su sitio web y ayudarlos a utilizar su sitio web de manera más eficiente.
Para un seguimiento, análisis y predicción más detallados del comportamiento del usuario, también preparé un gráfico que muestra la distribución de clics entre las partes de una página.

Distribución de clics según la profundidad de desplazamiento y el tipo de dispositivo
El siguiente gráfico muestra cómo el número de clics depende del tipo de dispositivo y la parte de una página:
Como puede ver, los usuarios hicieron la mayor cantidad de clics en las primeras partes de la página (0-20%). Incluso si sumas los clics de otras partes, todavía es menos.
El gráfico también muestra una disminución significativa en los clics incluso desde la segunda parte de la página (20-40%). Esto significa que necesita planificar la estructura de su contenido. La información más crítica para los usuarios siempre debe colocarse en la primera parte, ya que es muy importante para formar un comportamiento positivo.
Por supuesto, no todas las páginas son idénticas. Pueden tener diferentes tamaños y diseños. Sin embargo, este gráfico transmite una idea principal: si desea mantener a los clientes, coloque llamadas a la acción en la parte superior de las páginas.
Distribución de secuencias de clics según la parte de una página
Mientras que el gráfico anterior muestra dónde colocar la información principal, el siguiente ayuda a comprender cómo navegan los usuarios por las páginas web y qué es lo que hacen con más frecuencia.
Las secuencias de clics se segmentan intencionalmente por tipo de dispositivo. Esto es necesario para ver una imagen general más clara del comportamiento del usuario.
Distribución de secuencias de clics en PC
El gráfico muestra que la mayoría de los usuarios hicieron su primer clic en algún lugar de la parte superior de la página (0-20 %). Además, el número de primeros clics disminuye drásticamente en la segunda (20-40%) y en las siguientes partes de las páginas.
Tal distribución también muestra que el número de primeros clics en diferentes secciones de la página siempre es mayor que el segundo, tercer clic, etc.
¿Qué conclusiones podemos sacar de este gráfico?
Después de su primer clic, muchos usuarios abandonan la página para ir a otra o cierran el sitio web. Un número significativamente menor de usuarios continúa navegando por la página e interactuando con el sitio web.
Distribución de secuencias de clics en teléfonos inteligentes
La situación es similar entre los usuarios de dispositivos móviles. Sin embargo, en este caso, la diferencia entre el número de clics realizados en la primera (0-20 %) y la segunda (20-40 %) partes de la página es más significativa.
Esto significa que cualquier versión de un sitio web móvil debe incluir toda la información necesaria en la parte superior. Es muy poco probable que los usuarios se desplacen hacia abajo en busca de más detalles.
Distribución de secuencias de clics en tabletas
Tal comparación es esencial para optimizar un sitio web para diferentes tipos de dispositivos y proporcionar un comportamiento positivo del usuario. Mientras que, por ejemplo, su versión de escritorio puede contener mucha información en la parte superior de la página, una versión móvil tiene espacio limitado. Asegúrese de tener esto en cuenta al diseñar su sitio web móvil para mejorar el comportamiento del usuario.
Distribución de la profundidad de desplazamiento según la parte de una página
El siguiente gráfico muestra qué tan profundo se desplazan los usuarios por las páginas sin hacer clics.
Según los indicadores, podemos detectar una disminución gradual en la profundidad de desplazamiento que comienza en un punto específico de la página. Con cada porción de la página, el número de usuarios se reduce. Cuanto más bajo vamos, menos visitantes siguen desplazándose. Dado que la mayoría de los clics se realizan en la primera parte de la página, este gráfico también muestra una disminución a partir de la segunda parte.
Por qué el sitio web hace clic en algo que necesita rastrear
Para asegurarse de que los clientes potenciales se sientan cómodos en su sitio web, debe saber qué hacen primero justo después de aterrizar en la página. Así que vale la pena rastrear esto.
Descubra qué clics hacen, qué secciones visitan y en qué etapa del embudo de ventas abandonan su sitio web. El número de clics en diferentes elementos del sitio web puede responder a las siguientes preguntas:
- ¿Qué les gusta a los usuarios en su sitio web y qué les impide realizar una compra?
- ¿Por qué una página de un sitio web tiene una tasa de conversión más alta que otra?
- ¿Por qué su sitio web tiene una tasa de rebote alta (o una página separada tiene una tasa de salida alta)?
- ¿Su sitio web incluye elementos en los que parece que se puede hacer clic cuando no lo son?
- ¿Es bueno el contenido? ¿Cómo se puede aumentar su profundidad de desplazamiento?
- ¿Cuáles son los lugares más favorables para colocar URL internas y ofertas interesantes?
- ¿Las ventanas emergentes que se muestran en la página específica son adecuadas y efectivas? (Si la mayoría de los usuarios cierran la ventana emergente, debe intentar eliminarla y ver cómo se comportan sin ella).
- ¿Son efectivos sus llamados a la acción y otros elementos?
Solo cuando tenga esta información, podrá reducir la cantidad de clientes insatisfechos, aumentar el comportamiento positivo de los usuarios y ganar nuevos clientes.
Comportamiento del usuario a través del análisis de clics y desplazamiento del sitio web
Puede ver la porción de datos de los mapas de calor de clic y desplazamiento de Plerdy inmediatamente después de instalar el script de seguimiento. Simplemente presione Ctrl-Alt-H para abrir la barra lateral de la herramienta de análisis para rastrear el comportamiento del usuario. Las estadísticas se muestran en cada página por separado. La información de seguimiento se muestra en tiempo real en un sitio web en vivo, en lugar de capturas de pantalla utilizadas por muchas herramientas de análisis similares como Hotjar y otras. Esto le permite rastrear elementos dinámicos y evitar cambiar entre las páginas y el tablero principal.
El tablero contiene todos los datos analíticos recopilados agrupados por parámetros específicos del comportamiento del usuario. Es muy útil para ver las desviaciones en el rendimiento del sitio web que influyen en el comportamiento de los clientes.
Ejemplo de presentación visual del comportamiento del usuario en un sitio web en vivo
Herramienta de seguimiento de mapas de calor utilizada para analizar el comportamiento de los visitantes del sitio web para averiguar qué botones de funciones (que reenvían a la sección correspondiente) tienen los CTR más altos. El elemento más popular es el campo donde los usuarios pueden ingresar la URL o el dominio del sitio web que desean analizar. Según los datos de seguimiento, se hizo clic en este campo 10612 veces en comparación con el botón Buscar con solo 1890 clics.
Por lo tanto, podemos suponer que otros usuarios simplemente hicieron clic en Entrar y esperaron los resultados o abandonaron el sitio web.
Si los propietarios del sitio web ignoraran este patrón de comportamiento, habrían perdido toneladas de usuarios. Afortunadamente, al hacer clic en Entrar, los visitantes pueden ejecutar el análisis del enlace. El único problema es que el análisis es bastante lento, lo que puede empujar a las personas a abandonar la página.
Además del número total de clics realizados en el elemento, también puede ver qué elementos/bloques hacen clic primero los usuarios. Esto le permite comprender qué atrae la atención de los visitantes justo después de que aterrizan en la página y cómo influye esto en su comportamiento.
Un análisis separado del CRT de la barra de búsqueda únicamente para el tráfico directo muestra que este elemento tiene el 12,3% del total de clics de tráfico directo (el tráfico directo comprende el 47%). Esto significa que aunque la barra de búsqueda se acentúa en esta página, los usuarios también hacen clic en otros elementos que distraen su atención y esto afecta su comportamiento.
Si desea saber dónde hacen clic primero los visitantes de su sitio web y cómo esto determina su comportamiento, los mapas de calor analíticos pueden ser muy útiles. No solo filtran los primeros clics por fuente de tráfico, sino también por secuencias de clics.
Por ejemplo, de esta manera puede averiguar dónde hicieron clic primero los visitantes que provienen del tráfico orgánico y su comportamiento.
Volvamos a los gráficos anteriores de secuencias de clics en diferentes partes de la página para un análisis más detallado del comportamiento del cliente.
Después de ver esta captura de pantalla, podemos concluir una vez más que el 97,6% de todos los clics se realizan en la primera pantalla. Por lo tanto, las otras 4 partes de la página son menos efectivas y rara vez se hace clic en ellas.
El análisis de los movimientos del mouse muestra que los usuarios interactúan con el elemento muy rápido. Los visitantes tardan menos de 2 segundos en hacer clic, aunque la mayoría de ellos navegan por el sitio web en PC.
La situación con la profundidad de desplazamiento es similar. La página de inicio del sitio web de Serpstat consta de ocho pantallas de desplazamiento de 1920 × 1080px. Según los datos recopilados, solo el 5% de los usuarios vieron la segunda pantalla o, en otras palabras, hicieron scroll, por lo que el comportamiento en la segunda pantalla no fue tan productivo.
Los datos de análisis de profundidad de desplazamiento prueban nuevamente que prácticamente nadie revisa la parte inferior del sitio web, por lo que el comportamiento allí es casi inexistente. Casi no sirve de nada colocar elementos adicionales allí.
Ultimas palabras
Así que esta es la investigación que realicé junto con el equipo de Plerdy. Espero que lo ayude con el análisis de UX de su sitio web y la comprensión del comportamiento del usuario.