cómo escribir para la web
DESCRIPTION
Taller para mejorar los contenidos y tips de redacción periodística para la web: cómo escribimos para la web.TRANSCRIPT
![Page 1: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/1.jpg)
Mejorando los contenidos para la web
![Page 2: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/2.jpg)
Mejorando los contenidos: Cómo escribimos para la web.
Sady Maureria Bulnes, Periodista y arquitecto de la información @sadymaureria
![Page 3: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/3.jpg)
• Si redactamos mal, los usuarios se irán de nuestro sitio y JAMÁS volverán.
![Page 4: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/4.jpg)
¿Qué ocurriría si esto pasara en la web?
![Page 5: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/5.jpg)
Disculpe…fallas técnicas
![Page 6: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/6.jpg)
¿Qué opinión tendría un usuario a este tipo de textos?
![Page 7: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/7.jpg)
“No entiendo el mensaje”.
“No lo encuentro”.
“Me voy de este sitio, prefiero buscar en otra página que sea más fácil”.
![Page 8: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/8.jpg)
Y lo peor ….
La falta de usabilidad puede hacerme perder USUARIOS y DINERO.
![Page 9: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/9.jpg)
Aunque usted no lo crea.
Algunos ejemplos…
![Page 10: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/10.jpg)
![Page 11: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/11.jpg)
Fuente: http://www.lingscars.com/
![Page 12: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/12.jpg)
Fuente: http://www.horserentals.com/virginia.html
![Page 13: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/13.jpg)
Fuente: http://www.dokimos.org/ajff/
![Page 14: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/14.jpg)
Objetivos
![Page 15: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/15.jpg)
1. Mejorar los contenidos para la web y preocuparnos cómo redactamos para nuestros usuarios.
![Page 16: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/16.jpg)
2. Mejorar la experiencia de usuario
Impedir la frustración
![Page 17: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/17.jpg)
Mejoras continuas y filtros de calidad en la edición de los contenidos
![Page 18: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/18.jpg)
Premisas Máximas
![Page 19: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/19.jpg)
1. El usuario es el más importante
![Page 20: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/20.jpg)
2. Entender al usuario y su objetivo de hacer las cosas simples
![Page 21: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/21.jpg)
La informació
n en la Web no
solo se lee,
se usa(Juan Carlos Camus).
![Page 22: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/22.jpg)
Contexto….Antes de escribir debemos saber cómo leen los usuarios
![Page 23: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/23.jpg)
¿Cómo lee el usuario en la web?
Fuente: http://www.useit.com/alertbox/reading_pattern.html
![Page 24: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/24.jpg)
La mayoría de los visitantes de una web sólo leen entre 20% y un 28%
del texto.
![Page 25: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/25.jpg)
• Lo primero que llama la atención es el texto luego las fotografías y las gráficas.
• En un medio impreso este recorrido es totalmente inverso.
• El 80% de los usuarios son “escaneadores” de información. El otro 20% restante lee palabra por palabra.
![Page 26: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/26.jpg)
¿Cómo lee el usuario en la web?
![Page 27: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/27.jpg)
![Page 28: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/28.jpg)
![Page 29: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/29.jpg)
Definiendo el concepto de Usabilidad
![Page 30: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/30.jpg)
• La usabilidad es definida como “la efectividad, eficiencia y la satisfacción de un grupo de usuarios específicos pueda realizar un conjunto específico de tareas en un ambiente particular”.
![Page 31: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/31.jpg)
Para tener en cuenta:
El lenguaje objetivo: sin lenguaje promocional y mercadeo.
Los textos concisos: bien editados, más cortos
![Page 32: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/32.jpg)
¿ Y cómo escribimos en la web?
![Page 33: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/33.jpg)
• Palabras resaltadas mediante negrita y cambios de color o de tamaño. En este sentido los hipervínculos actúan como elementos de atracción visual pues se destacan del resto del texto.
• Listas de elementos con viñetas o numeradas.
• Títulos de sección y titulares breves intercalados.
![Page 34: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/34.jpg)
• Comentamos
• Participamos
• Creamos vínculos de usuarios en las Redes Sociales.
![Page 35: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/35.jpg)
• Utilizar el “click trigger”. La habilidad que tiene un sitio web para ofrecer enlaces en cada página visitante, a partir de los cuales puede participar de manera más concreta en los contenidos en la web.
• Preocuparse de los contenidos que tengan más “cliks” y evitar la navegación de rebote.
![Page 36: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/36.jpg)
Cómo presentamos los contenidos:
• Portada• Títulos• Bajadas• Redacción en general• Textos largos• Textos cortos• Fotografías • Interacción• Tipografías
![Page 37: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/37.jpg)
En cuanto a los títulos:
• El título debe ser comprensible “para la web”: debe entenderse fuera del contexto (auto explicativo).
• El título debe estar acompañado de que el usuario debe hacer click. (Que no requieran de contexto para ser entendidos).
• El título debe mantenerse en el tiempo. (Que le den al usuario de hacer click para saber más).
![Page 38: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/38.jpg)
Para tener en cuenta:
• Destacar las palabras significativas• Subtítulos destacados• Listas (no más de 7 elementos destacados)• Una idea por párrafo• Pirámide invertida: lo importante primero• Escribir con la mitad de las palabras
![Page 39: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/39.jpg)
En cuanto a los textos largos
• Evitar las sábanas• Seducir al usuario con palabras negritas y contenidos relacionados• Preferir: subtítulos, listas, imágenes, cuadros o tablas.• Ofrecer alternativas: PDF o
En cuanto a las imágenes:
• Las imágenes siempre tienen lectura. Punto.
![Page 40: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/40.jpg)
En cuanto a los textos largos
• Evitar las sábanas• Preferir: subtítulos, listas, imágenes, cuadros o tablas.• Ofrecer alternativas: PDF o
En cuanto a las imágenes:
• Las imágenes siempre tienen lectura. Punto.
![Page 41: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/41.jpg)
Mejorando la encontrabilidad en los contenidos en la web
![Page 42: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/42.jpg)
La parte de un sitio web que permite el acceso a la información es normalmente dispuesta de manera jerárquica, i. e. estructurada como un árbol, donde la raíz es la página principal.
![Page 43: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/43.jpg)
¿Cómo organizamos la información?
• Creando mapas de contenido o Cardsorting.
• Creando mapas conceptuales a través del modelo de Jesse James Garret.
![Page 44: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/44.jpg)
¿Cómo organizamos la información?
![Page 45: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/45.jpg)
Método del Cardsorting
Fuente: Flickr de Darcy Vergara.
• El Cardsorting es una técnica para organizar contenidos, y esta puede ser abierta o cerrada.
• También sirve como modelo de organización mental para los usuarios.
![Page 46: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/46.jpg)
Resultados….
![Page 47: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/47.jpg)
Mejoras de experiencia de usuario
Aseguramiento de la calidad en cuanto a la redacción.
Mejoramiento de la redacción periodística y de la credibilidad
Producto final:
Satisfacción de clientes
![Page 48: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/48.jpg)
Si no usamos la Web, ni menos la leemos,
comenzará la frustración del usuario y no volverá jamás a nuestro sitio.
![Page 49: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/49.jpg)
¿Y han pensado cómo ha cambiado la redacción periodística en las redes sociales?
![Page 50: Cómo escribir para la web](https://reader036.vdocuments.co/reader036/viewer/2022062706/557d7811d8b42a2c428b4bbc/html5/thumbnails/50.jpg)
¡GRACIAS!¡GRACIAS!
Sady Maureria, Arquitecto de la Información y Periodista.
@sadymaureria