Esta herramienta ayuda a dar vida a la experiencia del usuario.
Imagen: iStockphoto/gorodenkoff

Una vez que haya instrumentado su sitio web, puede comenzar a obtener detalles sobre lo que están haciendo sus usuarios y cómo lo están haciendo. Parte de este proceso implica grabar y reproducir sesiones de usuario, observar interacciones y viajes a través de un sitio. Otra es obtener una superposición de mapa de calor en una página, que muestre dónde los usuarios interactuaron más con una página. Juntas, las dos técnicas muestran lo que funciona para la navegación del sitio y lo que reduce el impacto. ¿Los usuarios pasan tiempo tratando de hacer clic en un elemento de la página que no es interactivo, o están tomando un camino que simplemente los lleva a abandonar sus transacciones?

VER: Trucos para el menú de inicio de Windows 10 (Premium de TechRepublic)

Actualmente gratis, es fácil agregar Clarity de Microsoft a un sitio web existente. Los costos generales son mínimos y se admiten todos los tamaños de sitios, sin limitaciones de tráfico. Es importante tener en cuenta que Clarity no se recomienda para sitios que trabajan con datos confidenciales, ya que las grabaciones de sesiones podrían capturar esta información y almacenarla en los servidores Clarity de Microsoft.

Índice

Comience con la claridad

El registro es gratuito, utilizando cuentas de Microsoft, Google o Facebook. Esto crea un espacio de trabajo donde puede agregar proyectos, selecciones de páginas o sitios o dominios. Agregar un nuevo proyecto crea una plantilla básica, con un nombre de sitio, una URL y una categoría. Esto genera el código de seguimiento único para el proyecto, que debe incluir en el contenido de su página. Esta es una función de JavaScript que se encuentra en el bloque Head de la página y, una vez instalada, comenzará a proporcionar datos a su panel de Clarity.

Microsoft diseñó Clarity para que funcione con sitios modernos y funciona mejor con los navegadores de la generación actual. Puede agregar el código al HTML de su sitio o admitir marcos HTML generados en plataformas como Wix, Squarespace o Shopify. Hay instrucciones de configuración para las plataformas más comunes en el sitio de Clarity. Incluso puede integrar herramientas como Google Analytics, lo que le brinda un lugar para trabajar con todos los datos de su sitio.

Como gran parte del desarrollo web, una herramienta de análisis como Clarity debe ser colaborativa, con acceso para diferentes miembros del equipo. Actualmente, se admiten dos roles: administrador y miembros del equipo. Los sitios pueden tener múltiples administradores, aunque tienen pocos beneficios sobre los miembros del equipo estándar, ya que los miembros del equipo pueden acceder a todas las herramientas analíticas de Clarity. Los miembros son agregados por el administrador original y todo lo que necesita es una dirección de correo electrónico. Les membres de l'équipe n'ont pas besoin d'être dans le même domaine de messagerie, donc si vous êtes une agence de conception Web, vous pouvez mélanger votre équipe de conception avec vos clients, donnant à chacun la même vue d' un sitio.

Seguimiento de clics con mapas de calor

Los mapas de calor son una herramienta importante para visualizar cómo los usuarios están trabajando con sus sitios. Identifican las áreas "calientes" y "frías" de un sitio mediante el seguimiento de los clics y los desplazamientos, mostrando lo que atrae a un usuario a las áreas calientes de un sitio. Clarity superpondrá un mapa de calor en una página, lo que lo ayudará a comprender rápidamente dónde ocurren las interacciones. No es una técnica perfecta, pero cuando se usa junto con las pruebas A/B de un diseño de página, puede ayudar a refinar los diseños que dirigen a los usuarios a rutas específicas a través de un sitio, por ejemplo, al facilitar la compra de productos.

La información en un mapa de calor de Clarity se agrega, se calcula a partir de todos los visitantes de su sitio rastreados. Se basan en elementos, en lugar de clics y posiciones del mouse. Esto debería hacerlos más precisos, ya que tienen en cuenta las diferencias entre las vistas del sitio, lo que ayuda a reunir información de diferentes vistas de diseño receptivo de un sitio, desde pantallas grandes a pantallas pequeñas, a dispositivos móviles, en una sola vista. Esto requiere un enfoque más disciplinado para el diseño de la página, etiquetando los elementos cuando sea posible. Hay un efecto secundario útil de etiquetar elementos para admitir mapas de calor de Clarity: las etiquetas facilitan el uso de las herramientas F12 para depurar las interacciones del sitio y facilitan la adición de interacciones de JavaScript a un sitio o el uso de herramientas de prueba automatizadas del sitio.

Actualmente, Clarity solo proporciona mapas de calor de clics; Los mapas de desplazamiento llegarán en una próxima versión y lo ayudarán a ver cuánto se desplazan los usuarios hacia abajo en una página. Esto puede ayudarlo a ajustar las reglas de longitud de página para un sitio, así como a decidir cómo priorizar elementos en una página. Podrá ver el porcentaje de una página desplazada, la cantidad de píxeles desplazados y la cantidad y el porcentaje de usuarios que se han desplazado hasta ese punto. Microsoft planea agregar soporte para expresiones regulares, para permitir consultas y análisis más complejos.

Grabar las acciones del usuario para su reproducción

Los análisis más complejos se pueden manejar mediante grabaciones de sesiones. Estos le permiten capturar el viaje de un usuario a través de su sitio y su contenido, con una línea de tiempo que lo ayuda a identificar eventos clave. Las grabaciones de sesiones se utilizan mejor para profundizar en problemas específicos de un sitio, donde desea obtener más información sobre por qué sucedió algo y cuáles fueron las opciones de un usuario. Los datos confidenciales se enmascaran automáticamente, ya que Clarity pretende cumplir con el RGPD.

Los informes envuelven el contenido de la página, con herramientas para administrar las vistas y las URL asignadas, además de permitirle cambiar entre diferentes tipos de dispositivos. Existen algunas limitaciones para los mapas de calor: lo que es más importante, solo agregan hasta 100,000 páginas vistas. Si bien esto debería estar bien para la mayoría de los sitios, es posible que las aplicaciones web muy grandes con varios millones de usuarios necesiten implementar sus propias herramientas locales de seguimiento y análisis.

Encuentre lo que es importante con el panel de Insights

Hay una gran cantidad de datos en mapas de calor y grabaciones de sesiones, y puede ser difícil elegir lo que es importante. Microsoft ha realizado una inversión significativa en el aprendizaje automático y, dado que el análisis web es fundamentalmente un problema de big data, Clarity pudo aprovechar esto en su función Insights. Insights le brinda un tablero que muestra las sesiones y eventos más importantes, para que pueda explorarlos con grabaciones y mapas de calor.

Parte del panel de Insights detalla lo que Microsoft llama "métricas semánticas". Estos son signos de que los usuarios no están satisfechos con un sitio, si se desplazan rápidamente o hacen clic en el mismo lugar varias veces (Clarity llama a esto un "clic de rabia"). Otros problemas expuestos incluyen clics rápidos fuera de una página o clics que no resultan en una respuesta de un sitio. Aquí, los usuarios pueden no encontrar lo que esperan o los errores del sitio pueden causar problemas. Puede explorar estas métricas para comprender mejor qué sucedió y en qué parte del sitio, y qué podría hacer para solucionar las cosas.

VER: Lista de verificación: Protección de sistemas Windows 10 (Premium de TechRepublic)

El Tablero es donde pasará gran parte de su tiempo con Clarity. Le da una idea de lo que está sucediendo en sus sitios y aplicaciones, mostrando de dónde vienen los usuarios, en qué están pasando el tiempo. También existe la posibilidad de aplicar filtros a sus datos, lo que lo ayuda a profundizar en problemas específicos e identificar dónde necesita usar mapas de calor o grabaciones. Es una herramienta ideal para los gerentes, ya que brinda información sobre el rendimiento del sitio y la satisfacción del usuario, lo que puede ayudarlos a tomar decisiones sobre la experiencia del usuario utilizando datos en lugar de anécdotas.

Para ser una herramienta gratuita, Clarity es sorprendentemente poderosa, con mucho de lo que necesita para echar un vistazo a un sitio web o aplicación en acción, desde la perspectiva del usuario. Es importante recordar que esto es solo una parte de lo que necesita para ejecutar un sitio, y debe estar preparado para usarlo con pruebas A/B, herramientas de prueba automatizadas y la herramienta F12 integrada en su navegador. Aún así, vale la pena usarlo, porque no encontrarás nada más poderoso gratis.