SlideShare una empresa de Scribd logo
1 de 47
El arte de escribir para web  Buenas prácticas para el manejo de contenidos
Temas ,[object Object],[object Object],[object Object]
¿Qué es la usabilidad?
[object Object],Definición ,[object Object]
La usabilidad se mide ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La usabilidad busca  la  facilidad  de... ,[object Object],[object Object],[object Object],Fácil de usar: Fácil de comprender: Fácil de reconocer y recordar:
Usabilidad de contenidos  ≈  Calidad de su estructura
¿Preguntas?
[object Object],[object Object],[object Object],Temas
Más del 80% de los usuarios web que crean contenido lo hacen por que les gusta  comunicarse e intercambiar información con otras personas. IBM/ZEM Estudio „Innovación en Medien 2008“
IBM/ZEM Estudio „Innovación en Medien 2008“ Y la retroalimentación es vital, por que nos permite elevar la calidad y promueve el  expertise
Dispositivos conectados a Internet 1984 1992 2008 1,000 1,000,000 1,000,000,000000 pero ...
Fuente:  http://de.wikipedia.org/wiki/Wikipedia/  Nielsen, 2006 1%  de los usuarios web crean la mayoría del contenido 9%  lo comentan o etiquetan 90%  lo consumen La regla del 1-9-90
IBM/ZEM Estudio „Innovación en Medien 2008“ ¿Cuántos de los participantes son ese  1% ?
Dispositivos conectados a Internet 1984 1992 2008 1,000 1,000,000 1,000,000,000000 “ Siempre sabemos más de lo que podemos decir y decimos más de lo que podemos escribir” David Snowden, Complex Acts of Knowing -Paradox and Descriptive Self Awareness
En Web, menos es más... Contenido Atención
Y, una palabra vale más que mil imágenes
3 datos vitales ,[object Object],[object Object],[object Object],Fuente: Nielsen Group
[object Object],¿Cómo escribir para web? ,[object Object]
Creación de Valor Fuente:  Jeffrey F. Raport y John J. Sviokla. “Explotación de la cadena de Valor Virtual” en  La creación de valor en la economía Digital . Don Tapscott (Comp.) Buenos Aires, Granica, 2000. P.93
Estilo escritura vs. Usabilidad ,[object Object],[object Object],[object Object],[object Object],Persuasivo  124% Nielsen/McGovern
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],El usuario busca información
[object Object],[object Object],[object Object],Usar un lenguaje claro
“ Mi aspiración es decir en diez frases lo que otros dicen en todo un libro”  Friedrich Nietzsche Recortar, Resumir Reescribir
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Ejemplos...
Frases de 20 palabras y uso de enlaces...
Oraciones de una idea por párrafo  y párrafos de cinco líneas: cortos, de dos o tres frases únicamente y muy directos en su estilo
http:// knightcenter . utexas . edu / como _web. php ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Contenido en pirámide invertida: de mayor a menor interés.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Usar un verbo preciso comunica con mayor fuerza lo que se desea expresar.
Por ejemplo: “ como lo habíamos dicho anteriormente”, “de acuerdo a lo que se sabe ”, “todo depende de la información ya conocida”. La recomendación es hacer el texto tan claro y conciso como sea posible; es decir, reduzca la cantidad de texto eliminando las palabras que no se necesitan.   Abreviar el texto. Omita palabras que no aportan significado.
Evitar texto en  letras cursivas  y TODO EN MAYÚSCULAS cuando se desea dar énfasis.  Usar una fuente sans serif como Arial o Verdana para texto en la pantalla porque tienen mejor resolución.  Por otra parte, los títulos grandes por lo general usan una fuente serif, como Times New Roman, porque son menos voluminosas. Facilitar la lectura. Dejar espacios en blanco y evitar el uso de fuentes tipográficas diferentes
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Encabezados y títulos significativos
Antes Bienvenido al maravillosamente útil sistema de llenado automático de FormFiller. Se acabó el tener que recordar nombres de usuario y complejas contraseñas. Se acabó el escribir la misma dirección una y otra vez hasta el cansancio. Esta barra de herramienta es tan fácil y sencilla de usar que con un solo click...vualah!! el formulario es llenado con su información. Además, nuestro software de reconocimiento de primerísima calidad lee el formulario y averigua que información debe ir en cada lugar, por lo que ud. simplemente la introduce y persiona Enter, de modo que el formulario sale a toda velocidad. Y por si fuera poco, es super seguro, puesto que su información personal reside en su propia computadora.No espere más y descubra lo que puede hacer con Form Filler. La barra FormFiller le  ahorra tiempo , rellenando los formularios por ud. Es sencillo.  No necesita escribir una y otra vez la misma información. Es rápido.  Introduzca la información una vez, y en adelante FormFiller lo hará por usted: Un click y el formulario se completa. Es seguro.  Su información personal esta a salvo y codificada en su computadora para que ninguna otra persona pueda leerla. Después Fuente: Price, Jonathan y Price, Lisa.Texto Vivo. Escribir para la Web. Pearson Educación, S.A., Madrid 2002.
X   Antes Después 773 caracteres 127 palabras 397 caracteres 65 palabras 49% menos paja Fuente: Price, Jonathan y Price, Lisa.Texto Vivo. Escribir para la Web. Pearson Educación, S.A., Madrid 2002.
¿Dónde coloco lo importante? 1 2 3
+  importante  - -  importante  + Patrones de Lectura http:// knightcenter . utexas . edu / como _web. php
http:// knightcenter . utexas . edu / como _web. php
http:// knightcenter . utexas . edu / como _web. php
¿Preguntas?
[object Object],[object Object],[object Object],Temas
“ Lo que no se puede medir, no se puede administrar” Peter Drucker
Fuente: G Mcgovern ¿Qué tareas realizan?
Fuente: G Mcgovern ¿Qué quieren mejorar?
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Indicadores clave
[object Object],[object Object],[object Object],[object Object],[object Object],Retroalimentación
¿Preguntas?
Gracias [email_address]

Más contenido relacionado

La actualidad más candente

Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...
Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...
Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...Geraldinecastroposada1
 
Diploma en comunicaciones
Diploma en comunicacionesDiploma en comunicaciones
Diploma en comunicacionesperlatoro
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la webAahons
 
Presentado por:Juan diego gonzalez,Ludwig valencia
Presentado por:Juan diego gonzalez,Ludwig valenciaPresentado por:Juan diego gonzalez,Ludwig valencia
Presentado por:Juan diego gonzalez,Ludwig valencialudwig1999
 
Géneros periodísticos en la web
Géneros periodísticos en la webGéneros periodísticos en la web
Géneros periodísticos en la webAndrea Carriazo
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnoldaragonez20
 
Edward
EdwardEdward
EdwardLigass
 
Desarrollo del blog celulas madre
Desarrollo del blog celulas madreDesarrollo del blog celulas madre
Desarrollo del blog celulas madreDavid Aguila
 
CóMo Escribir Uncorreo ElectróNico
CóMo Escribir Uncorreo ElectróNicoCóMo Escribir Uncorreo ElectróNico
CóMo Escribir Uncorreo ElectróNicoOliviarrastia
 

La actualidad más candente (17)

Reporte de lectura
Reporte de lecturaReporte de lectura
Reporte de lectura
 
Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...
Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...
Ejemplifiación de niveles de la pirámide invertida en la redacción periodísti...
 
Diploma en comunicaciones
Diploma en comunicacionesDiploma en comunicaciones
Diploma en comunicaciones
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la web
 
Periodismo digital
Periodismo digitalPeriodismo digital
Periodismo digital
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la web
 
Presentado por:Juan diego gonzalez,Ludwig valencia
Presentado por:Juan diego gonzalez,Ludwig valenciaPresentado por:Juan diego gonzalez,Ludwig valencia
Presentado por:Juan diego gonzalez,Ludwig valencia
 
Informatica
InformaticaInformatica
Informatica
 
academico 10 2
academico 10 2academico 10 2
academico 10 2
 
Géneros periodísticos en la web
Géneros periodísticos en la webGéneros periodísticos en la web
Géneros periodísticos en la web
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la web
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnold
 
Cambios Culturales
Cambios CulturalesCambios Culturales
Cambios Culturales
 
03 periodismo digital - escritura web
03 periodismo digital - escritura web03 periodismo digital - escritura web
03 periodismo digital - escritura web
 
Edward
EdwardEdward
Edward
 
Desarrollo del blog celulas madre
Desarrollo del blog celulas madreDesarrollo del blog celulas madre
Desarrollo del blog celulas madre
 
CóMo Escribir Uncorreo ElectróNico
CóMo Escribir Uncorreo ElectróNicoCóMo Escribir Uncorreo ElectróNico
CóMo Escribir Uncorreo ElectróNico
 

Destacado

El arte de Hablar y escribir
El arte de Hablar y escribirEl arte de Hablar y escribir
El arte de Hablar y escribirMarioDiaz88
 
La magia de escribir
La magia de escribirLa magia de escribir
La magia de escribirandreangelik
 
el arte de escribir y sus tecnicas
el arte de escribir y sus tecnicasel arte de escribir y sus tecnicas
el arte de escribir y sus tecnicasAhmed Nieto
 
El arte de redactar
El arte de redactarEl arte de redactar
El arte de redactarLeticiaOrtiz
 
Mapa Conceptual Historia del Arte
Mapa Conceptual Historia del ArteMapa Conceptual Historia del Arte
Mapa Conceptual Historia del ArteClepsidra
 

Destacado (8)

El arte de escribir
El arte de escribirEl arte de escribir
El arte de escribir
 
El arte de Hablar y escribir
El arte de Hablar y escribirEl arte de Hablar y escribir
El arte de Hablar y escribir
 
La magia de escribir
La magia de escribirLa magia de escribir
La magia de escribir
 
el arte de escribir y sus tecnicas
el arte de escribir y sus tecnicasel arte de escribir y sus tecnicas
el arte de escribir y sus tecnicas
 
El arte de redactar
El arte de redactarEl arte de redactar
El arte de redactar
 
Que Es El Exito Carlos Slim
Que Es El Exito Carlos SlimQue Es El Exito Carlos Slim
Que Es El Exito Carlos Slim
 
Manejo de informacion
Manejo de informacionManejo de informacion
Manejo de informacion
 
Mapa Conceptual Historia del Arte
Mapa Conceptual Historia del ArteMapa Conceptual Historia del Arte
Mapa Conceptual Historia del Arte
 

Similar a El arte de escribir para web

Taller de Redacción para Web
Taller de Redacción para WebTaller de Redacción para Web
Taller de Redacción para WebHarold Maduro
 
Digcomp inap 2015-mod003
Digcomp inap 2015-mod003Digcomp inap 2015-mod003
Digcomp inap 2015-mod003Javier Piquero
 
¿Cómo escribir en Internet?
¿Cómo escribir en Internet?¿Cómo escribir en Internet?
¿Cómo escribir en Internet?Making Contents
 
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioGabriel Porras
 
Cómo escribir para la web111
Cómo escribir para la web111Cómo escribir para la web111
Cómo escribir para la web111gabrielajose
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosMarivi
 
Lanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 SegundosLanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 SegundosJuan C. Camus
 
Historia_Internet_UTC
Historia_Internet_UTCHistoria_Internet_UTC
Historia_Internet_UTCDario Tulmo
 
Taller Escribir Para El Web Webprendedor
Taller Escribir Para El Web   WebprendedorTaller Escribir Para El Web   Webprendedor
Taller Escribir Para El Web WebprendedorJuan C. Camus
 
Búsquedas Avanzadas
Búsquedas AvanzadasBúsquedas Avanzadas
Búsquedas AvanzadasPlan Teso
 
Errores comunes al documentar procesos
Errores comunes al documentar procesosErrores comunes al documentar procesos
Errores comunes al documentar procesosOrganiza tu empresa
 
Escribir para internet pautas de edacción web por Denys Reyes_interlat
Escribir para internet pautas de edacción web por Denys Reyes_interlatEscribir para internet pautas de edacción web por Denys Reyes_interlat
Escribir para internet pautas de edacción web por Denys Reyes_interlatInterlat
 
El Lenguaje De Internet
El Lenguaje De InternetEl Lenguaje De Internet
El Lenguaje De InternetCarlos Salas
 

Similar a El arte de escribir para web (20)

Taller de Redacción para Web
Taller de Redacción para WebTaller de Redacción para Web
Taller de Redacción para Web
 
Digcomp inap 2015-mod003
Digcomp inap 2015-mod003Digcomp inap 2015-mod003
Digcomp inap 2015-mod003
 
Ux interfaces persuasivas
Ux interfaces persuasivasUx interfaces persuasivas
Ux interfaces persuasivas
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Herramientas web para docencia: Internet
Herramientas web para docencia: InternetHerramientas web para docencia: Internet
Herramientas web para docencia: Internet
 
Principios de usabilidad y legibilidad web
Principios de usabilidad y legibilidad webPrincipios de usabilidad y legibilidad web
Principios de usabilidad y legibilidad web
 
¿Cómo escribir en Internet?
¿Cómo escribir en Internet?¿Cómo escribir en Internet?
¿Cómo escribir en Internet?
 
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
 
Cómo escribir para la web111
Cómo escribir para la web111Cómo escribir para la web111
Cómo escribir para la web111
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
 
Lanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 SegundosLanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 Segundos
 
Escribe para la web
Escribe para la webEscribe para la web
Escribe para la web
 
Tecnologia web 2
Tecnologia web 2Tecnologia web 2
Tecnologia web 2
 
Historia_Internet_UTC
Historia_Internet_UTCHistoria_Internet_UTC
Historia_Internet_UTC
 
Taller Escribir Para El Web Webprendedor
Taller Escribir Para El Web   WebprendedorTaller Escribir Para El Web   Webprendedor
Taller Escribir Para El Web Webprendedor
 
Búsquedas Avanzadas
Búsquedas AvanzadasBúsquedas Avanzadas
Búsquedas Avanzadas
 
Errores comunes al documentar procesos
Errores comunes al documentar procesosErrores comunes al documentar procesos
Errores comunes al documentar procesos
 
Escribir para internet pautas de edacción web por Denys Reyes_interlat
Escribir para internet pautas de edacción web por Denys Reyes_interlatEscribir para internet pautas de edacción web por Denys Reyes_interlat
Escribir para internet pautas de edacción web por Denys Reyes_interlat
 
El Lenguaje De Internet
El Lenguaje De InternetEl Lenguaje De Internet
El Lenguaje De Internet
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 

El arte de escribir para web

  • 1. El arte de escribir para web Buenas prácticas para el manejo de contenidos
  • 2.
  • 3. ¿Qué es la usabilidad?
  • 4.
  • 5.
  • 6.
  • 7. Usabilidad de contenidos ≈ Calidad de su estructura
  • 9.
  • 10. Más del 80% de los usuarios web que crean contenido lo hacen por que les gusta comunicarse e intercambiar información con otras personas. IBM/ZEM Estudio „Innovación en Medien 2008“
  • 11. IBM/ZEM Estudio „Innovación en Medien 2008“ Y la retroalimentación es vital, por que nos permite elevar la calidad y promueve el expertise
  • 12. Dispositivos conectados a Internet 1984 1992 2008 1,000 1,000,000 1,000,000,000000 pero ...
  • 13. Fuente: http://de.wikipedia.org/wiki/Wikipedia/ Nielsen, 2006 1% de los usuarios web crean la mayoría del contenido 9% lo comentan o etiquetan 90% lo consumen La regla del 1-9-90
  • 14. IBM/ZEM Estudio „Innovación en Medien 2008“ ¿Cuántos de los participantes son ese 1% ?
  • 15. Dispositivos conectados a Internet 1984 1992 2008 1,000 1,000,000 1,000,000,000000 “ Siempre sabemos más de lo que podemos decir y decimos más de lo que podemos escribir” David Snowden, Complex Acts of Knowing -Paradox and Descriptive Self Awareness
  • 16. En Web, menos es más... Contenido Atención
  • 17. Y, una palabra vale más que mil imágenes
  • 18.
  • 19.
  • 20. Creación de Valor Fuente: Jeffrey F. Raport y John J. Sviokla. “Explotación de la cadena de Valor Virtual” en La creación de valor en la economía Digital . Don Tapscott (Comp.) Buenos Aires, Granica, 2000. P.93
  • 21.
  • 22.
  • 23.
  • 24. “ Mi aspiración es decir en diez frases lo que otros dicen en todo un libro” Friedrich Nietzsche Recortar, Resumir Reescribir
  • 25.
  • 26. Frases de 20 palabras y uso de enlaces...
  • 27. Oraciones de una idea por párrafo y párrafos de cinco líneas: cortos, de dos o tres frases únicamente y muy directos en su estilo
  • 28.
  • 29.
  • 30. Por ejemplo: “ como lo habíamos dicho anteriormente”, “de acuerdo a lo que se sabe ”, “todo depende de la información ya conocida”. La recomendación es hacer el texto tan claro y conciso como sea posible; es decir, reduzca la cantidad de texto eliminando las palabras que no se necesitan.   Abreviar el texto. Omita palabras que no aportan significado.
  • 31. Evitar texto en letras cursivas y TODO EN MAYÚSCULAS cuando se desea dar énfasis. Usar una fuente sans serif como Arial o Verdana para texto en la pantalla porque tienen mejor resolución. Por otra parte, los títulos grandes por lo general usan una fuente serif, como Times New Roman, porque son menos voluminosas. Facilitar la lectura. Dejar espacios en blanco y evitar el uso de fuentes tipográficas diferentes
  • 32.
  • 33. Antes Bienvenido al maravillosamente útil sistema de llenado automático de FormFiller. Se acabó el tener que recordar nombres de usuario y complejas contraseñas. Se acabó el escribir la misma dirección una y otra vez hasta el cansancio. Esta barra de herramienta es tan fácil y sencilla de usar que con un solo click...vualah!! el formulario es llenado con su información. Además, nuestro software de reconocimiento de primerísima calidad lee el formulario y averigua que información debe ir en cada lugar, por lo que ud. simplemente la introduce y persiona Enter, de modo que el formulario sale a toda velocidad. Y por si fuera poco, es super seguro, puesto que su información personal reside en su propia computadora.No espere más y descubra lo que puede hacer con Form Filler. La barra FormFiller le ahorra tiempo , rellenando los formularios por ud. Es sencillo. No necesita escribir una y otra vez la misma información. Es rápido. Introduzca la información una vez, y en adelante FormFiller lo hará por usted: Un click y el formulario se completa. Es seguro. Su información personal esta a salvo y codificada en su computadora para que ninguna otra persona pueda leerla. Después Fuente: Price, Jonathan y Price, Lisa.Texto Vivo. Escribir para la Web. Pearson Educación, S.A., Madrid 2002.
  • 34. X Antes Después 773 caracteres 127 palabras 397 caracteres 65 palabras 49% menos paja Fuente: Price, Jonathan y Price, Lisa.Texto Vivo. Escribir para la Web. Pearson Educación, S.A., Madrid 2002.
  • 35. ¿Dónde coloco lo importante? 1 2 3
  • 36. + importante - - importante + Patrones de Lectura http:// knightcenter . utexas . edu / como _web. php
  • 37. http:// knightcenter . utexas . edu / como _web. php
  • 38. http:// knightcenter . utexas . edu / como _web. php
  • 40.
  • 41. “ Lo que no se puede medir, no se puede administrar” Peter Drucker
  • 42. Fuente: G Mcgovern ¿Qué tareas realizan?
  • 43. Fuente: G Mcgovern ¿Qué quieren mejorar?
  • 44.
  • 45.

Notas del editor

  1. No olvidemos que el usuario entra en nuestra página buscando información y es necesario ofrecérsela claramente.
  2. Un lenguaje ambiguo puede frustrar al lector.
  3. Nielsen recomienda usar menos del 50% del texto habitual en una publicación escrita. Evitar aburrimiento Recorte todo lo posible el texto. Los grandes bloques de texto asustan al usuario, que no los leerá. Con textos más cortos se siente menos intimidado. Fórmula mixta: pocos enlaces integrados en el texto, los fundamentales, y el resto aparte, en forma de listado en un lateral .
  4. Al ser breves y estar organizados visualmente, de un vistazo se obtiene mucha más información. Dos o tres líneas pueden ser pocas para el papel, pero pueden ser suficientes en una web.
  5. Este estilo ofrece un modo eficaz de organizar contenido para la Web, dado que no todos los usuarios leerán el documento completo. La idea es que cuando el lector salga de su sitio haya leído la información más importante. Una manera fácil de seguir la estructura de pirámide invertida es incluir en su primer párrafo la mayor cantidad posible de las cinco interrogantes básicas del periodismo:
  6. No estamos acostumbrados a leer la letra impresa de esa manera. También pueden restar mérito a otro texto de igual valor.
  7. Aunque es fácil pasar por alto los títulos, son parte fundamental del escribir para la Web. No sólo ayudan al usuario a navegar por un sitio, sino que además sirven de marcadores para referencia futura. Por lo tanto, es importante que sean significativos.