Cómo se mueven los ojos de los lectores de tu página web: infografía

Cómo se mueven los ojos de los lectores de tu página web: infografía

Cómo se mueven los ojos de los lectores de tu página web: infografía

Con frecuencia causa asombro, gracia o incredulidad que cuando leo un libro empiezo siempre por el principio: desde los agradecimientos, prólogo, introducción, etc.

Mi chico, por ejemplo, lo hace diferente. Empieza por el índice, y se va directamente a los capítulos que le interesan, ojeando además todas las fotos del libro.

Quizá tú también tengas tu propio estilo de lectura.

En Occidente: de izquierda a derecha

¿Y dentro de una página?

Al menos en Occidente leemos de arriba a abajo y de izquierda a derecha, aunque los ojillos se nos van primero a los títulos y sobretodo a las imágenes.

Me encanta ver las imágenes y leer los pie de foto antes de leer el texto en sí :-)

La web no se lee, se escanea

¿Y una página web? ¿Cómo la lees?

¿Te has parado a pensarlo?

Por lo general, la gente no lee en internet, sino que escanea, y por eso es importante no usar párrafos demasiado extensos, y usar diversos estilos que «rompan» el texto plano que solemos encontrar en un libro.

La web no se lee como un libro, y por tanto hay que escribir y formatear los textos de forma diferente a como se hace en un libro.

(Si te parece interesante, ofrezco un servicio específico de gestión de contenidos que va en esta línea).

¿Cómo se mueven los ojos en una página web?

Hay estudios para todo. Y para investigar este tema se usa el análisis de la monitorización de los ojos al visitar una página web.

El equipo de crazyegg elaboró una infografía intentando aglutinar los datos que se derivan de estos análisis:

Cómo se mueven tus ojos en una página web

Como toda buena infografía, es auto-explicativa, pero si eres de los que no domina demasiado el inglés, o prefieres tener un resumen con los datos más relevantes, aquí te lo muestro:

  • Los usuarios visualizan la página web en forma de F: se mueven de izquierda a derecha conforme van de arriba hacia abajo.
  • Los usuarios emplean el 80% del tiempo en la zona de la página web que no necesita scroll para visualizarse.
  • El 69% del tiempo se emplea en la zona izquierda de la página.
  • Las imágenes y espacios grandes atraen primero a los ojos de los lectores.
  • Los logos y marcas en la zona superior izquierda de la página web son recordadas un 58% más que en otras áreas.
  • Incrementar un 10% el tamaño de los botones pequeños ayuda a los usuarios a encontrarlos y usarlos.
  • Situar los botones y enlaces más usados de forma contigua ayuda a una interacción más rápida de los usuarios con la página.
  • Los ojos de los visitantes se fijan en los espacios en blanco, y se pierden fácilmente en una página con un diseño pobre.

Tips recomendados en un diseño web:

  1. Colocar el logo en la zona superior izquierda del sitio web.
  2. Situar el contenido importante de la página web en la zona izquierda.
  3. El menú de navegación debería estar en la parte superior (preferiblemente) o a la izquierda.
  4. Tener en cuenta la lectura en F a la hora de escribir contenido o posicionar imágenes.
  5. Los 2 primeros párrafos en cada página deberían mostrar la información más importante.
  6. No incluyas un montón de texto que los usuarios no van a leer.

¿La guía definitiva del diseño web?

Te estarás preguntando si tu sitio web debería seguir estas indicaciones al pie de la letra para poder ser coherente con cómo las personas mueven los ojos en internet.

Y la respuesta es que «no necesariamente».

A la hora de diseñar una página web, hay otros aspectos, como la estética, el SEO, marketing de contenidos, estrategia online..., y otros aspectos de usabilidad y experiencia de usuario no reflejados en estos análisis.

Pero en cualquier caso, son datos muy relevantes que debemos tener en cuenta en nuestra página web, para ir a favor del movimiento natural de los lectores.

¿Qué te parecen estos tips? ¿Te has llevado alguna sorpresa con algún dato concreto?

Compartir: 
Come up