Como escribir para la web nivel 1

479 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
479
On SlideShare
0
From Embeds
0
Number of Embeds
79
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Como escribir para la web nivel 1

  1. 1. Cómo escribir para la Web Nivel 1 mrxlozada@hotmail.com @MRXLOZADA
  2. 2. Usabilidad • ¿Qué es? – “Usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de usuarios específicos pueden realizar un conjunto específico de tareas en un ambiente particular” (International Standards Organization –ISO-).
  3. 3. Usabilidad • Es la característica de ser fácil de usar. El término se refiere a software, pero es relevante en cualquier artefacto humano -y sitios de Internet-. La facilidad de uso puede ser medida por cuán rápido se realiza una tarea, cuántos errores se cometen, qué tan rápido se aprende el sistema y cuán satisfechas están la personas que lo usan.
  4. 4. Hipótesis• Escribir para la Web es “absolutamente diferente” que hacerlo para otros medios, en particular los impresos.• La Web es un medio diferente donde las reglas sobre el comportamiento de los usuarios tienen poco que ver con las que funcionan en el medio impreso.
  5. 5. Contenido en bancarrota• Se considera a Internet un barril sin fondo, donde hay espacio para las versiones ladrillo o solo los documentos.
  6. 6. Los primerosestudios de Eyetrack
  7. 7. Los primerosestudios de Eyetrack
  8. 8. “Eyetrack” paraperiódicos en línea • Investigación realizada por el Poynter Institute y la U. de Stanford. Presentada en marzo de 2000. • 67 sujetos reclutados a través de promocionales en el Chicago Sun- Times y el St. Petersburg Times. • Los usuarios navegaron por 211 sitios de noticias, vieron cerca de 6.000 páginas. • Promedio de sitios visitados: seis.
  9. 9. Modelo de Lectura
  10. 10. El Tiempo.com Ejemplo en la Web
  11. 11. Ejemplo en la Web
  12. 12. Conclusiones “eyetrack”• Los usuarios del sitio de noticias tienden a mirar primero y más intensamente el texto. Pasan por alto fotos e imágenes en la búsqueda de información textual significativa.• Las historias cortas fueron tres veces más vistas que las largas.• En general, la lectura es superficial, pero cuando se encuentra algo de interés es más profunda (se lee más del 75 por ciento del texto elegido).• La calidad de los textos es importante para los usuarios.
  13. 13. Jakob Nielsen • Gurú de la “usabilidad”. • Ingeniero de Sun MicroSystems. • Investigaciones realizadas entre 1994 y 1997. • Nielsen había llegado a conclusiones similares a través de estudios que emplearon otras metodologías, usuarios y sitios. Tenían metas distintas y fueron conducidos en diferentes etapas de crecimiento de la red.
  14. 14. Jakob Nielsen• Nielsen reivindica la importancia del contenido o, si se quiere, del texto, asegurando que “es el foco de atención del usuario web. La razón por la cual se conecta a Internet y laprimera cosa que mira cuando carga una nuevapágina”.
  15. 15. „Eyetrack‟ ysitios no noticiosos• Las conclusiones de „Eyetrack‟ se pueden aplicar incluso en forma más radical a los demás sitios, dice Nielsen.
  16. 16. „Eyetrack‟ ysitios no noticiosos• Las conclusiones de „Eyetrack‟ se pueden aplicar incluso en forma más radical a los demás sitios, dice Nielsen. – A diferencia de los periódicos, que tienen una imagen de credibilidad e integridad, los otros sitios tienen que combatir por ellas, y para ello deben reducir su lenguaje comercial, los eslogan y otros elementos que puedan causar desconfianza. De otra parte, el tiempo de navegación en los sitios no noticiosos es mucho menor. Diez minutos sería una larga visita para la mayoría de ellos.
  17. 17. „Eyetrack‟ ysitios no noticiosos• Las conclusiones de „Eyetrack‟ se pueden aplicar incluso en forma más radical a los demás sitios, dice Nielsen. – De otra parte, el tiempo de navegación en los sitios no noticiosos es mucho menor. Diez minutos sería una larga visita para la mayoría de ellos.
  18. 18. „Eyetrack‟ ysitios no noticiosos• Las conclusiones de „Eyetrack‟ se pueden aplicar incluso en forma más radical a los demás sitios, dice Nielsen. – Los usuarios leen menos palabras en otros sitios de lo que lo hacen en los periódicos. La imagen de integridad editorial y la objetividad periodística hacen que la gente tenga más disposición a leer un mayor porcentaje del material.
  19. 19. Guías de escriturade Jakob Nielsen (et al.) • Sea breve. Escriba no más del 50 por ciento del texto que usted hubiera usado para cubrir el mismo material en una publicación impresa. • La investigación ha demostrado que la lectura en computador es alrededor de 25 por ciento más lenta que la lectura en papel. Como resultado, la gente no desea leer grandes cantidades de texto en las pantallas.
  20. 20. Guías de escriturade Jakob Nielsen (et al.)• Escriba para poder encontrar las cosas (Diseño escaneable). No pida a los usuarios leer largos bloques de texto; en lugar de ello, use párrafos cortos, subtítulos y listas con puntos.• Los usuarios tienden a no leer chorros de texto completo. A cambio, lo escanean (o si se quiere hacen un barrido) y escogen palabras clave, oraciones y párrafos de su interés, mientras “brincan” sobre aquellas partes del texto que les importan menos.
  21. 21. Guías de escriturade Jakob Nielsen (et al.)• Nielsen y su colega John Morkes hicieron un estudio en el que encontraron que 79 por ciento de los usuarios siempre escaneaban cualquier página; solo un pequeño número leía palabra por palabra.
  22. 22. Guías de escriturade Jakob Nielsen (et al.)• Además del cansancio que provocan las pantallas de computador, se enuncian las siguientes como posibles razones para que la gente escanee: – La web es un medio dirigido por el usuario. Este tiene que moverse y hacer click en las cosas. – Cada página tiene que competir con millones. – La gente no tiene tiempo.
  23. 23. Guías de escriturade Jakob Nielsen (et al.)• Formas de romper la uniformidad y crear un diseño escaneble:
  24. 24. Guías de escriturade Jakob Nielsen (et al.) – Divida temáticamente el texto, si es posible, e identifíquelos con intertítulos. • Identifíquelos con intertítulos • Mueva párrafos, de ser necesario.
  25. 25. Ejemplo
  26. 26. Guías de escriturade Jakob Nielsen (et al.) – Use párrafos cortos.
  27. 27. Guías de escriturade Jakob Nielsen (et al.)
  28. 28. Guías de escriturade Jakob Nielsen (et al.) – Use listados. • Estructura paralela • Número de ítems en una enumeración.
  29. 29. Guías de escriturade Jakob Nielsen (et al.) – Diferenciación por color. • Negrilla • Enlaces.
  30. 30. Guías de escriturade Jakob Nielsen (et al.)
  31. 31. Guías de escriturade Jakob Nielsen (et al.)
  32. 32. Guías de escriturade Jakob Nielsen (et al.)
  33. 33. Guías de escriturade Jakob Nielsen (et al.)
  34. 34. Guías de escriturade Jakob Nielsen (et al.)
  35. 35. Guías de escriturade Jakob Nielsen (et al.)
  36. 36. Guías de escriturade Jakob Nielsen (et al.)
  37. 37. Ejemplo:Versión 3Versión Final
  38. 38. Pirámide InvertidaVersión 1Versión 2
  39. 39. Más ejemplos
  40. 40. Está mal porque..Si usted ve la primera noticia („Los etarras detenidos en Francia teníanmaterial para fabricar 20 coches bomba‟), la información del antetítuloy el título es repetida, con unos pocos elementos adicionales, en elprimer párrafo del artículo.Aunque hay elementos nuevos, es obvia la repetición de otros:1. Tenían dos cartas bomba listas para ser enviadas.2. Los presuntos terroristas habían sido detenidos en Francia.3. Podrían haber preparado 20 carros bomba.
  41. 41. Más ejemplos
  42. 42. Esta mal porque…• Información repetida:1. Pentágono concluye...2. En defensa propia.
  43. 43. Ejercicio• Bogotá, esta hermosa ciudad colombiana, goza de un sin número de atracciones internacionalmente reconocidas, las cuales sin falta, son visitadas por miles de turistas todos los años. En 1996, algunos de los más populares lugares fueron: Parque Simón Bolívar (1.000 visitantes), Parque la Florida (900 visitantes), Maloka (700 visitantes) y Museo del Oro (500 visitantes)”.
  44. 44. Pirámide invertida
  45. 45. Pirámide invertida
  46. 46. Pirámide invertida
  47. 47. Por Ninguna Razón Justifique• Uno de los errores básicos en la presentación del contenido es la vieja costumbre de justificar el texto tal y como se hace en un documento en Word, esto en este programa es estético ya que al imprimir el documento le brinda una mejor presentación a nuestro contenido. PERO EN WEB NO.
  48. 48. Por Ninguna Razón JustifiqueLa presentación de un sitio depende ampliamente de la resolución de pantalla yel tipo de monitor que la persona que acceda al contenido tenga.
  49. 49. Por Ninguna Razón Justifique
  50. 50. No utilice MAYÚSCULASSOSTENIDAS• En Mayúsculas:REVELAN IMÁGENES DE LOS ÚLTIMOS ENSAYOS DE MICHAELJACKSON.EL VIDEO FUE PUBLICADO POR LA CADENA CNN. EN ÉL, EL CANTANTESE NOTA VISIBLEMENTE DELGADO, PERO REALIZANDO SIN DIFICULTADSUS CARACTERÍSTICOS MOVIMIENTOS.• En Minúsculas:Revelan imágenes de los últimos ensayos de Michael Jackson.El video fue publicado por la cadena CNN. En él, el cantante se notavisiblemente delgado, pero realizando sin dificultad sus característicosmovimientos.
  51. 51. El Scroll “Enemigo de la Presentación Web”• La presentación adecuada de un contenido debe tener en cuenta el poco tiempo promedio que este navega en un sitio,Por esta razón es necesario o aconsejable mostrar todala información importante para que esta sea visualizadaen un solo pantallazo, para evitar que el visitante tengaque bajar médiate la barra de Scroll.
  52. 52. El Scroll “Enemigo de laPresentación Web”
  53. 53. Recursos multimedia en la noticiaLos EnlacesSi bien los vínculos en una noticia sirven para llevar allector a un lugar determinado que complemente lainformación escrita, es necesario saber utilizar estosrecursos exclusivos de los medios virtuales.El link, por lo general de color azul o subrayado sóloes un complemento de la información, la cualamplía determinado tema, más no deben llevar aotro sitio que hable de lo mismo, porque se correráel riesgo de perder a ese visitante.
  54. 54. Links
  55. 55. Links
  56. 56. Lo más recomendadoLo más recomendable es que los enlaces vayan en la partefinal del artículo como “Etiquetas” o como “Temasrelacionados”.
  57. 57. VideoA medida que la Web evoluciona, se hace cada vez más necesaria yobligatoria la complementación de lo escrito con un video querefuerce el contenidoMás de 2 videos cuya duración sea superior a los 5 minutosharán que el usuario se sature y abandone nuestrocontenido.
  58. 58. Ejemplo Video
  59. 59. ImágenesLas imágenes en la Web son una arista de gran importancia para lacomprensión y estética del mensaje, una noticia o cualquiercontenido en la Internet que tenga un adecuado repositorio gráfico,es atractivo, influyente y permite en muchas ocasionescomplementar la idea que se quiere transmitir en la parte escrita.Debido a su gran relevancia, las imágenes poseen determinadasreglas para su publicación, ya sea en aspectos relacionados con:Exceso de éstas en una página.Gran tamaño (peso).Número de pixeles superior a 75 dpi.
  60. 60. Imágenes
  61. 61. Próxima capacitación …

×