1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Leyendo en la webimagen de yohann.aberkane

Cómo leen los usuarios una página web

¿Te preguntas cómo leen tus visitantes tu web?, la respuesta es en realidad bastante simple..

No la leen -Jakob Nielsen

Es cierto, la mayoría de tus usuarios no leen tu página web, la escanean.

¿Por qué escanean y no leen?

Hay 2 factores básicos que hacen que los usuarios escaneen en vez de leer:

  • Leer en una pantalla cansa, definitivamente no es lo mismo que leer que papel.
  • La gente quiere hacer clicks, estamos todos acostumbrados a saltar de link en link.

Ahora, si el usuario no lee la página, eso significa que pasa mucho menos tiempo del que te imaginas mirando un sitio web.

... y para probarlo, una estadística de Aprendiendo Web.

Sabías que para este blog...

Casi el 70% de usuarios se queda menos de 1 minuto en el sitio.

Patrón de "lectura" en forma de F

Lo interesante de este escan que hacen tus usuarios es que tiene un patrón en forma de F, por ejemplo, aquí podrás ver cómo la mayoría de personas escanea la página de Google.

Patrón en forma de F para leer la página de Google imagen de labnol

¿Puedes ver el patrón?, en useit puedes ver otras imágenes.

Cómo se genera el patrón en forma de F

El usuario:

  1. Lee las primeras lineas de texto del contenido principal
  2. Baja un poco más en la página y lee las siguientes lineas
  3. Escanea el resto del contenido en forma vertical

Que puedes hacer para cambiar eso

Nada... pero puedes aprovecharloGermán

3 cosas que puedes intentar:

  1. Ahora que sabes que las primeras lineas son tan importantes no las desperdicies, aprovéchalas al máximo para enganchar al lector.
  2. Trata de usar listas en vez de bloques de texto y evita los párrafos demasiado largos.
  3. Acéptalo, la mayor cantidad de gente que visite tu sitio no leerá todo palabra por palabra, pero para aquellos que lo hagan escribe de una manera interesante y amena.

Para ese pequeño porcentaje que se quedó leyendo esto hasta el final, muchas gracias :) este es un tema muy interesante y hay mucho más que decir al respecto.

Para más información consulten la columna de Jakob Nielsen.

Actualización: Coffee me hizo notar en los comentarios había un artículo en el que hablo de buscar inspiración en revistas, aquí está:

Buscando inspiración para el diseño web (un enfoque diferente)

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de felipe felipe

    Muy buen articulo, en mi blog pasa lo mismo, la gente se queda como maximo 2 minutos en las paginas y a veces es un poco molesto, peor como dices no se puede cambiar, y hay que aprender a aprovechar eso
    :D

  2. Avatar de edgar edgar

    Si es muy cierto, yo siempre leo las primeras lineas de cada post, aunque muchas veces un titulo interesante es el que me dice "Esto lo tengo que leer". y luego le doy al click a la impresora(me gusta mucho las impresoras virtuales) y lo guardo para cuando estoy tomando el cafe.

  3. Avatar de Coffee Coffee

    Exactamente como dijo Germán en el post de "inspiración para diseño" creo que fué en ese ... que miraramos las revistas por que las compañías grandes siempre saben como mostrar la información al usuario ya que destinan mucho dinero al estudio de ello y creo que google no es la excepción.

    MUY buen post, demasiado útil.

    Saludos

  4. Avatar de Germán Germán

    @felipe, me imagino que algo parecido pasa en todos los blogs, la idea es tratar de aprovecharlo de la mejor manera posible.

    @edgar, tienes razón los títulos son una de las cosas que más influyen al momento de leer un artículo.

    @Coffee, gracias por recordar ese post! lo acabo de adjuntar al final del artículo :)

  5. Avatar de maniat1k maniat1k

    Que buen articulo, ahora lo que debo de hacer en realida es buscar la forma de darle un "formato revista" para hacerlo todo llamativo.

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910