Hotjar, la herramienta para analizar el comportamiento de tus usuarios

Nestor Jerez
Sueños graficos
Published in
7 min readJul 15, 2019

Actualmente existen diversas herramientas para monitorear el rendimiento de tu pagina y que acciones realizan los usuarios en ellas (donde hacen click o que botones seleccionan), y el objetivo de estas herramientas son de recoger datos, movimientos o grabaciones que nos proporcionan valiosa información sobre lo que está funcionando, algunas de ellas son:

Google Analytics: Es una de las herramientas más potentes y sirve para ver la cantidad de usuarios o visitantes en tu página y para ver cuántos de esos se quedan o son porcentaje de rebote. También te ayuda a ver cuál es la página más visitada y obtienes acceso a datos demográficos.

Maze: Ayuda a validar desde antes los prototipos o ideas de producto. Te da mapas de calor de interacción. Muy útil para la fase inicial de un proyecto o funcionalidad.

Optimal Workshop: Sirve para crear pruebas A/B o pruebas que te indican cuál es el primer clic que hace tu usuario en tu página.

YesInsights: Te ayuda a crear encuestas de satisfacción para que puedas entender a tus usuarios.

Cabe mencionar que la mayoría de estas herramientas tienen un costo, pero también brindan opciones de prueba gratuitas.

Pero a pesar de que las herramientas ya mencionadas son muy eficientes y recomendadas, hoy nos vamos a enfocar en una muy especial, una de las más potentes y utilizadas, Hotjar.

¿Qué es Hotjar?

Hotjar es una herramienta que ofrece información de análisis de comportamiento de usuarios y datos de las interacciones y movimientos de nuestros visitantes.

Sin embargo, a diferencia de la mayoría de estas herramientas, Hotjar también ofrece opciones de retroalimentación de los clientes, que incluyen encuestas de comentarios en el sitio, encuestas en línea y reclutamiento de investigación. También tiene una interfaz de usuario muy simple e intuitiva.

Es una herramienta muy fácil de comenzar a usar y no requiere horas de capacitación para aprovecharla al máximo.

La herramienta posee una versión gratuita, que registra las interacciones de hasta 1000 visitantes por día en su plan básico personal, pero también existen los planes que ofrecen a las agencias ya establecidas y brindan un catalogo de opciones mas extensos.

Este es el panel de control de Hotjar, que le permite navegar fácilmente a todas las funciones que ofrece.

Funcionalidades

Mapas de calor:

Con Hotjar es posible generar tres tipos de heatmaps (mapas de calor):

  1. De clics, que muestra las áreas más presionada del sitio.
  2. De movimiento, que indica en qué áreas el usuario pasó el ratón;
  3. De desplazamiento, que registra hasta donde el usuario navegó en tu página.

Los mapas de calor le dan una clara indicación de dónde se centra la atención del usuario en su página y le mostrarán a qué velocidad se desplazan los visitantes. Hotjar te permite generar mapas de calor para computadoras de escritorio, tabletas y dispositivos móviles.

Grabaciones:

Las grabaciones son como una prueba de usabilidad no dirigida. Aquí nos permiten grabar y reproducir la interacción de un visitante o usuario, ya sea en la pagina completa o en una en especifico, que dure mas de 30 segundos o menos y si deseas agregar también que están tecleando.

Esto es fantástico ya que podemos observar claramente donde dirigen los movimientos, desplazamientos y los clicks nuestros usuarios y asi captar donde tienen problemas o donde prefieren dirigirse.

Aquí Hotjar no pide tanta información, la versión gratuita nos permite guardar una cantidad de 100 grabaciones que aumentara dependiendo del plan que tengamos.

También podemos ver la informacion de sesión del usuario, por ejemplo, que navegador esta utilizando, desde que dispositivo ingresó o que sistema operativo posee, y podemos categorizar grabaciones individualmente en una lista ordenada.

Embudo de conversión

La función de embudo de Hotjar le permite configurar y monitorear la trayectoria de los visitantes. Esto es bastante útil cuando tienes un sitio de ventas en linea o de suscripciones, porque puedes observar el flujo que siguen las personas en tu proceso de compra o en que momento exacto lo están abandonando o, ¿Por que no se están suscribiendo?.

Aquí tienes todo lo necesario para medir ese flujo de comportamiento de una pagina a otra, o de una opción a otra.

Formularios

Funciona muy parecido al embudo (Funnels) Si tienes cualquier tipo de formulario, ya sea el proceso de registro o el proceso de pago, esta función te permite hacer un seguimiento de los visitantes a medida que avanzan en el viaje e identificar cuándo abandonan o no, y asi asegurarte si realmente están llenando el formulario.

Por ejemplo, si tienes un formulario de registro, y en la sección de “ingresa una contraseña”, tus visitantes están tardando mucho ahí y se confunden, seguramente no le estas indicando con un pequeño error o guía, cuales caracteres y cantidad deben ingresar.

Posee mas de 5 diversas opciones como, tasa de conversión, segundos en los que se rellena un campo, total de sesiones del formulario, formularios fallidos y exitosos entre otros.

RETROALIMENTACIÓN

Incoming:

Esta es una pestaña de “Comentarios” que puede colocar en una página específica o en todo su sitio para permitir que los visitantes califiquen su experiencia en tu sitio web.

Polls:

Esta es una gran característica de Hotjar, similar a la anterior, pero un poco mas dinámica, ya que le permite interactuar con los visitantes y hacer algunas preguntas simples sobre su experiencia .

La primera vez que utilicé una encuesta pregunté a los visitantes de la página de inicio de nuestro sitio web (prodefy) de servicios tecnológicos “¿Qué falta en esta página?” Recibimos muchos visitantes móviles que dijeron que no podían visualizar las imágenes de nuestro blog o que no aparecían las de instagram en nuestro sitio.

Al revisar la página de inicio con un dispositivo móvil, descubrimos que efectivamente no aparecían las imágenes, rápidamente pudimos darnos cuenta que era un error en el código fuente que las ocultaba para la versión móvil.

Surveys o Encuestas:

Esto le permite diseñar cuestionarios más largos para enviar por correo electrónico a sus clientes o cuando abandonan tu web para obtener comentarios más a fondo. Es una excelente manera de interactuar con tus usuarios de manera regular para recopilar sus opiniones sobre una variedad de temas.

En nuestra compañía de servicios tecnológicos encuestamos a nuevos clientes para averiguar qué era lo que más les había atraído del sitio para ver si ofrecemos lo que ellos mas desean, el 70% de nuestras respuestas estaban enfocadas a que querían ver mas variedades de temas sobre tecnología en nuestra sección de blog.

También les preguntamos que otras paginas web ellos utilizaban para leer y enterarse de las ultimas tecnologías, y asi estudiar mas a la competencia.

Reclutamiento

También puedes hacer pequeñas pruebas de usabilidad con tus usuarios y recibir su feedback y comentarios reclutando a cambio de un pequeño incentivo, como por ejemplo, 20$ en productos de tu tienda.

Pensamiento Final

Para muchas organizaciones, Hotjar es una herramienta ideal de análisis de comportamiento y comentarios de los clientes. Para nuevas empresas como mi negocio, puedes comenzar con la versión gratuita que cubre una muy buena cantidad de opciones, a medida que tu pagina web crezca y el trafico aumente, decídete en adquirir un mejor plan, no te arrepentirás.

Si te gustó el articulo por favor déjame un clap y sígueme, estaré actualizando cada semana con consejos, trucos y ventajas para aquellos diseñadores que deseen expandir mas sus conocimientos y valor en el mercado.

Temas que te pueden interesar:

Diseño iterativo, la metodología que perfeccionara tus proyectos: https://medium.com/sue%C3%B1os-graficos/dise%C3%B1o-iterativo-la-metodolog%C3%ADa-que-perfeccionar%C3%A1-tus-proyectos-21034b0d277e

¿Como convertirse en un diseñador UI/UX y conseguir tu primer empleo?: https://medium.com/sue%C3%B1os-graficos/c%C3%B3mo-convertirse-en-un-dise%C3%B1ador-ui-ux-y-conseguir-tu-primer-empleo-7b0f02d5655e

Consejos para mejorar el diseño y la experiencia de un sitio web: https://medium.com/sue%C3%B1os-graficos/consejos-para-mejorar-el-dise%C3%B1o-y-la-experiencia-de-tu-sitio-web-7cc32fb862b3

--

--