Escribir para la web
-
Upload
carina-novarese -
Category
Education
-
view
2.675 -
download
5
description
Transcript of Escribir para la web
![Page 1: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/1.jpg)
Clase 2. Noticias en formato digital
ESCRIBIR PARA LA WEB
![Page 2: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/2.jpg)
Patrones de lectura
Cómo leemos noticias en la web
![Page 3: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/3.jpg)
El patrón F
Estudios de eyetracking (investigaciones de Nielsen)
Lectura en forma de F, en tres movimientos principales (heating maps)
-
![Page 4: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/4.jpg)
Mapas térmicos de lectura
![Page 5: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/5.jpg)
Eyetracking
![Page 6: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/6.jpg)
Movimientos de lectura
1- Primera lectura en movimiento horizontal, generalmente en la parte superior del contenido.
2- Luego los ojos se mueven más abajo en la página y vuelven a leer horizontalmente, pero cubriendo un área menor a la anterior (la segunda pata de la F)
3- Al final los lectores online escanean el contenido ubicado en la columna izquierda de la página web, con un movimiento vertical
![Page 7: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/7.jpg)
Patrones de lectura
![Page 8: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/8.jpg)
Patrones de lectura
![Page 9: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/9.jpg)
A grandes rasgos Los usuarios web no suelen leer textos
completos (palabra a palabra) Lo esencial de una noticia o reportaje debe
estar en los dos primeros párrafos (el “gancho” para atrapar atención del lector)
La redacción web debe colaborar con los patterns de lectura: subtítulos, párrafos bien definidos, listados (bullet points)
![Page 10: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/10.jpg)
Datos del Eyetracking 2007
Participantes online leyeron un 77 por ciento del texto de la historia que escogieron (cifra alta si se compara con lo que leyeron los participantes en los formatos impresos en tamaño sábana, 62% y los de tabloide, 57%).
![Page 11: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/11.jpg)
Datos del Eyetracking 2007
Este comportamiento –una mayor lectura online que impresa– es independiente de la longitud de las historias.
Los lectores online tendían a completar la lectura de las historias seleccionadas más que los lectores impresos: un 63 %, comparado con 40 % en sábana y 36% en tabloide
![Page 12: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/12.jpg)
Datos del Eyetracking 2007 “Encontramos, sin embargo, que a
medida que la historia se hacía más larga, la lectura descendía”, Pegie Stark Adam, investigadora
![Page 13: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/13.jpg)
Atención en el párrafo
![Page 14: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/14.jpg)
Más información Jakob Nielsen, Eyetracking Research
![Page 15: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/15.jpg)
De la pirámide invertida
El regreso…
![Page 16: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/16.jpg)
Arriba lo esencial
![Page 17: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/17.jpg)
Elementos en la estructura de la pirámide invertida
La entrada o ‘lead’. El material que explica y amplía el
‘lead’. Párrafos de contexto. Material secundario o menos
importante
Melvin Mencher, autor del texto clásico de periodismo ‘News Reporting and Writing’
![Page 18: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/18.jpg)
Invertida vertical
“Cómo escribir para la web”, Guillermo Franco
![Page 19: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/19.jpg)
Contenidos
![Page 20: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/20.jpg)
Priorización
![Page 21: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/21.jpg)
Subtemas
![Page 22: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/22.jpg)
Hiperlinks
-Ninguno de los temas tiene un tamaño mayor. -El orden en que aparecen los enlaces podría ser interpretado como una ruta sugerida por el autor, y de hecho lo es.
![Page 23: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/23.jpg)
Cada subtema se debe explicar y sostener por sí mismo, no depender de los demás, solo del principal expuesto primero.
Cada uno debe ser desarrollado siguiendo la estructura de una pequeña pirámide invertida.
Todos deberían tener enlaces a los temas restantes, para facilitar la navegación del usuario.
![Page 24: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/24.jpg)
Usamos las flechas?
El fantasma del scroll
![Page 25: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/25.jpg)
Cuánto scroll hace un lector online?
Teoría inicial (en base a lectura sitios web años 90): sólo se lee lo que se ve en la primera pantalla
Evolución: ahora el usuario hace scroll, pero debemos limitar el texto para evitar que este scroll sea “eterno”.
![Page 26: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/26.jpg)
Usabilidad web Scroll o paginador?
![Page 27: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/27.jpg)
Para ayudar la lectura online
El texto
![Page 28: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/28.jpg)
Formato del texto
Párrafos cortos. Más de 100 palabras es largo. Párrafo largo: señal al lector
(dificultad, muy largo)!
![Page 29: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/29.jpg)
Formato del texto
Bloques de texto : párrafos que desarrollan una sola idea, que tienen sentido por sí mismos.
- Linkeo para explicar background del tema.
![Page 30: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/30.jpg)
Piezas clave de la ingeniería web
Títulos
![Page 31: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/31.jpg)
Titulares, encabezados
Claridad. Debe dejar completamente claro que se va a leer, qué contiene la página.
Las tres primeras palabras deben contener información siempre que sea posible
![Page 32: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/32.jpg)
Titulares, encabezados Uso de keywords (palabras claves)
cuidadosamente elegidas. (SEO)
![Page 33: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/33.jpg)
Titulares, encabezados
El texto debajo del titular (heading) no debe repetir lo mismo que éste.
Subtítulos. Si el texto de la página excede las 300 palabras, deben utilizarse. Ayudan en la lectura online, organización.
![Page 34: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/34.jpg)
Titulares, encabezados
Concisos e informativos: el estilo BBC
-Italia entierra a las víctimas del terremoto-Diez personas son arrestadas en relación
al programa anti terrorista de Inglaterra -Civiles heridos en choques en Gaza -Irán acusa a un periodista de espiar
![Page 35: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/35.jpg)
Titulares, encabezados Pocas palabras y cada una con un
significado claro que suma al significado final.
Cualquiera de estos títulos funciona por sí sólo aún si en la portada no se lleva el lead u otro contenido anexo.
![Page 36: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/36.jpg)
Antetítulo/Título/Lead
Una unidad de significado coherente
Evitar repeticiones innecesarios Sumar información pensando
que suele ser lo único que se ve en Portada del medio online o en Sección.
![Page 37: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/37.jpg)
El campeón del US Open
![Page 38: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/38.jpg)
![Page 39: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/39.jpg)
![Page 40: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/40.jpg)
Piezas clave de la ingeniería web
El cuerpo central del texto
![Page 41: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/41.jpg)
Recursos del texto
Negrita. En palabras o frases puede ayudar al lector a encontrar más fácil lo que busca. No exagerar.
Listas . Con bullets u otro tipo de recurso visual/ayudan al lector a ordenar la información y resumirla/mantenerlas cortas
![Page 42: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/42.jpg)
Brevedad
Omitir
Todas las palabras no imprescindibles.
![Page 43: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/43.jpg)
Estructura de la oración
Directa
En la experiencia de lectura online el lector busca ir directamente al punto.
![Page 44: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/44.jpg)
Verbos activos vs pasivos
Activos
Mantienen la atención del lector.
![Page 45: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/45.jpg)
Directo al punto
Decir directamente lo que se quiere decir.
Buen ejercicio: decirlo en voz alta (la palabra hablada es más directa).
![Page 46: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/46.jpg)
Redundancia Leer la misma información dos veces
aleja lectores
![Page 47: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/47.jpg)
Hipertexto: Contexto y profundidad
Yo linqueo tu linqueas
![Page 48: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/48.jpg)
Links= + información Contexto Profundidad
Ej: terremoto de Haití-En vez de explicar qué es un terremoto,
link a un recurso online que lo haga.-En vez de relatar todos los terremotos
que tuvo el país antes, linquear a noticias de archivo.
![Page 49: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/49.jpg)
Links
What They Say > Link text should not break any of the rules given for text (at left). A link must give the reader a reasonable expectation of what she will get when she clicks. Linked phrases such as "click here" or "Web page" do not provide helpful information.
![Page 50: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/50.jpg)
What They Do > A link that does not open something or take the user to a new Web page seems to be a broken link. When the link will take the user to a different place on the same page, or open a media player, give the user a cue.
![Page 51: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/51.jpg)
Apariencia
Estándar inicial: color identificable (generalmente azul) y subrayado
Actualmente: muchos links no se subrayan (el lector online se acostumbró a detectar links y ya los reconoce sin necesidad del subrayado.
![Page 52: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/52.jpg)
Un link siempre debe identificarse como un link (capas de profundidad)
Generar siempre un estándar que el lector identifique fácilmente (color, subrayado o no, bold, etc)
No debe subrayarse un link que ocupa una frase muy larga
![Page 53: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/53.jpg)
Sacrilegios!! El 11 de setiembre de 2001, El Caribe
publicó la noticia sobre los atentados una hora después de que éste sucediera (ver nota aquí)
El 11 de setiembre de 2001, El Caribe publicó la noticia sobre los atentados una hora después de que éste sucediera (haga clik aquí)
![Page 54: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/54.jpg)
El 11 de setiembre de 2001, El Caribe publicó la noticia sobre los atentados una hora después de que éste sucediera
El 11 de setiembre de 2001, El Caribe publicó la noticia sobre los atentados una hora después de que éste sucediera (http://elcaribe.com.do/site/index.php)
![Page 55: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/55.jpg)
Dirección de los links Internos
Externos
![Page 56: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/56.jpg)
Tan simple cómo esto… El 11 de setiembre de 2001, El Caribe
publicó la noticia sobre los atentados una hora después de que éste sucediera
![Page 57: Escribir para la web](https://reader036.fdocuments.co/reader036/viewer/2022062615/54836a9cb4af9f1a6b8b4d1a/html5/thumbnails/57.jpg)
Fuentes Jakob Nielsen, Writing for the web
Mindy Mc Adams. Writing for the web