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

2,413 views

Published on

Los usuarios visitan un sitio web por su contenido, todo lo demás es accesorio. El

diseño existe para permitir a la gente acceder al contenido. Aquí presentamos

estudios y lecciones aprendidas para la escritura correcta en sitios webs.

En esta presentación podrá encontrar:

- Resultado estudio de Eyetracking 2000.
- ¿Por qué ojean los usuarios?
- Patrón de lectura es similar a la forma de la letra F, E y L invertida.
- ¿Dónde coloco lo más importante?
- Facilitando la lectura a los usuarios.
- Consejos para una escritura intuitiva.

Fuente: www.blog.pucp.edu.pe/ux

Published in: Education
  • Be the first to comment

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

  1. 1. ¿Cómo leen nuestros usuarios?Percepción del texto en la web.
  2. 2. Universidad de Stanford junto conPoynter: 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. 3. ¿Por qué ojean?Leer en pantalla es agotadorLa velocidad de lectura aumenta un 25La lectura online es activa, hipertextos (Links)Lectores selectivos: no hay tiempo para leer todo aquelloque se muestra en la red.
  4. 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. 5. Forma de la letra F, revelada por mapas de calor. Sitio web institucional E-Commerce Google
  6. 6. ¿Dónde coloco lo más importante?Primera prioridadSegunda prioridadTercera prioridad
  7. 7. Siempre sabemos más de lo que podemos decir y decimos más de lo que debemos escribir David Snowden
  8. 8. Antes Después773 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. 9. Si nuestros usuarios ojean, ¿Cómo facilitarlo?
  10. 10. Textos modulares, usar paginación, leer +, etc.
  11. 11. Lenguaje sencillo y claro, los giros lingüísticos complejos dificultan la lecturawww.diariodeavila.es/noticia.cfm/Local/203513 www.elcomercio.pe/lima/721126/noticia-asi-fue-inicio-clases... Tirul Titular complejo Titular sencillo
  12. 12. Usar negritasUsar hipertextos o vínculos a paginas del mismositio webUsar rótulos de enlaces y botones significativos,es decir que tengan sentidos por si solosEvitar usar UsarClic aquí Sigue a la selecciónVer más Más fotos de la selecciónVer todos Ver todos los jugadoresLeer más Leer más de esta notaEvitar el uso de subrayados, estos se usan en lohipertextosEvitar cursivas, solo para comentarios adicionalesEvitar Mayúsculas, usarlas solo para las siglas.
  13. 13. Ancho del texto el detalle de una noticia parpadeo, solo seEs más fácil, cómodo y se recomienda recomienda pararápido leer texto con un Las fuentes serif, como personas con menorancho moderado hasta Times New Roman, agudeza visual.640px Georgia Accesibilidad Ojo, recomendable una solo tipografía en todo el Para fondo blanco colorJustificado sitio web, caso contrario de textosSe recomienda siempre usar hasta 3 1. #555555 grisjustificado a la izquierda 2. #900000 rojoSi desea justificado 3. #134D86 azulizquierda y derecha solo si Colores de fondo ytiene un ancho menor a fuente250px Se recomienda caracteres oscuros sobre fondo claro,Tipos de fuentes minimiza los reflejos ySe recomienda usar aporta mayor equilibriofuentes como sans-serif y de luz.no-monospaced, como laArial o la Verdana. Caracteres claros sobre Para lectura amplia como fondo oscuro, reduce la percepción del
  14. 14. Al final, los usuarios visitan elsitio web por su contenido.Todo lo demás es accesorio.El diseño existe para permitira la gente acceder alcontenido. Jakob Nielsen
  15. 15. Esta presentación tiene una licencia Creative Commons de: Atribución No comercial Compartir igual Percy Negrete @percynegretepercy.negrete@pucp.edu.pe

×