Eyetracking ( cuidado con la F )

June 8, 2006 por Rodrigo VeraRodrigo Vera

Heatmaps de tres sitios web. Las áreas más vistas estan coloreadas en rojo, las áreas amarillas indican pocas vistas, seguidas de las áreas menos vistas que son las azules.Las áreas grises fueron irrelevantes.

Según el último Alertbox de Jakob Nielsen, publicado el día de hoy 17 de abril, afirma que los usuarios a menudo leen el contenido de un sitio web en un patrón que se asemeja al de una F mayúscula, es decir; dos líneas horizontales y una vertical.

Para este Eye tracking, se grabaron a 232 usuarios que vieron miles de páginas web, encontrando que el comportamiento principal de lectura se mantenía muy constante en diversos sitios y tareas. Este patrón dominante se parece a una F y tiene los siguientes tres componentes:

* Los usuarios primero leyeron en un movimiento horizontal, generalmente a través de la parte superior del área del contenido, este elemento inicial forma la barra superior de la F.

* Enseguida, los usuarios bajan un poco y después leen en un segundo movimiento horizontal que cubre una área más corta que el movimiento anterior. Este elemento forma la barra más inferior y más corta de la F.

* Finalmente, los usuarios exploran el lado izquierdo del contenido en un movimiento vertical. Algunas veces, este escaneo más lento y sistemático aparece como una línea sólida en el heatmap (mapa de calor) del eyetracking. Otras veces, los usuarios se mueven rápidamente, creando un heatmap menos definido. Este último elemento es el que forma la barra vertical de la F.

via: Chile País de Diseño


technorati tags:, , ,

Comments »

The URI to TrackBack this entry is: http://design8182.blogsome.com/2006/06/08/eyetracking-cuidado-con-la-f/trackback/

No comments yet.

RSS feed for comments on this post.

Leave a comment

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>