¿Quieres mejorar los resultados de los mapas de calor de tu web?

Como ya dijimos en el artículo anterior, los mapas de calor son una gran herramienta para saber el comportamiento de los usuarios en una página web. Pero, cómo podemos mejorar nuestro diseño web para obtener mejores resultados?

Antes, dejadnos ampliar los tipos de mapas de calor que os explicamos, con uno nuevo:

Mapa de confeti.

La novedad respecto al post anterior es el llamado “mapa de confeti”. Este es similar al mapa de clics con la diferència que no muestra la densidad sino cada uno de los clics de manera independiente. Cada uno de estos clics lo podemos filtrar por fuente de referencia (origen), país, hora o término de búsqueda para buscadores.

Una de las ventajas de este tipo de mapa es que permite ver si los usuarios hacen clic en elementos que no están enlazados a nada y poderlo solucionar. También podemos saber cuántos clics genera un elemento en particular y, si es necesario, mejorar su ubicación o potenciarlo.

4 técnicas:

1. Técnica A / B testing

Consiste en lanzar dos versiones de un mismo elemento, por ejemplo, una landing y medir cuál de las dos versiones funciona mejor. En las dos versiones debe haber algún elemento diferenciado, por ejemplo, un CTA (Call To Action) de un color, tamaño o posición diferente, por lo que podemos medir si, siguiendo con el ejemplo, funciona mejor el botón al final o al principio, a la derecha oa la izquierda, el verde o el rojo, etc.

¿Qué puede ser sujeto de ser probado mediante el A / B test?

De esta manera podremos mejorar la efectividad de nuestra landing page.

2. Técnica de foco

Esta es una técnica que proviene del cine, concretamente de la técnica del principio de escenificación (se puede recordar al artículo ‘Los principios de la animación clásica aplicados al diseño web’). Básicamente se trata de redirigir la mirada del usuario de manera subliminal con las imágenes y su contenido. Ya sea con las líneas de punto de fuga de una perspectiva que apunten a la zona que nos interesa o bien utilizar personas a las imágenes que miren o apunten con los brazos o manos hacia la zona de interés de la web.

Os dejamos algunos ejemplos de esta técnica con imágenes:

4. Técnica de patrones

Los patrones de diseño son estándares que se basan en estudios de comportamiento de lectura. Los más famosos son: El diagrama de Gutenberg y el Patrón F de Jakob Nielsen.

Diagrama de Gutenberg:

Seguramente es el patrón de diseño más utilizado de la historia y se utiliza en carteles, publicidad y televisión.

Basa su patrón en el movimiento del ojo humano y determina, cómo se puede ver en la imagen, que los usuarios comienzan a percibir información desde la esquina superior izquierda, moviéndose horizontalmente hasta la esquina derecha y seguidamente para bajar en diagonal hasta la parte inferior izquierda y volver horizontalmente hacia la derecha.