Your SlideShare is downloading. ×
  • Like
Experiencia de Usuario en periodismo digital - Escribir para la Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Experiencia de Usuario en periodismo digital - Escribir para la Web

  • 4,683 views
Published

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

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,683
On SlideShare
0
From Embeds
0
Number of Embeds
7

Actions

Shares
Downloads
122
Comments
0
Likes
10

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


    Guillermo Franco, periodista colombiano.
    Escriba con frases claras y concisas. No se haga el artista.

    Mientras más corto el pasaje, más grande el valor de cada palabra.



    Roy Clark, vicepresidente del Poynter Institute.
    Mensaje que dejó el Jefe de Redacción del Kansas City Star en el escritorio de un joven Ernest Hemingway.
  • 58. Emiliano Cosenza – ecosenza@gmail.com
    ¡Gracias! :D
    Mi blog: www.subiqueteleo.com.ar
    Twitter: @ecosenza
    ¿Qué te pareció?
    Completá la encuesta para mejorar el webinar: bit.ly/Encuesta_UX