Diseño web: Mapas de calor

Cuando empezamos a pensar en la organización de los elementos de nuestras webs generalmente seguimos patrones establecidos para los elementos habituales, como el menú, la publicidad, el logotipo, etc. Normalmente las zonas “buenas” son la central, la superior, y la izquierda, así que los elementos importantes ocupan estas zonas pero, ¿cómo sabemos realmente que estas son las zonas buenas?. Podemos fiarnos de los patrones repetitivos, si miles de webs utilizan un esquema similar, debemos suponer que ese tipo de arquitectura funciona, pero si queremos sacar conclusiones empíricas, y ver realmente cómo fija el usuario la atención sobre nuestra web, una buena solución es la creación de mapas de calor.

Mapa de calor de una web.

Los mapas de calor representan la pantalla, mediante colores, siendo los más cálidos aquellos que reciben antes y más tiempo la atención del usuario, como la parte central, la superior izquierda, etc. Estos son lo que se suelen usar para ver cuales son las zonas mejores para colocar la publicidad, por ejemplo. Por otra parte, las zonas más frías son las idóneas para colocar aquellos elementos que no tenemos especial interés en que el usuario vea, como las condiciones legales, elementos destinados a los buscadores para mejorar el SEO, etc.

Estos mapas se pueden generar mediante diversas técnicas, como los movimientos del ratón, el movimiento de los ojos, superposición del sitio y otras varias. Vamos a ver algunas de estas técnicas. Sigue leyendo