Como escribir para la web nivel 1

67
Cómo escribir para la Web Nivel 1 [email protected] @MRXLOZADA

Transcript of Como escribir para la web nivel 1

Page 1: Como escribir para la web   nivel 1

Cómo escribir para la WebNivel 1

[email protected]@MRXLOZADA

Page 2: Como escribir para la web   nivel 1

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

Page 3: Como escribir para la web   nivel 1

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.

Page 4: Como escribir para la web   nivel 1

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.

Page 5: Como escribir para la web   nivel 1

Contenido en bancarrota

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

Page 6: Como escribir para la web   nivel 1

Los primeros estudios de Eyetrack

Page 7: Como escribir para la web   nivel 1

Los primeros estudios de Eyetrack

Page 8: Como escribir para la web   nivel 1

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

Page 9: Como escribir para la web   nivel 1

Modelo de Lectura

Page 10: Como escribir para la web   nivel 1

Ejemplo en la Web

El Tiempo.com

Page 11: Como escribir para la web   nivel 1

Ejemplo en la Web

Page 12: Como escribir para la web   nivel 1

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.

Page 13: Como escribir para la web   nivel 1

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.

Page 14: Como escribir para la web   nivel 1

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

Page 15: Como escribir para la web   nivel 1

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

Page 16: Como escribir para la web   nivel 1

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

Page 17: Como escribir para la web   nivel 1

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

Page 18: Como escribir para la web   nivel 1

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

Page 19: Como escribir para la web   nivel 1

Guías de escriturade 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.

Page 20: Como escribir para la web   nivel 1

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.

Page 21: Como escribir para la web   nivel 1

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.

Page 22: Como escribir para la web   nivel 1

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.

Page 23: Como escribir para la web   nivel 1

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

• Formas de romper la uniformidad y crear un diseño escaneble:

Page 24: Como escribir para la web   nivel 1

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.

Page 25: Como escribir para la web   nivel 1

Ejemplo

Page 26: Como escribir para la web   nivel 1

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

– Use párrafos cortos.

Page 27: Como escribir para la web   nivel 1

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

Page 28: Como escribir para la web   nivel 1

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

– Use listados.

• Estructura paralela

• Número de ítems en una enumeración.

Page 29: Como escribir para la web   nivel 1

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

– Diferenciación por color.

• Negrilla

• Enlaces.

Page 30: Como escribir para la web   nivel 1

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

Page 31: Como escribir para la web   nivel 1

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

Page 32: Como escribir para la web   nivel 1

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

Page 33: Como escribir para la web   nivel 1

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

Page 34: Como escribir para la web   nivel 1

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

Page 35: Como escribir para la web   nivel 1

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

Page 36: Como escribir para la web   nivel 1

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

Page 37: Como escribir para la web   nivel 1

Ejemplo:

Versión 3

Versión Final

Page 38: Como escribir para la web   nivel 1

Pirámide Invertida

Versión 1

Versión 2

Page 39: Como escribir para la web   nivel 1

Más ejemplos

Page 40: Como escribir para la web   nivel 1

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.

Page 41: Como escribir para la web   nivel 1

Más ejemplos

Page 42: Como escribir para la web   nivel 1

Esta mal porque…

• Información repetida:

1. Pentágono concluye...

2. En defensa propia.

Page 43: Como escribir para la web   nivel 1

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

Page 44: Como escribir para la web   nivel 1
Page 45: Como escribir para la web   nivel 1

Pirámide invertida

Page 46: Como escribir para la web   nivel 1

Pirámide invertida

Page 47: Como escribir para la web   nivel 1

Pirámide invertida

Page 48: Como escribir para la web   nivel 1

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.

Page 49: Como escribir para la web   nivel 1

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.

Page 50: Como escribir para la web   nivel 1

Por Ninguna Razón Justifique

Page 51: Como escribir para la web   nivel 1

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.

Page 52: Como escribir para la web   nivel 1

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.

Page 53: Como escribir para la web   nivel 1

El Scroll “Enemigo de la

Presentación Web”

Page 54: Como escribir para la web   nivel 1

Recursos multimedia en la noticia

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.

Los Enlaces

Page 55: Como escribir para la web   nivel 1

Links

Page 56: Como escribir para la web   nivel 1

Links

Page 57: Como escribir para la web   nivel 1

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

Page 58: Como escribir para la web   nivel 1

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.

Page 59: Como escribir para la web   nivel 1

Ejemplo Video

Page 60: Como escribir para la web   nivel 1
Page 61: Como escribir para la web   nivel 1

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.

Page 62: Como escribir para la web   nivel 1

Imágenes

Page 63: Como escribir para la web   nivel 1
Page 64: Como escribir para la web   nivel 1
Page 65: Como escribir para la web   nivel 1
Page 66: Como escribir para la web   nivel 1
Page 67: Como escribir para la web   nivel 1

Próxima capacitación …