Experiencia de Usuario en periodismo digital - Escribir para la Web

6,192 views

Published on

Clase / charla dictada en la materia Periodismo Digital en TEA (Taller Escuela Agencia). Buenos Aires.

¨- Concepto de Experiencia de usuario
- Experiencia de usuario para periodistas
- Cómo se lee en la Web
- Cómo escribir para la Web
- Qué dificulta y qué facilita la lectura.
Ejemplos con notas de medios de comunicación.

¿Qué te pareció? Completá la encuesta y ayudame a mejorar la presentación: http://bit.ly/Encuesta_UX

Published in: Education, Technology, Design

Experiencia de Usuario en periodismo digital - Escribir para la Web

  1. 1. Emiliano Cosenza – ecosenza@gmail.com<br />Experiencia de Usuario para sitios de noticias<br />TEA | Periodismo digital | 2011<br />
  2. 2. Emiliano Cosenza – ecosenza@gmail.com<br />Origen del concepto Experiencia de Usuario<br />
  3. 3. Emiliano Cosenza – ecosenza@gmail.com<br />Los estudios de HCI (Human ComputerInteraction)<br /><ul><li>Investigaban el comportamiento racional de los usuarios que usaban sistemas informáticos.Tenían un problema…
  4. 4. Dejaban de lado el aspecto emocional y su impacto en las formas de uso y consumo de un producto interactivo. </li></li></ul><li>Emiliano Cosenza – ecosenza@gmail.com<br />UX nace a partir de tener en cuenta la variable emocional el usuario. <br />Los factores personales: <br /><ul><li>La emoción que provoca la interacción.
  5. 5. El humor del usuario.
  6. 6. Sentimientos basados en experiencias previas. </li></ul>El campo del Marketing siempre tuvo en cuenta estas variables. <br />Experiencia de Marca<br />Foco en el vínculo entre el consumidor y la marca del producto.<br />
  7. 7. Emiliano Cosenza – ecosenza@gmail.com<br />¿Qué es Experiencia de Usuario?<br />
  8. 8. Emiliano Cosenza – ecosenza@gmail.com<br />Definición de Eduardo Mercovich(especialista en Usabilidad) <br />La experiencia de usuario se compone con una Tríada Fundamentalmás los factores personales del usuario.<br /><ul><li>Usuarios
  9. 9. Tareas
  10. 10. Contexto</li></ul>+ Factores personales<br />-----------------------------------<br />Experiencia del usuario<br />
  11. 11. Emiliano Cosenza – ecosenza@gmail.com<br />Experiencia de Usuario para periodistas<br />
  12. 12. Emiliano Cosenza – ecosenza@gmail.com<br />Cuál es nuestro foco como periodistas<br /><ul><li>Determinar con el contenido gran parte de la experiencia del usuario-lector. </li></ul>El desafío<br /><ul><li>Asegurarse que sea una buena experiencia. </li></ul>Cómo lo lograremos<br /><ul><li>Adaptándonosa un soporte diferente al papel.
  13. 13. Conociendo - Cómo es y cómo se comportael usuario. - Cuáles son las características del soporte. - Qué herramientas tenemos a mano.</li></li></ul><li>Emiliano Cosenza – ecosenza@gmail.com<br />¿Qué hacen los usuarios?<br />
  14. 14. Emiliano Cosenza – ecosenza@gmail.com<br />Tienen un objetivo<br />
  15. 15. Emiliano Cosenza – ecosenza@gmail.com<br />
  16. 16. Emiliano Cosenza – ecosenza@gmail.com<br />
  17. 17. Emiliano Cosenza – ecosenza@gmail.com<br />
  18. 18. Emiliano Cosenza – ecosenza@gmail.com<br />
  19. 19. Emiliano Cosenza – ecosenza@gmail.com<br />Una gran noticia….<br />
  20. 20. Emiliano Cosenza – ecosenza@gmail.com<br />
  21. 21. Emiliano Cosenza – ecosenza@gmail.com<br />Si no leen, ¿qué hacemos?<br />
  22. 22. Emiliano Cosenza – ecosenza@gmail.com<br />En la pantalla:<br /><ul><li>Se lee un 25% más lento que en papel.
  23. 23. El patrón de lectura no es el mismo: el usuario escanea la página.</li></ul>Los usuarios usan las páginas, no las leen. <br />Nuestro usuario quiere informarse, pero apenas está dispuesto a leer en pantalla.<br />
  24. 24. Emiliano Cosenza – ecosenza@gmail.com<br />Entonces….<br />
  25. 25. Emiliano Cosenza – ecosenza@gmail.com<br />Debemos construir nuestros <br />textos para la Web<br />
  26. 26. Emiliano Cosenza – ecosenza@gmail.com<br />Cómo se lee en la Web<br />
  27. 27. Emiliano Cosenza – ecosenza@gmail.com<br />Una herramienta útil<br />Eye Tracking<br />Estudio que a través del mapa de calor permite visualizar cómo los usuarios pasean sus ojos frente a la pantalla. <br />El rojo representa los lugares en que el ojo se posa más tiempo.<br />¿Qué conclusiones nos permite sacar el gráfico?<br /><ul><li> Las imágenes se vieron poco.
  28. 28. La publicidad menos (ceguera de banners).
  29. 29. El usuario primero busca el texto y es donde más se detiene.</li></ul>Fuente: Poynter (2004)<br />
  30. 30. Emiliano Cosenza – ecosenza@gmail.com<br />Eye tracking en acción<br />
  31. 31. Emiliano Cosenza – ecosenza@gmail.com<br />Patrón de lectura convencional: en Z<br />
  32. 32. Emiliano Cosenza – ecosenza@gmail.com<br />Patrón de lectura en la Web: en F<br />
  33. 33. Mismo patrón para todos<br />Emiliano Cosenza – ecosenza@gmail.com<br />
  34. 34. Emiliano Cosenza – ecosenza@gmail.com<br />Escribamos para la Web<br />
  35. 35. Emiliano Cosenza – ecosenza@gmail.com<br />Construyamos textos escaneables<br /><ul><li>Destacar con negritas los puntos claves.
  36. 36. Estructurar la informaciónpensando en una lectura no lineal.
  37. 37. Jerarquizary fragmentar.
  38. 38. Utilizar la pirámide invertida.
  39. 39. Ser talibanes de la claridad y la concisión. </li></li></ul><li>Emiliano Cosenza – ecosenza@gmail.com<br />Jerarquizar y fragmentar ayuda al escaneo<br /><ul><li>Subtítulos que jerarquizan y ofrecen una lectura no lineal.
  40. 40. Hipertexto: Información secundaria y complementaria (Notas del mismo tema en el archivo de la BBC y en otros sitios).
  41. 41. Claridad y concisión.</li></li></ul><li>Muro de texto, no favorece el escaneo<br />Emiliano Cosenza – ecosenza@gmail.com<br /><ul><li>No fragmenta y obliga a una lectura casi lineal.
  42. 42. La claridad del texto para el papel está bien, no para la Web.
  43. 43. Hipertexto: casi ausente, sólo «etiquetas», nada de contexto.</li></li></ul><li>Emiliano Cosenza – ecosenza@gmail.com<br />Tirar el centro en 1 m2<br />
  44. 44. Emiliano Cosenza – ecosenza@gmail.com<br />Títulos<br /><ul><li> Capturar la atención con palabras clave y verbos fuertes.
  45. 45. Alinear a la izquierda los conceptos fuertes.
  46. 46. Buen título: difícil balance entre lo significativo, lo atractivo y lo optimizado para buscadores. </li></li></ul><li>Emiliano Cosenza – ecosenza@gmail.com<br />Qué facilita y qué dificulta la lectura<br />Ejemplos<br />
  47. 47. Emiliano Cosenza – ecosenza@gmail.com<br />La Nación.com<br />Vieja página de noticias<br />Dificulta:<br /><ul><li>Destaca en negrita un palabra fuerte y el nombre del diario. No son significativas.
  48. 48. Bloque de texto: No estructuran ni jerarquizan con subtítulos.
  49. 49. No aprovechan el hipertexto ni lo multimedia.
  50. 50. El largo de la línea es extenso. </li></ul>Facilita:<br /><ul><li>El título tiene lo fuerte al comienzo (De Angeli criticó) lo débil en el medio y lo fuerte al final (“zona liberada”).
  51. 51. Aire entre párrafos. </li></li></ul><li>Emiliano Cosenza – ecosenza@gmail.com<br />LN hoy<br />
  52. 52. Emiliano Cosenza – ecosenza@gmail.com<br />11 puntos a tener en cuenta antes de escribir<br /> Conocer a fondo las características, limitaciones y posibilidades del soporte.<br />Entender quién es nuestro público.<br />Pensar en una lectura no lineal. <br />Tirar toda la carne al asador: utilizar la pirámide invertida.<br /> Armar la información, darle jerarquía para facilitar la lectura. <br /> Aprovechar el hipertexto. Contextualizar y complementar la información<br />Echar mano a los recursos que mejoran la lectura: bullets, negritas, subtítulos. <br /> Alinear a la izquierda los conceptos importantes. <br />Sencillo, claro y lo más breve posible.<br />Podar adornos del lenguaje y retórica innecesaria.<br />Utilizar verbos fuertes: “Decidir” es mejor que “Tomar una decisión”. <br />
  53. 53. Emiliano Cosenza – ecosenza@gmail.com<br />Resumen:<br />Si al publicar una nota, tenemos en cuenta:<br /><ul><li> Las características del usuario y del soporte.
  54. 54. Las técnicas de redacción para la Web.
  55. 55. La arquitectura de la noticia (favorecer la lectura)
  56. 56. El uso de recursos Web (hipertexto – multimedia)</li></ul>Buena Experiencia de Usuario<br />Lograremos:<br />El usuario – lector llegó a nuestra nota y cumplió su objetivo en forma satisfactoria<br />
  57. 57. Emiliano Cosenza – ecosenza@gmail.com<br />Conviene tener presente…<br />La forma de estructurar los textos en Internet está determinada más por razones funcionales que por simples razones estéticas, literarias o artísticas.<br />“<br />”<br />Guillermo Franco, periodista colombiano.<br />Escriba con frases claras y concisas. No se haga el artista.<br />“<br />Mientras más corto el pasaje, más grande el valor de cada palabra. <br />“<br />”<br />”<br />Roy Clark, vicepresidente del Poynter Institute. <br />Mensaje que dejó el Jefe de Redacción del Kansas City Star en el escritorio de un joven Ernest Hemingway. <br />
  58. 58. Emiliano Cosenza – ecosenza@gmail.com<br />¡Gracias! :D<br />Mi blog: www.subiqueteleo.com.ar<br />Twitter: @ecosenza<br />¿Qué te pareció?<br />Completá la encuesta para mejorar el webinar: bit.ly/Encuesta_UX<br />

×