Úsalo: Usabilidad y Accesibilidad para el diseño web. Usabilidad para todos

Encuentro hoy en Periodista Digital la referencia, copiada de El País, a un interesante artículo de Steve Outing y Laura Ruel. En él se narran las conclusiones extraídas del empleo de Eyetrack III, un dispositivo para registrar hacia dónde se dirige la mirada del usuario cuando realiza una actividad concreta, en este caso utilizar una página web. El estudio en cuestión hizo que 46 personas pasaran una hora leyendo la prensa digital.

Muchas de las conclusiones coinciden con las que ya apuntara Nielsen hace 4 años. Algunas de ellas parecen contradecir la lógica, como aquellas que sostienen que llama más la atención el texto que las fotografías (vamos, que los anuncios funcionan mejor con texto), y más especialmente aún el texto pequeño frente al grante; o que los titulares disponen sólo de tres palabras para contar lo importante (lo que equivale a un segundo del tiempo del lector).

Menos sorprendente, por conocido respecto a los textos impresos, es que el barrido del ojo humano nada más entrar a una página es, al menos en la sociedad occidental (que lee de izquierda a derecha y de arriba a abajo), una especie de zigzagueo (una Z, vamos) que empieza arriba a la izquierda y baja (y vuelve a subir un momento), y va de izquierda a derecha un par de veces antes de terminar bajando abajo del todo, a la derecha, para subir luego, finalmente, a arriba a la derecha.

Prioridad de las zonas de pantalla para el ojo humano (Fuente: Eyetrack III

Como recomendaciones prácticas de diseño se puede sacar de este artículo que a la hora de ubicar elementos en la página tengamos en cuenta que donde primero se va a ir el ojo del usuario es a la parte de arriba a la izquierda. Ahí debe dejarse claramente explicado qué tipo de sitio está visitando y lo que se puede hacer (logo y eslogan) así como empezar a verse la parte más importante del rail de navegación izquierdo o, mejor aún, en forma de navegación superior horizontal (la que funciona mejor según los autores).

Las zonas intermedias de la pantalla, vertical y horizontalmente, las dejaremos para cuestiones de menor trascendencia, dejando abajo del todo y en los extremos superior e inferior de la zona derecha los elementos a los que queramos dar la menor relevancia visual.

También es curioso saber que parece más práctico darle un tamaño de letra pequeño a los textos que más queramos que sean leídos, pues con éstos parece ser que se fija la atención y con los grandes la gente tiende a desviar la mirada escaneando frenéticamente. Eso sí, sin pasarse escribiendo, pues se presta más atención a los párrafos cortos que a los largos.

En cuanto a la longitud de línea y el número de columnas, parece que se leen mejor los textos de una única columna de texto que los de varias, al modo de los periódicos impresos, pues éstas columnas tienden a despistar al lector, más por la falta de costumbre de usar ese formato en una pantalla que por otra cosa, pues un artículo previo ya nos ponía sobre aviso, en el caso de una única columna, de la preferencia del lector por el renglón corto que por el largo. Es decir, mejor una sóla columna para el texto, pero con renglones cortos.

Artículos:

• Outing, Steve y Ruel, Laura (2004). The Best of Eyetrack III: What We Saw When We Looked Through Their Eyes
• Nielsen, Jakob (2000). Eyetracking Study of Web Readers
• Bernard, M.; Fernández, M. y Hull, S (2002). The Effects of Line Length on Children and Adults’ Online Reading Performance. Usability News.