experiencia de usuario en periodismo digital - escribir para la web

Emiliano Cosenza – ecosenza@gmail.com

Experiencia de Usuario en periodismo

TEA | Periodismo digital | 2010

Emiliano Cosenza – ecosenza@gmail.com

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

Emiliano Cosenza – ecosenza@gmail.com

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.

En general tienen un objetivo: ver qué pasa

Emiliano Cosenza – ecosenza@gmail.com

¿Qué hacen los usuarios?

Emiliano Cosenza – ecosenza@gmail.com

¡Primicia!

Emiliano Cosenza – ecosenza@gmail.com

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.

Emiliano Cosenza – ecosenza@gmail.com

Entonces…

Debemos construir nuestros textos para la Web

Emiliano Cosenza – ecosenza@gmail.com

Cómo se lee en la Web

Emiliano Cosenza – ecosenza@gmail.com

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?

Eyetracking en acción

Emiliano Cosenza – ecosenza@gmail.com

Ejemplo BBC News

Eyetracking en acción

Emiliano Cosenza – ecosenza@gmail.com

Emiliano Cosenza – ecosenza@gmail.com

Patrón de lectura convencional: en Z

Emiliano Cosenza – ecosenza@gmail.com

Patrón de lectura en la Web: en F

Mismo patrón para todos

Emiliano Cosenza – ecosenza@gmail.com

Emiliano Cosenza – ecosenza@gmail.com

Escribamos para la Web

Emiliano Cosenza – ecosenza@gmail.com

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.

Emiliano Cosenza – ecosenza@gmail.com

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.

No favorece el escaneo

Emiliano Cosenza – ecosenza@gmail.com

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

Tirar el centro en 1 m2

Emiliano Cosenza – ecosenza@gmail.com

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.

Emiliano Cosenza – ecosenza@gmail.com

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

Emiliano Cosenza – ecosenza@gmail.com

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.

Emiliano Cosenza – ecosenza@gmail.com

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…

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 – ecosenza@gmail.com

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.

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

Emiliano Cosenza – ecosenza@gmail.com

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

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.

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

Emiliano Cosenza – ecosenza@gmail.com

¡Gracias!

Bienvenidos los comentarios a ecosenza@gmail.com

Mi blog: www.subiqueteleo.com.ar

Twitter: @ecosenza