El documento resume los resultados de estudios sobre cómo las personas leen en la web. Los lectores tienden a escanear el contenido en forma de F, E o L invertida, prefiriendo los titulares y párrafos cortos. Leer en pantalla es más agotador que en papel, por lo que los lectores son selectivos y no leen todo el contenido. Para facilitar la lectura, se recomienda usar formatos modulares, lenguaje sencillo y colores de fuente que contrasten con el fondo.

1. ¿Cómo leen
nuestros usuarios?
Percepción del texto en la web.

2. Universidad de Stanford junto con
Poynter: estudio de Eyetracking 2000
El punto de Prefieren los
entrada de la web titulares
era el texto dominantes
Prefieren los
párrafos cortos
Una vez frente a los
seleccionado el largos.
texto, se leía en
un 75%.

3. ¿Por qué ojean?
Leer en pantalla es agotador
La velocidad de lectura aumenta un 25
La lectura online es activa, hipertextos (Links)
Lectores selectivos: no hay tiempo para leer todo aquello
que se muestra en la red.

4. Estudio de Jakob Nielsen sobre 232 personas occidentales
Patrón de lectura es similar a la forma de la letra F, E y L invertida
+ importante
- importante
+ frecuente - frecuente

5. Forma de la letra F, revelada por mapas de calor.
Sitio web institucional E-Commerce Google

6. ¿Dónde coloco lo más importante?
Primera prioridad
Segunda prioridad
Tercera prioridad

7. Siempre sabemos más de lo que podemos
decir y decimos más de lo que debemos
escribir
David Snowden

8. Antes Después
773 caracteres 127 palabras 397 caracteres 65 palabras
49% menos contenido para decir lo mismo
Price, Jonathan. Texto vivo, Escribir para la web Madrid 2002

9. Si nuestros usuarios ojean,
¿Cómo facilitarlo?

10. Textos modulares, usar paginación, leer +, etc.

11. Lenguaje sencillo y claro, los giros lingüísticos complejos dificultan la lectura
www.diariodeavila.es/noticia.cfm/Local/203513 www.elcomercio.pe/lima/721126/noticia-asi-fue-inicio-clases...
Tirul
Titular complejo Titular sencillo

12. Usar negritas
Usar hipertextos o vínculos a paginas del mismo
sitio web
Usar rótulos de enlaces y botones significativos,
es decir que tengan sentidos por si solos
Evitar usar Usar
Clic aquí Sigue a la selección
Ver más Más fotos de la selección
Ver todos Ver todos los jugadores
Leer más Leer más de esta nota
Evitar el uso de subrayados, estos se usan en lo
hipertextos
Evitar cursivas, solo para comentarios adicionales
Evitar Mayúsculas, usarlas solo para las siglas.

13. Ancho del texto el detalle de una noticia parpadeo, solo se
Es más fácil, cómodo y se recomienda recomienda para
rápido leer texto con un Las fuentes 'serif', como personas con menor
ancho moderado hasta Times New Roman, agudeza visual.
640px Georgia Accesibilidad
Ojo, recomendable una
solo tipografía en todo el Para fondo blanco color
Justificado sitio web, caso contrario de textos
Se recomienda siempre usar hasta 3 1. #555555 gris
justificado a la izquierda 2. #900000 rojo
Si desea justificado 3. #134D86 azul
izquierda y derecha solo si Colores de fondo y
tiene un ancho menor a fuente
250px Se recomienda caracteres
oscuros sobre fondo claro,
Tipos de fuentes minimiza los reflejos y
Se recomienda usar aporta mayor equilibrio
fuentes como 'sans-serif' y de luz.
no-monospaced, como la
Arial o la Verdana. Caracteres claros sobre
Para lectura amplia como fondo oscuro, reduce la
percepción del

14. Al final, los usuarios visitan el
sitio web por su contenido.
Todo lo demás es accesorio.
El diseño existe para permitir
a la gente acceder al
contenido.
Jakob Nielsen

15. Esta presentación tiene una licencia
Creative Commons de:
Atribución
No comercial
Compartir igual
Percy Negrete
@percynegrete
percy.negrete@pucp.edu.pe