Feng-GUI para más Usabilidad

Muchas veces se ven los llamados heatmaps, los “mapas de calor“, que indican qué es lo que suele mirar un usuario primero.

Se crean normalmente usando tecnología avanzada que sigue los movimientos de la pupila de un usuario. El resultado, el mapa, muestra en rojo cuáles son las partes de una imagen, una página web o un blog que el usuario mira más que todas las demás.

También muchas veces se ven el camino que los ojos de un usuario sigue en una página web. Así el autor de la página tiene una idea de dónde poner publicidad y dónde la navegación y los contenidos y puede optimizar su web a la manera de navegar de los usuarios.

En feng-gui.com he visto que puedes crear un mapa de calor gratis en línea, sólo subiendo una copia de pantalla de tu página web. Como me gustan las cosas que tienen que ver con la usabilidad, he hecho una copia de pantalla de elpais.es para ver qué información propone.

Como se puede ver fácilmente, el punto rojo indica una pequeña foto entre todos los párrafos. Ëste es el punto que según feng-gui.com recibe la mayoría de la atención. Luego son las dos fotos a la izquierda y a la derecha las que también reciben mucha.

¿Has visto el banner de publicidad en la esquina superior izquierda? Pues este banner parece que no recibirá casi clics, ya que la gente no se fija nada en él.

¿Y para qué sirve?

Este análisis les podría ayudar a los responsables de la página web de El País para pensar de nuevo en su maqueta, sobre todo en cuanto al banner de arriba. Seguro que si el dueño del banner mira las estadísticas de los clics, se lleva una decepción bastante grave 😉

¿Qué aprendemos?

Ya de un simple mapa de calor como este aprendemos muchas cosas, por ejemplo

  • la foto en el medio abajo debería ser un banner de publicidad, ya que es el sitio perfecto para eso
  • Hay que considerar que las fotos son lo que decidirá si alguien lee el título o el texto de debajo, por lo tanto vale la pena pasar un tiempo con ellas
  • Igual es buena idea intentar combinar las fotos con una especie de banner o título para que la información de la empresa publicitaria esté justo donde miran los visitantes
  • Las entradas pequeñitas sin fotos no se ven casi, se podría aprovechar más del espacio para otras cosas
  • El menú de navegación no es lo primero que recibe la atención, tampoco hace falta, ya que los usuarios saben donde buscarlo
  • ¿Se te ocurre otra conclusión más?

¿Qué piensas de este mapa de calor? ¿Crees que puede ser útil en el momento de analizar la usabilidad de tu blog? ¿Qué resultados te da feng-gui.com cuando analizas la copia de pantalla de tu propio blog?