Eyetracking

El eyetracking es una tecnología que permite seguir los movimientos oculares de una persona para determinar lo que esta observando en la pantalla. Esto se logra con el uso de un eye tracker, un monitor ó camara especial que emite rayos infrarrojos a los ojos de quien lo usa. Estos rayos rebotan en su pupila y vuelven al aparato, permitiendo así calcular con precisión dónde está observando.

Eyetracking y Usabilidad

En Baluart, ya hemos publicado algunos artículos y enlaces referentes a estudios de Eyetracking. Pero en estos días, Usolab ha publicado, creo yo, el más reciente estudio, enfocado desde el de vista de la Usabilidad y sobre webs en español. Realmente vale la pena leerlo.

Enlace | La aportación del eyetracking en el sector de usabilidad

Hace algún tiempo publicamos el estudio de eyetracking realizado por useit en el que indicaban que la lectura de los usuarios a una web era en "F". Recientemente, Seth Godin ha publicado en su blog un video del estudio de eyetracking realizado a Squidoo.

En el video se observa como hay participantes que han tenido un visión lineal (se podría decir la F), pero también como hay otros que trasladan su punto visual de bloque a bloque distinto.

CanguroRico comenta muy bien las conclusiones que el video nos deja:

  • Las imágenes definen el camino a seguir: Es muy interesante ver como el camino que sigue nuestra vista, en muchos casos, vienen definidas por la ubicación de las imágenes. Muchas personas buscan imágenes o Thumbnails antes de leer el texto.
  • Las cabeceras y la negrita son esenciales: Es notorio ver como casi todo el mundo primero se fija en los títulos, cabeceras o textos en negrita de los artículos. Pero si no les llama la atención, no leen más.
  • Se evitan los parrafos largos: Un gran porcentaje de personas en el estudio, evitan leer los parrafos largos (y probablemente pesados), a no ser que incluyan muchas palabras en negrita, o las imágenes de al lado y el título llamen su atención.
  • Los artículos con listas son más vistos: Los artículos que incluyen una lista de viñetas son más leídos que los que sólo incluyen bloques de texto plano.
  • La gente se fija en los botones y en los menús: A la izquierda, a la derecha o arriba, la gente siempre se fija en los menús que incluyen las secciones de una página.
  • La gente evita leer anuncios: No es sorprendente, pero a no ser, que los anuncios estén bien posicionados, camuflados y llamen la atención, la gente no se para a leerlos. Es más... ni los miran.

Como una F, así es como leen los usuarios una página web. A una increíble velocidad nuestras vistas recorren la página creando la estela de una letra "F" en mayúscula.

Las áreas de color rojo son las que los usuarios miraron más; seguida de las amarillas,
luego las azules y, finalmente, las grises no atrajeron ninguna mirada

Estas imágenes forman parte del último estudio llevado a cabo por useit (la web del gurú de la usabilidad Jakob Nielsen) y que se ha publicado hoy día. El estudio es sobre la base de 232 usuarios que observaron miles de páginas Web. El resultado fue constante, aún en diferentes diseños. El modelo de lectura dominante se parece a una F y tiene tres componentes:

  1. En primer lugar, los usuarios leen con un movimiento horizontal, por lo general a través de la parte superior del área de contenido. Este componente inicial forma la barra superior de la F.
  2. Después, los usuarios bajan la página un poco (mueven el scrollbar) y luego leen en un segundo movimiento horizontal que típicamente cubre un área más corta que el movimiento anterior. Este elemento adicional forma la barra inferior de la F.
  3. Finalmente, los usuarios exploran el lado izquierdo del contenido en un movimiento vertical. A veces esto es una exploración lenta y sistemática que aparece como una raya sólida sobre un "eyetracking heatmap". Otros usuarios de veces se mueven más rápido, creando un "spottier heatmap". Este último elemento forma el tallo de la F.

Asi pues, el informe nos da algunas luces para mejorar nuestros diseños... En que áreas colocar el contenido más importante, en cuales algún texto ó gráfico de relleno, etc. Obviamente, esto no significa que todos usuarios no visualicen o revisen las demás partes de la página, no debemos descuidarlas.

Enlace | F-Shaped Pattern For Reading Web Content

SuscrĂ­bete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes