La relación entre distribución del contenido y usabilidad

Mucho tiempo ha pasado desde que se comenzó a hablar de usabilidad web y su importancia de cara al SEO, quizá no desde un punto de vista plenamente técnico, sino desde una influencia oblicua que se da a través del usuario y su régimen de visitas. No es suficiente con una web que se vea bien, tenga un funcionamiento correcto y respete los estándares: tiene que ser plenamente usable.

En este plano comienza a tallar la distribución del contenido en relación al recorrido visual que el visitante promedio realiza. Un estudio científico sobre los patrones de lectura, dio como resultado las imágenes que acompañan este artículo y demuestran gráficamente las siguientes afirmaciones:

• Disminución progresiva de la atención: los recorridos realizados se dividen en tres o cuatro instancias básicas, cada una más corta que la anterior.
• Horizontalidad del recorrido: rara vez se producen saltos inesperados, el usuario hace pequeños recorridos horizontales de izquierda a derecha, se fija medianamente en el sector derecho y apenas si presta atención a las sidebars de la izquierda.

Por supuesto, no todas las personas actúan igual, pero sin dudas los mapas de calor son bastante claros respecto del comportamiento promedio, dejando algunas reflexiones a tener en cuenta:

• No importa qué tanta calidad tenga el contenido que publiquemos, el visitante no lo leerá en profundidad, al menos por iniciativa propia. Hará simplemente un reconocimiento y determinará el nivel de interés inmediato que le genera.
• Las lecturas más intensas se producen en el primer y segundo párrafo, y a su vez en la primera mitad superior de cada uno. También reciben un cierto grado de atención las listas. Lo más atractivo debe estar en esas ubicaciones.
• No basta con que las palabras clave o frases clave estén resaltadas o aparezcan muchas veces (esto último hasta puede ser contraproducente), deben ubicarse en lugares que el usuario promedio visualice.

Imagen: http://www.useit.com/alertbox/reading_pattern.html