Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Experiencia de Usuario en periodismo digital - Escribir para la Web

6,458 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
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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 />

×