1. Cómo escribir para la Web
Nivel 1
mrxlozada@hotmail.com
@MRXLOZADA

2. Usabilidad
• ¿Qué es?
– “Usabilidad es la efectividad, eficiencia y
satisfacción con la que un grupo de usuarios
específicos pueden realizar un conjunto específico
de tareas en un ambiente particular”
(International Standards Organization –ISO-).

3. Usabilidad
• Es la característica de ser fácil de usar. El término
se refiere a software, pero es relevante en
cualquier artefacto humano -y sitios de Internet-.
La facilidad de uso puede ser medida por
cuán rápido se realiza una tarea, cuántos
errores se cometen, qué tan rápido se aprende el
sistema y cuán satisfechas están la personas que
lo usan.

4. Hipótesis
• Escribir para la Web es “absolutamente
diferente” que hacerlo para otros medios,
en particular los impresos.
• La Web es un medio diferente donde las
reglas sobre el comportamiento de los
usuarios tienen poco que ver con las que
funcionan en el medio impreso.

5. Contenido en bancarrota
• Se considera a Internet un barril sin
fondo, donde hay espacio para las
versiones ladrillo o solo los documentos.

6. Los primeros
estudios de Eyetrack

7. Los primeros
estudios de Eyetrack

8. “Eyetrack” para
periódicos en línea
• Investigación realizada por el
Poynter Institute y la U. de
Stanford. Presentada en marzo de
2000.
• 67 sujetos reclutados a través de
promocionales en el Chicago Sun-
Times y el St. Petersburg Times.
• Los usuarios navegaron por 211
sitios de noticias, vieron cerca de
6.000 páginas.
• Promedio de sitios visitados: seis.

9. Modelo de Lectura

10. El Tiempo.com
Ejemplo en la Web

11. Ejemplo en la Web

12. Conclusiones “eyetrack”
• Los usuarios del sitio de noticias tienden a
mirar primero y más intensamente el texto.
Pasan por alto fotos e imágenes en la búsqueda de
información textual significativa.
• Las historias cortas fueron tres veces más vistas
que las largas.
• En general, la lectura es superficial, pero cuando se
encuentra algo de interés es más profunda (se
lee más del 75 por ciento del texto elegido).
• La calidad de los textos es importante para los
usuarios.

13. Jakob Nielsen
• Gurú de la “usabilidad”.
• Ingeniero de Sun MicroSystems.
• Investigaciones realizadas entre 1994
y 1997.
• Nielsen había llegado a conclusiones
similares a través de estudios que
emplearon otras metodologías,
usuarios y sitios. Tenían metas
distintas y fueron conducidos en
diferentes etapas de crecimiento de la
red.

14. Jakob Nielsen
• Nielsen reivindica la importancia del
contenido o, si se quiere, del texto,
asegurando que “es el foco de atención
del usuario web.
La razón por la cual se conecta a Internet y la
primera cosa que mira cuando carga una nueva
página”.

15. „Eyetrack‟ y
sitios no noticiosos
• Las conclusiones de „Eyetrack‟ se pueden aplicar
incluso en forma más radical a los demás sitios, dice
Nielsen.

16. „Eyetrack‟ y
sitios no noticiosos
• Las conclusiones de „Eyetrack‟ se pueden aplicar
incluso en forma más radical a los demás sitios, dice
Nielsen.
– A diferencia de los periódicos, que tienen una imagen
de credibilidad e integridad, los otros sitios tienen que
combatir por ellas, y para ello deben reducir su
lenguaje comercial, los eslogan y otros elementos
que puedan causar desconfianza.
De otra parte, el tiempo de navegación en los sitios
no noticiosos es mucho menor. Diez minutos sería
una larga visita para la mayoría de ellos.

17. „Eyetrack‟ y
sitios no noticiosos
• Las conclusiones de „Eyetrack‟ se pueden aplicar
incluso en forma más radical a los demás sitios, dice
Nielsen.
– De otra parte, el tiempo de navegación en los sitios no
noticiosos es mucho menor. Diez minutos sería una larga
visita para la mayoría de ellos.

18. „Eyetrack‟ y
sitios no noticiosos
• Las conclusiones de „Eyetrack‟ se pueden aplicar
incluso en forma más radical a los demás sitios, dice
Nielsen.
– Los usuarios leen menos palabras en otros
sitios de lo que lo hacen en los periódicos. La
imagen de integridad editorial y la objetividad
periodística hacen que la gente tenga más
disposición a leer un mayor porcentaje del
material.

19. Guías de escritura
de Jakob Nielsen (et al.)
• Sea breve. Escriba no más del 50 por
ciento del texto que usted hubiera
usado para cubrir el mismo material en
una publicación impresa.
• La investigación ha demostrado que la
lectura en computador es alrededor de
25 por ciento más lenta que la
lectura en papel. Como resultado, la
gente no desea leer grandes cantidades
de texto en las pantallas.

20. Guías de escritura
de Jakob Nielsen (et al.)
• Escriba para poder encontrar las cosas (Diseño
escaneable). No pida a los usuarios leer largos
bloques de texto; en lugar de ello, use párrafos
cortos, subtítulos y listas con puntos.
• Los usuarios tienden a no leer chorros de texto
completo. A cambio, lo escanean (o si se quiere
hacen un barrido) y escogen palabras clave,
oraciones y párrafos de su interés, mientras
“brincan” sobre aquellas partes del texto que les
importan menos.

21. Guías de escritura
de Jakob Nielsen (et al.)
• Nielsen y su colega John Morkes hicieron un estudio
en el que encontraron que 79 por ciento de los
usuarios siempre escaneaban cualquier
página; solo un pequeño número leía palabra por
palabra.

22. Guías de escritura
de Jakob Nielsen (et al.)
• Además del cansancio que provocan las
pantallas de computador, se enuncian las
siguientes como posibles razones para que la
gente escanee:
– La web es un medio dirigido por el usuario. Este tiene que
moverse y hacer click en las cosas.
– Cada página tiene que competir con millones.
– La gente no tiene tiempo.

23. Guías de escritura
de Jakob Nielsen (et al.)
• Formas de romper la uniformidad y crear un diseño
escaneble:

24. Guías de escritura
de Jakob Nielsen (et al.)
– Divida temáticamente el texto, si es posible, e identifíquelos
con intertítulos.
• Identifíquelos con intertítulos
• Mueva párrafos, de ser necesario.

25. Ejemplo

26. Guías de escritura
de Jakob Nielsen (et al.)
– Use párrafos cortos.

27. Guías de escritura
de Jakob Nielsen (et al.)

28. Guías de escritura
de Jakob Nielsen (et al.)
– Use listados.
• Estructura paralela
• Número de ítems en una enumeración.

29. Guías de escritura
de Jakob Nielsen (et al.)
– Diferenciación por color.
• Negrilla
• Enlaces.

30. Guías de escritura
de Jakob Nielsen (et al.)

31. Guías de escritura
de Jakob Nielsen (et al.)

32. Guías de escritura
de Jakob Nielsen (et al.)

33. Guías de escritura
de Jakob Nielsen (et al.)

34. Guías de escritura
de Jakob Nielsen (et al.)

35. Guías de escritura
de Jakob Nielsen (et al.)

36. Guías de escritura
de Jakob Nielsen (et al.)

37. Ejemplo:
Versión 3
Versión Final

38. Pirámide Invertida
Versión 1
Versión 2

39. Más ejemplos

40. Está mal porque..
Si usted ve la primera noticia („Los etarras detenidos en Francia tenían
material para fabricar 20 coches bomba‟), la información del antetítulo
y el título es repetida, con unos pocos elementos adicionales, en el
primer párrafo del artículo.
Aunque hay elementos nuevos, es obvia la repetición de otros:
1. Tenían dos cartas bomba listas para ser enviadas.
2. Los presuntos terroristas habían sido detenidos en Francia.
3. Podrían haber preparado 20 carros bomba.

41. Más ejemplos

42. Esta mal porque…
• Información repetida:
1. Pentágono concluye...
2. En defensa propia.

43. Ejercicio
• Bogotá, esta hermosa ciudad colombiana, goza de un sin
número de atracciones internacionalmente reconocidas, las
cuales sin falta, son visitadas por miles de turistas todos los
años. En 1996, algunos de los más populares lugares fueron:
Parque Simón Bolívar (1.000 visitantes), Parque la Florida (900
visitantes), Maloka (700 visitantes) y Museo del Oro (500
visitantes)”.

45. Pirámide invertida

46. Pirámide invertida

47. Pirámide invertida

48. Por Ninguna Razón Justifique
• Uno de los errores básicos en la presentación
del contenido es la vieja costumbre de
justificar el texto tal y como se hace en un
documento en Word, esto en este programa
es estético ya que al imprimir el documento le
brinda una mejor presentación a nuestro
contenido. PERO EN WEB NO.

49. Por Ninguna Razón Justifique
La presentación de un sitio depende ampliamente de la resolución de pantalla y
el tipo de monitor que la persona que acceda al contenido tenga.

50. Por Ninguna Razón Justifique

51. No utilice MAYÚSCULAS
SOSTENIDAS
• En Mayúsculas:
REVELAN IMÁGENES DE LOS ÚLTIMOS ENSAYOS DE MICHAEL
JACKSON.
EL VIDEO FUE PUBLICADO POR LA CADENA CNN. EN ÉL, EL CANTANTE
SE NOTA VISIBLEMENTE DELGADO, PERO REALIZANDO SIN DIFICULTAD
SUS CARACTERÍSTICOS MOVIMIENTOS.
• En Minúsculas:
Revelan imágenes de los últimos ensayos de Michael Jackson.
El video fue publicado por la cadena CNN. En él, el cantante se nota
visiblemente delgado, pero realizando sin dificultad sus característicos
movimientos.

52. El Scroll “Enemigo de la Presentación Web”
• La presentación adecuada de un contenido debe
tener en cuenta el poco tiempo promedio que este
navega en un sitio,
Por esta razón es necesario o aconsejable mostrar toda
la información importante para que esta sea visualizada
en un solo pantallazo, para evitar que el visitante tenga
que bajar médiate la barra de Scroll.

53. El Scroll “Enemigo de la
Presentación Web”

54. Recursos multimedia en la noticia
Los Enlaces
Si bien los vínculos en una noticia sirven para llevar al
lector a un lugar determinado que complemente la
información escrita, es necesario saber utilizar estos
recursos exclusivos de los medios virtuales.
El link, por lo general de color azul o subrayado sólo
es un complemento de la información, la cual
amplía determinado tema, más no deben llevar a
otro sitio que hable de lo mismo, porque se correrá
el riesgo de perder a ese visitante.

55. Links

56. Links

57. Lo más recomendado
Lo más recomendable es que los enlaces vayan en la parte
final del artículo como “Etiquetas” o como “Temas
relacionados”.

58. Video
A medida que la Web evoluciona, se hace cada vez más necesaria y
obligatoria la complementación de lo escrito con un video que
refuerce el contenido
Más de 2 videos cuya duración sea superior a los 5 minutos
harán que el usuario se sature y abandone nuestro
contenido.

59. Ejemplo Video

61. Imágenes
Las imágenes en la Web son una arista de gran importancia para la
comprensión y estética del mensaje, una noticia o cualquier
contenido en la Internet que tenga un adecuado repositorio gráfico,
es atractivo, influyente y permite en muchas ocasiones
complementar la idea que se quiere transmitir en la parte escrita.
Debido a su gran relevancia, las imágenes poseen determinadas
reglas para su publicación, ya sea en aspectos relacionados con:
Exceso de éstas en una página.
Gran tamaño (peso).
Número de pixeles superior a 75 dpi.

62. Imágenes

67. Próxima capacitación …