Your SlideShare is downloading. ×
0
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Escribir Para La Web, Una Mirada desde la Experiencia De Usuario

2,353

Published on

Sin duda hay muchas directrices y consejos para escribir en Internet. La presentación consiste en una serie de sencillas recomendaciones para escribir, basadas en la Experiencia de Usuario y el DCU

Sin duda hay muchas directrices y consejos para escribir en Internet. La presentación consiste en una serie de sencillas recomendaciones para escribir, basadas en la Experiencia de Usuario y el DCU

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,353
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
101
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Escribir para la Web Una mirada desde la experiencia de usuario Juan David Saab @juansaab
  • 2. El usuario pasa la mayor parte del tiempo en otros sitios web... Ley de Jakob Nielsen sobre la experiencia del usuario en Internet
  • 3. Al fnal, los usuarios visitan el sitio web por su contenido. Todo lo demas es accesorio. El diseno existe para permitir a la gente acceder al contenido. La vieja analogia es un grupo de amigos que va a ver una funcion de teatro: cuando salen del teatro, de lo que hablan es de la obra, no de lo bonitos que eran los trajes... Jakob Nielsen en: Usabilidad, diseño de sitios Web
  • 4. ¿Como leen los usuarios?
  • 5. Patron de lectura en “F” F-Shaped pattern for reading web content http://www.useit.com/alertbox/reading_pattern.html
  • 6. Ya lo sabia... ¿Y qué con eso?
  • 7. Consecuencias del patron de lectura en “F” ● Los usuarios la mayoria de ocasiones no leen el texto palabra por palabra, ni completamente ● La informacion mas importante debe aparecer al principio (2 primeros parrafos) ● Los encabezados, textos destacados, listas de vinetas y similares, hacen el texto facil de escanear
  • 8. ¡Escanear es mas economico que leer!
  • 9. Algunos consejos para facilitar el escaneo Consejos para facilitar el escaneo ● Los encabezados dirigen la lectura del usuario. Que sean claros y sencillos ● Transmite una idea por parrafo ● Usa listas de vinetas para expresar un conjunto de ideas ● Destacar las palabras clave cambiando el formato de texto; la negrilla suele funcionar bien ● Los enlaces son especialmente atractivos, úsalos de forma astuta
  • 10. Algunos consejos para facilitar el escaneo Un ejemplo... Versión Original: Nebraska está llena de atracciones reconocidas internacionalmente, que atraen, sin falta, una gran cantidad de personas cada año. En 1996, algunos de los lugares más populares fueron: el Parque Estatal Fort Robinson (355.000 visitantes), el Monumento Nacional a Scotts Bluff (132.166), Parque Histórico y Museo estatal de Arbol Lodge (100.000), Carhenge (86.598) y el Parque Histórico del estado de Buffalo Bill (28.446). Versión Compacta: En 1996, seis de las atracciones más visitadas en nebraska fueron: el Parque Estatal Fort Robinson, el Monumento Nacional a Scotts Bluff, el Parque Histórico y Museo estatal de Arbol Lodge, Carhenge y el Parque Histórico del estado de Buffalo Bill. Versión Compacta y Escaneable: En 1996, seis de los lugares más visitados en Nebraska fueron: ● Fort Robinson State Park ● Scotts Bluff National Monument ● Arbor Lodge State Historical Park & Museum ● Carhenge ● Stuhr Museum of the Prairie Pioneer ● Buffalo Bill Ranch State Historical Park
  • 11. Algunos consejos para facilitar el escaneo Un ejemplo... Versión Original: Nebraska está llena de atracciones reconocidas internacionalmente, que atraen, sin falta, una gran cantidad de personas cada año. En 1996, algunos de los lugares más populares fueron: el Parque Estatal Fort Robinson (355.000 visitantes), el Monumento Nacional a Scotts Bluff (132.166), Parque Histórico y Museo estatal de Arbol Lodge (100.000), Carhenge (86.598) y el Parque Histórico del estado de Buffalo Bill (28.446). 58% Versión Compacta: En 1996, seis de las atracciones más visitadas en nebraska fueron: el Parque Estatal Fort Robinson, el Monumento Nacional a Scotts Bluff, el Parque Histórico y Museo estatal de Arbol Lodge, Carhenge y el Parque Histórico del estado de Mejora en Usabilidad Buffalo Bill. Versión Compacta y Escaneable: En 1996, seis de los lugares más visitados en Nebraska fueron: ● Fort Robinson State Park ● Scotts Bluff National Monument 124% ● Arbor Lodge State Historical Park & Museum Mejora en Usabilidad ● Carhenge ● Stuhr Museum of the Prairie Pioneer ● Buffalo Bill Ranch State Historical Park
  • 12. Hablemos mas sobre el contenido
  • 13. Algunos consejos para facilitar el escaneo Consejos para el contenido ● Provee contenido útil y acorde a lo que busca el usuario ● Evita la palabreria innecesaria y el texto de relleno ● No seas autocomplaciente ni excesivamente vendedor. Los usuarios preferen la sinceridad ● Utiliza un lenguaje sencillo, directo y atractivo. ● Evita los juegos de palabras y las metaforas.
  • 14. ¡Provee un contenido sencillo, directo y acorde a las necesidades de tus usuarios!
  • 15. ¿Hay consejos en cuanto a la forma de escribir?
  • 16. Algunos consejos para facilitar el escaneo Consejos en cuanto a forma... ● No comenzar las frases con articulos (el, la, los, las) ● No comenzar las frases con expresiones de enlace (ademas, igualmente, también...) ● Frases de 20 a 30 palabras, puntuacion minima y una idea por oracion. ● Se recomienda el uso de verbos en presente o pasado simple. ● Escribir las cifras con numerales (ej: 10 consejos en lugar de diez consejos) Fuente interesante: Guía para redactar en web http://www.slideshare.net/ztirzo/gua-para-redactar-en-web-trecho-online-basado-en-cmo-escribir-para-la-web-de-guillermo-franco
  • 17. ¡Transmite una idea por parrafo, y mantén los parrafos cortos!
  • 18. ¿Qué hay acerca de la piramide invertida?
  • 19. Algunos consejos para facilitar el escaneo ¡Piramide Invertida! El esquema de piramide invertida se adapta al comportamiento del usuario en Internet. Le ayuda a saber rapidamente si esta en el lugar indicado. Fuente interesante: Inverted Pyramids in Cyberspace http://www.useit.com/alertbox/9606.html Imagen tomada de: http://www.youbrandinc.com/blog-development-tips/content-secret-the-inverted-pyramid/
  • 20. ¡Comienza por la conclusion!
  • 21. ¡Hablemos de los titulos!
  • 22. Tan importante como el titulo de un libro...
  • 23. ¡Es el titulo de una web!
  • 24. Algunos consejos para facilitar el escaneo Sobre los titulos ● Es el nombre del documento html, aparece en la ventana del navegador y es lo primero que leen los lectores de pantalla. ● Se almacena en los favoritos del navegador. ● Aparece resaltado en los resultados de motores de búsqueda. ● Le indica al usuario el lugar y el documento en el que esta. Es la primera conclusion en el esquema de piramide invertida. ● Es esencial para que el contenido sea encontrable
  • 25. ¡Crea titulos pensando en los usuarios!
  • 26. ¡El contenido corresponde a la necesidad de los usuarios!
  • 27. ¿Vamos a hablar de HTML?
  • 28. Algunos consejos para facilitar el escaneo ¡Por supuesto!, HTML es: ● El lenguaje en el cual se escribe la gran mayoria del contenido de internet. ● Esencial para proporcionar semantica al contenido Web. ● Una herramienta fundamental para el periodista digital y quien escribe en Web. ● Un estandar, aceptado y regulado por consorcios como el W3C. ● El lenguaje que interpretan los navegadores por defecto (sin complementos, plugins, ni agregados)
  • 29. ¡Los contenidos semanticos son mas usables, encontrables y accesibles!
  • 30. Algunos consejos para facilitar el escaneo Consejos basicos de HTML ● Usa los diferentes niveles de encabezado <h1> hasta <h6> ● Utiliza las etiquetas de énfasis para resaltar elementos importantes <strong><em> ● Las citas destacadas mejoran la apariencia y también se pueden codifcar <blockquote> ● Usa correctamente los parrafos <p> y no abuses de los saltos de linea <br /> ● Agrega resúmenes a tus tablas <table summary=”Resumen”> ¡Todo el contenido que escribas debe estar marcado!
  • 31. Algunos consejos para facilitar el escaneo ¡Recomendado! Curso de Accesibilidad Web Por: Mario Carvajal ● Modulo 2: Buenas practicas http://www.slideshare.net/astromario/curso-de-a-accesibilidad-web-mdulo-2-buenas-prcticas ● Modulo 4: Usabilidad http://www.slideshare.net/astromario/mdulo-4-usabilidad-web
  • 32. ¡Gracias! @juansaab Juan David Saab juansaabvanegas@gmail.com Skype: juan.saab Visita: http://usabilidadaldia.com http://juansaab.com.co

×