experiencia de usuario en periodismo digital - escribir para la web

27
Emiliano Cosenza – [email protected] Experiencia de Usuario en periodismo TEA | Periodismo digital | 2010

Upload: emiliano-cosenza

Post on 22-Jan-2018

6.295 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Experiencia de Usuario en periodismo

TEA | Periodismo digital | 2010

Page 2: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Experiencia de Usuario

¿Qué es? • Existen numerosas definiciones, incluso que trascienden el ámbito Web.

• Una proviene del Marketing y está vinculada al concepto Experiencia de Marca: estudiaba la relación entre el

consumidor y la marca del producto.

Definición de Eduardo Mercovich (especialista en Usabilidad)

La experiencia de usuario se compone con una Tríada Fundamental más los factores personales del usuario.

Tríada:

• Usuarios• Tareas• Contexto

+ Factores personales-----------------------------------Experiencia del usuario

Page 3: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Experiencia del Usuario para periodistas

¿En qué nos enfocaremos?

• Nosotros hacemos parte de la interfaz a la que se enfrenta el usuario-lector.

¿Cuál es el desafío?

• Asegurarnos que tenga una buena experiencia. Para ello, debemos adaptarnos a:

- Un soporte que no se consume igual que el papel. - El contexto en que el usuario-lector busca y consume la información.

¿Cómo lo lograremos?

• Conociendo

- Cómo es y cómo se comporta el usuario.

- Cuáles son las características del soporte.

- Qué herramientas tenemos a mano.

Page 4: Experiencia de Usuario en periodismo digital - Escribir para la Web

En general tienen un objetivo: ver qué pasa

Emiliano Cosenza – [email protected]

¿Qué hacen los usuarios?

Page 5: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

¡Primicia!

Page 6: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Si no leen, ¿qué hacemos?

En la pantalla:

• Se lee un 25% más lento que en papel.

• 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.

Page 7: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Entonces…

Debemos construir nuestros textos para la Web

Page 8: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Cómo se lee en la Web

Page 9: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Una herramienta útil

Fuente: Poynter (2004)

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.

• Las imágenes se vieron poco.

• La publicidad menos (ceguera de

banners).

• El usuario primero busca el texto y es

donde más se detiene.

¿Qué conclusiones nos permite sacar el gráfico?

Page 10: Experiencia de Usuario en periodismo digital - Escribir para la Web

Eyetracking en acción

Emiliano Cosenza – [email protected]

Ejemplo BBC News

Page 11: Experiencia de Usuario en periodismo digital - Escribir para la Web

Eyetracking en acción

Emiliano Cosenza – [email protected]

Page 12: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Patrón de lectura convencional: en Z

Page 13: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Patrón de lectura en la Web: en F

Page 14: Experiencia de Usuario en periodismo digital - Escribir para la Web

Mismo patrón para todos

Emiliano Cosenza – [email protected]

Page 15: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Escribamos para la Web

Page 16: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Construyamos textos escaneables

• Destacar con negritas los puntos claves.

• Estructurar la información pensando en una lectura no lineal.

• Jerarquizar y fragmentar.

• Utilizar la pirámide invertida.

• Ser talibanes de la claridad y la concisión.

Page 17: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Jerarquizar y fragmentar ayuda al escaneo

• Subtítulos que jerarquizan y ofrecen una lectura no lineal.

• Hipertexto: Información secundaria y complementaria

(Notas del mismo tema en el archivo de la BBC y en otros sitios).

• Claridad y concisión.

Page 18: Experiencia de Usuario en periodismo digital - Escribir para la Web

No favorece el escaneo

Emiliano Cosenza – [email protected]

• No fragmenta y obliga a una lectura casi lineal.

• Hipertexto: Información complementaria, no secundaria.

• No se preocuparon en ser concisos.

• La claridad del texto para el papel está bien, no para la Web.

Page 19: Experiencia de Usuario en periodismo digital - Escribir para la Web

Tirar el centro en 1 m2

Emiliano Cosenza – [email protected]

Títulos:

•Capturar la atención con palabras clave y verbos fuertes.

• Alinear a la izquierda los conceptos fuertes.

Buen título: difícil balance entre lo significativo, lo atractivo y lo optimizado para buscadores.

En las redes:

• La competencia visual es tremenda y los recursos son escasos:

-En Twitter disponemos sólo de 140 caracteres, no tenemos recursos gráficos.

- En Facebook podemos extendernos (¿vale la pena?) y podemos apoyarnos en una imagen.

• En el timeline los usuarios tienden a escanear los primeros caracteres.

Page 20: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Ejemplos. Veamos qué facilita y qué dificulta la lectura

Page 21: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

La Nación.com

Dificulta:

• Destaca en negrita un palabra fuerte y el nombre del diario. No son significativas.

• Bloque de texto: No estructuran ni jerarquizan con subtítulos.

• No aprovechan el hipertexto ni lo multimedia.

• 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”).

• Aire entre párrafos.

Page 22: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Perfil.com

Dificulta:

• No se fragmenta y jerarquiza la información.

• Promete un resumen y no lo presenta como tal. Demasiada info por párrafo.

Facilita:

• Destaca en negrita lo esencial. Si leemos sólo las negritas tenemos un panorama.

• El título abre con palabras clave importantes, aunque puede mejorarse. “Paro del campo, día 1: cortes sin incidentes.”

• Aire entre párrafos cortos.

Leamos el primer y segundo párrafo de la nota…

Page 23: Experiencia de Usuario en periodismo digital - Escribir para la Web

Productores agropecuarios protestaban hoy en más de 60 puntos distribuidos en rutas del centro y norte del país.

Se trata del primer día de un paro de siete días que comenzó luego del anuncio de la presidenta Cristina Fernández de Kirchner sobre la coparticipación de un porcentaje de las retenciones a la soja.

Hubo manifestaciones, asambleas y volanteadas en caminos de:

o Buenos Aires

o Córdoba

o Santa Fe

o Entre Ríos

o Tucumán

o Chaco

o Santiago del Estero y

o La Pampa.

Entre Ríos se convirtió en el epicentro del reclamo. Hubo protestas y bloqueos totales en rutas de Paraná y Gualeguaychú, e interrupciones parciales al tránsito en Villaguay, Victoria y Gualeguay. También se controlaron las cargas para que se cumpla el paro dispuesto por los empresarios agropecuarios.

Alfredo De Ángeli advirtió:

“Los cortes seguirán hasta que el Gobierno deje de ser tan necio.”

Este lunes se sumarán a la protesta (…)

Emiliano Cosenza – [email protected]

Productores agropecuarios protestaban hoy en más de 60 puntos distribuidos en rutas del centro y norte del país.

Se trata del primer día de un paro de siete días que comenzó luego del anuncio de la presidenta Cristina Fernández de Kirchner sobre la coparticipación de un porcentaje de las retenciones a la soja.

Hubo manifestaciones, asambleas y volanteadas en caminos de:

o Buenos Aires

o Córdoba

o Santa Fe

o Entre Ríos

o Tucumán

o Chaco

o Santiago del Estero y

o La Pampa.

Entre Ríos se convirtió en el epicentro del reclamo. Hubo protestas y bloqueos totales en rutas de Paraná y Gualeguaychú, e interrupciones parciales al tránsito en Villaguay, Victoria y Gualeguay. También se controlaron las cargas para que se cumpla el paro dispuesto por los empresarios agropecuarios.

Alfredo De Ángeli advirtió:

“Los cortes seguirán hasta que el Gobierno deje de ser tan necio.”

Este lunes se sumarán a la protesta (…)

El paro del campo arrancó con cortes pero sin incidentes Reducción de la cabeza a lo mínimo.

Una idea por párrafo, sin subordinadas que obliguen al lector a que se esfuerce por comprender.

En negrita, los puntos clave de la información.

Recurso de la enumeración en bullets. De un vistazo el lector elige si le importa o no. Facilita la lectura no lineal.

Testimonio destacado. Además de la negrita lo colocamos en otro nivel de lectura.

Debe ser lo suficientemente significativo para entenderse casi por si solo.

Page 24: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

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”.

Page 25: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

Resumen:

Si tenemos en cuenta:

• Las características del usuario y del soporte.

• Las técnicas de redacción para la Web.

• La arquitectura de la noticia (favorecer la lectura)

• El uso de recursos Web (hipertexto – multimedia)

Lograremos: Buena Experiencia de Usuario

El usuario – lector llegó a nuestra nota y cumplió su objetivo en forma satisfactoria

Page 26: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

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.

“ ”Mensaje que dejó el Jefe de Redacción del Kansas City Star en el escritorio de un joven Ernest Hemingway.

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

palabra. “ ”Roy Clark, vicepresidente del Poynter Institute.

Page 27: Experiencia de Usuario en periodismo digital - Escribir para la Web

Emiliano Cosenza – [email protected]

¡Gracias!

Bienvenidos los comentarios a [email protected]

Mi blog: www.subiqueteleo.com.ar

Twitter: @ecosenza