Revisión Comprensiva de herramientas UX para sitios webs (UI-Patterns.com)

Revisión: Heatmaps y Software de grabación de Usuarios (UI-Patterns.com)

Escrito por: Anders Toxboe


Traducido por: Alexis Brantes


Esta es una Traducción con la autorización de ui-patterns.com | it was translated with ui-patterns.com from permission. Puedes leer el texto original aquí


El mercado de la analítica web en tiempo real, permite entender a sus usuarios por medio de grabar sus acciones, filtrándolas y entregándolas en Heatmaps (Mapas de calor) revelados por estudios de EyeTracking, análisis de conversión de embudo y confetti charts. 




Mucho ha pasado desde nuestra última revisión (UI-patterns.com), 4 años atrás. La cantidad de competidores notables se ha más que triplicado. Así como el nivel de análisis y valor que cada uno provee.

Las herramientas de grabación de usuario en tiempo real asumen un rol donde analíticas tradicionales web como las de Google Analytics se detienen. Estas entregan una mejor comprensión del por qué los usuarios interactúan, se detienen, o abandonan -sin tiempo de realizar pruebas de usuario. Estas herramientas permiten unir los puntos marcados por la tradicional analítica web, entonces puedes convertirlas en verdaderas acciones. 

Las herramientas de analítica en tiempo real te ayudarán a visualizar la conducta de tus visitantes por medio de:

  • La Grabación y comportamiento de los usuario y sus interacciones
  • Proporcionan EyeTracking, registro de Click,  Scroll, y el Toque en un HeatMaps
  • Realizar preguntas a tus usuarios por medio de Encuestas y Sondeos
  • Charlando con los visitantes en vivo, así como puedes ver sus acciones en tiempo real
  • Formas de Análisis y embudos de conversión
 
 
Escogiendo a los concursantes 
Después de una investigación comprensiva, estos servicios son los mejores en su clase y merecen toda nuestra atención en esta revisión: Crazy  Egg, ClickTale, Mouseflow, Inspectlet, Lucky Orange, HotJar, Mousestats, y Navilytics. 
 
Algunos no dieron el ancho 
hay un sinnúmero de servicios que tratan de solucionar el mismo problema. Unos cuantos no dieron el ancho en esta revisión, simplemente porque eran servicios inferiores en el momento: PT Engine, Clicky, y SessionCam. 
 
En el otro extremo del espectro tenemos a Tealeaf de IBM y ClickTale. Ambos están disponible solo por cuentas de pago y satisfacen las más altas necesidades del mercado y dedican especialistas humanos -no robots- para ayudarle a analizar los datos. Haciendo el ejercicio de comparar con nuestra última revisión, ClickTale ha sido incluido en esta revisión contra su propia voluntad.
 
 
 
La prueba 
Todos los servicios ha sido probados en la vida real usando UI-Patterns.com como un caso de prueba. Cada servicio fue probado en aislamiento con un mínimo de 2 semanas con una código (script) de seguimiento en línea en UI-PATTERNS.COM. Todas las funciones de cada servicio fueron evaluadas y siempre se seleccionó el plan que nos entregaba acceso a todas las funciones. 
 
Report-based v/s Always-on
Parece haber dos accesos a la construcción de un Heatmap (mapa de calor) y el servicio de grabación de usuario: Always-on y Report-based.
 
 
Always-on Recomendado
 
Permite darle una vuelta a los datos frescos recolectados de todas las páginas, en todo momento. Si te encuentras a mitad de camino de un analytics web serio, no querrás esperar horas (o un tiempo más largo si se trata de una URL no popular) para tener los resultados que necesitas para realizar un primer acercamiento al informe base. Los servicios de Always-on cuestan más y los límites de grabación tienden a agotarse más pronto de lo que esperamos. Debes estar seguro de haber establecido una cuota antes de comenzar a usarlo.
 
Report-based
Montar un informe de una URL significa esperar hasta que suficientes datos hayan sido recolectados para generarlo. Los servicios de Report-based son los más baratos, pero no son tan útiles y eficaces como los ofrecidos por Always-on. Uno tiende a querer sus respuestas enseguida en vez de esperar horas para que los datos recolectados sean los necesarios. Report-based no permite esto.
 
Respondiendo a una pregunta con datos a menudo levanta nuevas preguntas. Si estas frente a un dilema como este, Los servicios de Report-based podrían frustrarte. Aquí tienes que saber lo que buscas y tienes que esperar por los resultados.
 
Descripción de las funciones
Todos los servicios proporcionan un Heatmap básico: Movimiento de ratón, Clicks, y Scrolls. La mayoria graba el comportamiento del usuario, pero algunos cuantos tienen una profundidad mayor.
 
  User recording and playbackHeatmapsFunnel & form analysisAdvanced analyticsSurveys, PollsReal time chat
Crazy Egg   x        
MouseStats x x        
Lucky Orange x x x   x x
SeeVolution   x        
InspectLet x x x    
Navilytics x x x      
HotJar x x x   x  
Mouseflow x x        
ClickTale x x x x    
 
 
Revisando cada Servicio
Los servicios de Heatmap y grabación de usuario vienen a dos formas; Report-based y Always-on. Para ser honesto, no tiene sentido mezclar las dos categorías. Por eso habrá dos ganadores en esta prueba: un para cada una de las dos categorías.
 
 Parámetros de las pruebas
 
Evaluando en una escala de 1 (peor) a 5 (mejor) en los siguientes parámetros:
· Funciones
· Utilidad
· Experiencia de Usuario
· Madurez
· Precio
 
 
 
Servicio Always-on
El acercamiento que Always-on entrega requiere un serio desempeño del funcionamiento e implica costos de almacenamiento por parte del proveedor. La principal falla es que el servicio es más costoso por grabación (Porque grabará todo automáticamente) comparado con la alternativa Report-based. En Orden de popularidad, los servicios Always-on son ClickTale, Mouseflow, Inspectlet, Navilytics y SeeVolution.
 
 
 
ClickTale
Durante los últimos 4 años, ClickTale ha pasado de ser una herramienta para cualquier curioso o consultor independiente a ser sólo para clientes de empresa. Ellos se ven a sí mismos capaces de competir con Tealeaf de la IBM que con el resto la competencia. Fue imposible conseguir el acceso a una versión de prueba porque ClickTale no quiso ser comparado y ponerse en el mismo barco que el resto. Sin embargo logré conseguir una demostración de ClickTale en una sesión Skype.
 
 
 
 
ClickTale es el más maduro de los servicios disponibles. Han tomado en serio los pasos que necesitan dar para diferenciarse del resto:
 
· Un servicio independiente solo para rastrear usuarios en dispositivos móviles
· Integración con Partners que te permiten entender tu A/B testing optimizado o Segmentos de Omniture (y Cookies)
· Reutilización de reportes y segmentación de Google Analytics, Omniture, Etc
· Reportes de rebote
  · Rebotes duros (4 segundos) 
  · Rebotes blandos (gente que se equivoca)
 
ClickTale argumenta que “Es fácil mirar solamente un heatmap y sacar una conclusión, cualquiera puede hacerlo, lo que realmente es difícil es analizar los datos. Es aquí donde ClickTale destaca”. Cuando comienzas una cooperación con ClickTale, su personal entrenado te ayudará a comprender los datos. 
 
ClickTale es una suite de análisis hecha y derecha a la que sus competidores aún no pueden acercase. Su paleta de funciones y posibilidades es tan amplia, que necesitas a un profesional dedicado para sacar el máximo partido de lo que ClickTale provee. Si te estas iniciando, no te recomendaría soñar con utilizar ClickTale en esta etapa. 
 
No fue posible conseguir un precio adecuado para que alguien del Staff de Marketing accediera a hablar conmigo. Asumo que ClickTale no es barato.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
ClickTale 5 5 4 5 1 4.0
 
 
 
Mouseflow 
Mouseflow es uno de los más viejos jugadores y tiene una base de usuarios para demostrarlo. Es sólido como una roca y funciona perfectamente. Comparado al resto de la competencia, su interfaz de usuario parece un poco vieja y algunas experiencias de Usuario han cambiado suavemente para competir con sus competidores más jóvenes. 
 
La falta de opciones de análisis de embudo, tipos analíticas y feedback directo del usuario pone a Mouseflow en el final de la carrera en términos de número de funciones.
 
El servicio que proporciona, es Hassle-free y Always-on. No es tan robusto como el de ClickTale, pero más limpio que Inspectlet, que es su competidor más cercano. 
 
Una versión actualizada de Mouseflow que compensará estos defectos esta en camino. Espero mucho más para lo que se viene.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
Mouseflow 3 4 3 4 3 3.4
 
 
 
 
Inspectlet
Inspectlet es simple de usar. Se sale del camino en cuanto a permitir al usuario realizar lo que necesita. El análisis de túnel y opciones de filtrado son muy simples de usar y cubren mis necesidades básicas.
 
Mirando grabaciones a menudo sentía que el ritmo era un poco desconectado. Me hubiese gustado saltar entre las pantallas a una velocidad que no se ajustara al tiempo en cada página, y los clicks en los botones parecieron estar fuera de donde los botones se encontraban en realidad. 
 
A menudo uso screenshots de una página con el heatmap para presentaciones en mi trabajo. Es una tarea repetitiva cuando eres un usuario regular. Con Inspectlet, tomar screenshots es un proceso incómodo. Incluso con la extensión de screenshot en Chrome me superó. 
 
Inspectlet hace lo que hace bien con interferencias menores. No tiene las funciones más recientes como las que han comenzado a aparecer en la competencia, como ver las grabaciones en tiempo real, chat en vivo, entrevistas y sondeos. Inspectlet es la segunda opción más barata en esta prueba, lo que lo pone atrás en la carrera.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
Inspectlet 3 4 4 3 4 3.6
 
 
 
Navilytics 
Programar Navilytics fue sencillo e indoloro. Aunque la interfaz de usuario no sea tan bonita y pulida como la de sus competidores, Navilytics hace bien su trabajo también. La mayor parte de los rasgos de analytics están allí, pero no son explicados ni presentados bien. Esto lo hace molesto. 
 
Como uno de los únicos productos en la prueba, Navilytics integra la misma segmentación de confeti que realiza  CrazyEgg. Esto es un complemento más, lo que permite compartir grabaciones con sus compañeros de trabajo vía una URL secreta.
 
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
Navilytics 3 3 2 2 2 2.4

 

 
 
SeeVolution
SeeVolution es un servicio minimalista y limpio que marca una diferencia del resto. En oposición al estilo de interfaz de analítica del tipo backend de sus competidores, todas las analíticas se hacen directamente en tu sitio web.
 
Si estas logueado en el servicio de SeeVolution, aparecerá un pequeño marcador en la esquina inferior izquierda de tu sitio web. Cuando lo seleccionas, puedes explorar los mapas de calor (y ordenar las capas entre si), así como ver la analítica en tiempo real. Si estas en un dispositivo móvil, el mapa de calor se filtrará respectivamente. Es lejos la interfaz más simple.
 
 
En contra, por el lado del cliente masivo, Javascript provoca que la CPU se vuelva loca, lo que puede ser molesto. SeeVolution solo entrega mapas de calor y analítica en tiempo real. No posee un repetidor de visitas, seguimiento de campañas o encuestas.
 
Sin embargo su interfaz y concepto son tan limpios, que vale la pena mencionarel servicio.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
SeeVolution 3 3 3 2 3 2.8
 
 
 
 
Servicios Report-Based
 
Los servicios report-based heatmap son más baratos que los del tipo Always-on. Además, raras veces te quedarás sin grabaciones y los heatmaps pueden ser grabados para una posterior comparación. En orden de popularidad, los servicios de Report-based son CrazyEgg, Lucky Orange, Hotjar y MouseStats.
 
CrazyEgg
CrazyEgg es el servicio más conocido de todos los evaluados debido al tiempo que han estado en el juego. La edad del servicio lo ha hecho madurar, convirtiéndolo en una sólida y estable plataforma. Lamentablemente, su madurez también se refleja en la experiencia de usuario, paleta de opciones y su utilidad. 
 
Cuando generamos un mapa de calor, tienes que establecer informes separados para usuarios de tablets y móvil. El proceso es incómodo. ¿Por qué no generarlo para todos los dispositivos de una sola ves? 
 
CrazyEgg crea los heatmaps por ti. Sin embargo, los heatmaps que entrega son derechamente superiores. Soy un aficionado al Mapa Confetti, el cual permite explorar visualmente y filtrar los clicks en una gran variedad de métricas, incluyendo términos de búsqueda y códigos de campaña de google analytics.
 
 
 
CrasyEgg hace pocas cosas, pero las hace bien. Sin embargo, tiene varias desventajas: su paleta de funciones es limitada, no tiene seguimiento de las páginas en que han iniciado sesión y una extraña diferencia entre el escritorio, tablets y móviles. Me gustaría ver un CrazyEgg 2.0.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
CrazyEgg 2 2 2 4 3 2.6
 
 
Lucky Orange
Registrarse en Lucky Orange es una maravilla. Es un proceso delicado que incluso te hace feliz.
 
Tan pronto como se haya instalado el código javascript en tu sitio web, comienzas a ver el cambio en el dashboard (Panel de Control). Suena una campana cada vez que un nuevo visitante llega (puedes apagarlo). Es como un juego de computador el cual quieres mantener corriendo en segundo plano mientras continuas con otros trabajos. Si te quedas atascado, incluso ofrece un chat en vivo que te guiará para sacar el máximo provecho del servicio. Es una maravilla. Lucky Orange está lleno de pequeños detalles.
 
 
Lucky Orange permite ver lo que están haciendo sus visitantes en vivo. Además de eso, incluso puedes iniciar un chat con ellos: ya sea para ayudarles a completar su meta o preguntar por lo que salió mal.
 
Tiene la opción de crear encuestas y sondeos emergentes personalizados, para hacer preguntas a los visitantes. El enfoque de Lucky Orange parece estar en la interacción en vivo en lugar de ser un oyente silencioso.
 
La desventaja de Lucky Orange es su report-based. Tienes que saber lo que estás buscando. Para ver mapas de calor o analizar formas, tienes que configurar informes. Esto toma unos minutos, pero una vez realizado, te encuentras en reporte más bonito y más útil de la escala.
 
En el lado negativo, parece que Lucky Orange no ha solucionado el problema del móvil vs escritorio de todo. Pareciera que utiliza los mismos gráficos de heatmap para ambos puntos de vista.
 
Lucky Orange es el servicio más costoso en la prueba
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
Lucky Orange 3 3 4 4 1 3.0
 
 
 
 
Hotjar
HotJar es nuevo en la escena y en la actualidad esta en modo beta. Tienen una fuerte publicidad para que las personas se registren en su fase beta y están ganando impulso en todo. Con un servicio único de Heatmap, HotJar contará con un plan base de $29 USD con acceso ilimitado. De ser verdad, HotJar va a vencer a sus competidores de Report-Based debido al precio, siendo el más barato.
 
La suite completa esta separada en dos partes: Análisis y Retroalimentación (Feedback). La parte de análisis incluye mapas de calor, grabación y reproducción de sesiones, embudos de conversión y análisis de la forma (no estaba habilitado al momento de escribir esto). La parte de retroalimentación incluye encuestas, sondeos y la contratación de Usuarios de pruebas.
 
HotJar tiene Report-based y opera con el concepto de snapshot similar a CrazyEgg y Lucky Orange. En comparación con el resto del campo, esta es su mayor desventaja de HotJar y les da una utilidad menor que los niveles superiores. Para obtener un mapa de calor, se crea un informe que luego recoge datos de 2.000 páginas vistas. Una vez alcanzada la cifra, se crea el mapa de calor y se guarda. Lo que permite la comparación entre los mapas de calor instantáneas en el tiempo.
 
 
HotJar está recién salido de la caja y aunque aún se encuentra en modo beta, se ha prestado mucha atención a la usabilidad y experiencia de usuario. La interfaz es clara y limpia.
 
La sección de feedback de HotJar está bien realizada. Puedes configurar y seleccionar el publico objetivo de los sondeos y encuestas de usuarios de una URL específica (en una página de recibo, ¿tal vez?) Y los datos solicitados sólo aparecen con un retraso, en el abandono, o cuando el usuario se ha desplazado hasta la mitad de la página.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
HotJar 3 3 4 3 5 3.6
 
 
MouseStats
MouseStats es muchas veces más barato que sus competidores de Report-based, siendo esto lo principal. La lista de funciones es larga y se puede hacer más de lo que ofrecen sus competidores. La función de estadísticas permite comparar el desempeño de dos áreas separadas (es decir, un área cerrada de píxeles) en su sitio en términos de clics y atención.
 
La desventaja es que tiene una mala ejecución en los detalles. Ejemplos de ello son los mapas de calor de desplazamiento que no muestran los porcentajes y forma de análisis, los que no se muestran visualmente en la parte superior de los campos de formulario.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
MouseStats 3 3 3 2 5 3.2
 
 

 
Precio
Dependiendo de cuanto trafico tengas, diferentes tipos de precios pueden ajustarse a tu sitio web. He comparado los precios en tres tipos: $20 a 30 USD, $50 a $75 USD y $100 a $150 USD. Cada servicio esta ordenado por su costo por cada mil visitantes (Costos por mil. CPM).
 
Precio: $20-$30 VisitantesPrecio ExactoCPM
CrazyEgg Report based 25000 $19 $0.76
Mousestats Report based 15000 $20 $1.33
HotJar Report based 15000 $29 $1.93
Inspectlet Always on 5000 $39 $7.80
Mouseflow Always on 1000 $19 $19.00
Navilytics Always on 500 $20 $40.00
Seevolution Always on 300 $29 $96.67
Lucky Orange Report based 200 $20 $100.00
ClickTale Always on N/A N/A N/A
 
Precio: $50-$75 VisitantesPrecio ExactoCPM
CrazyEgg Report based 100000 $49 $0.49
HotJar Report based 50000 $29 $0.58
Mousestats Report based 50000 $50 $1.00
Seevolution Always on 30000 $79 $2.63
Inspectlet Always on 25000 $79 $3.16
Mouseflow Always on 10000 $74 $7.40
Navilytics Always on 2500 $80 $32.00
Lucky Orange Report based 300 $50 $166.67
ClickTale Always on N/A N/A N/A
 
Precio: $100-$150 VisitantesPrecio ExactoCPM
HotJar Report based 100000 $29 $0.29
CrazyEgg Report based 250000 $99 $0.40
Mousestats Report based 100000 $90 $0.90
Seevolution Always on 100000 $149 $1.49
Inspectlet Always on 50000 $149 $2.98
Mouseflow Always on 25000 $148 $5.92
Navilytics Always on 5000 $130 $26.00
Lucky Orange Report based 500 $100 $200.00
ClickTale Always on N/A N/A N/A
 
Declaración: Los límites fijados en el servicio de Hotjar son artificiales - Ellos lanzarán (cuando lancen el servicio) un servicio gratuito sin limites de grabaciones
 

 
 
Report-Based: Si sólo miras el precio, CrazyEgg parece el ganador indiscutible, HotJar viene justo detrás con su plan fijo ilimitado $29 USD. CrazyEgg carece de reproducción de la grabación de usuario y varias otras características importantes, donde HotJar se luce.
 
Always-on: SeeVolution tiene el precio ganador, pero como con CrazyEgg, carece de reproducción de grabaciones de usuario. Eso deja Inspectlet seleccionado por tener un mejor precio.
 
 

 
 
El veredicto
Comparando todos los servicios, uno se destaca por ser el más profesional y más maduro: ClickTale. Si tienes el dinero y eres más exigente en las necesidades de análisis de la herramienta de analítica, ésta es la opción obvia.
 
 
Alineando la puntuación, los ganadores son:
 
Veredicto: Always-on en servicio de heatmap
El ganador de la categoría es Inspectlet con Mouseflow en un estrecho final. Always-on es el servicio recomendado.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
ClickTale 5 5 3 5 1 3.8
Inspectlet 3 4 4 3 4 3.6
Mouseflow 3 4 3 4 3 3.4
SeeVolution 3 3 3 2 3 2.8
Navilytics 3 3 2 2 2 2.4
 
 
Veredicto: Report-based en servicio de heatmap
A pesar de que Lucky Orange es el software más suave, maduro y alegre con el uso del informe, su precio lo saca de la competencia. Esto pone HotJar frente a la categoría de report-based, a pesar de que aún esta en fase beta. Si estas falto de dinero, ve por MouseStats. No se recomienda el Report-based para proyectos.
 
  FuncionesUtilidadExperiencia de UsuarioMadurezPrecioTotal
HotJar 3 3 4 3 5 3.6
MouseStats 3 3 3 2 5 3.2
Lucky Orange 3 3 4 4 1 3.0
CrazyEgg 2 2 2 4 3 2.6



Esta es una Traducción con la autorización de ui-patterns.com | it was translated with ui-patterns.com from permission. Puedes leer el original aquí · Escrito por Anders Toxboe, Traducción por Alexis Brantes

Nos Apoyan: the Desing & Emotion Society