Sin duda hay muchas directrices y consejos para escribir en Internet. La presentación consiste en una serie de sencillas recomendaciones para escribir, basadas en la Experiencia de Usuario y el DCU
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
1. Escribir para la Web
Una mirada desde la experiencia de usuario
Juan David Saab
@juansaab
2. El usuario pasa la mayor
parte del tiempo en otros
sitios web...
Ley de Jakob Nielsen sobre la experiencia del usuario en Internet
3. Al fnal, los usuarios visitan el sitio web por su
contenido. Todo lo demas es accesorio. El diseno existe
para permitir a la gente acceder al contenido.
La vieja analogia es un grupo de amigos que va a ver una
funcion de teatro: cuando salen del teatro, de lo que
hablan es de la obra, no de lo bonitos que eran los trajes...
Jakob Nielsen en: Usabilidad, diseño de sitios Web
7. Consecuencias del patron de lectura en “F”
● Los usuarios la mayoria de ocasiones no leen el texto
palabra por palabra, ni completamente
● La informacion mas importante debe aparecer al
principio (2 primeros parrafos)
● Los encabezados, textos destacados, listas de vinetas
y similares, hacen el texto facil de escanear
9. Algunos consejos para facilitar el escaneo
Consejos para facilitar el escaneo
● Los encabezados dirigen la lectura del usuario. Que
sean claros y sencillos
● Transmite una idea por parrafo
● Usa listas de vinetas para expresar un conjunto de
ideas
● Destacar las palabras clave cambiando el formato de
texto; la negrilla suele funcionar bien
● Los enlaces son especialmente atractivos, úsalos de
forma astuta
10. Algunos consejos para facilitar el escaneo
Un ejemplo...
Versión Original:
Nebraska está llena de atracciones reconocidas internacionalmente, que atraen,
sin falta, una gran cantidad de personas cada año. En 1996, algunos de los
lugares más populares fueron: el Parque Estatal Fort Robinson (355.000
visitantes), el Monumento Nacional a Scotts Bluff (132.166), Parque Histórico y
Museo estatal de Arbol Lodge (100.000), Carhenge (86.598) y el Parque Histórico
del estado de Buffalo Bill (28.446).
Versión Compacta:
En 1996, seis de las atracciones más visitadas en nebraska fueron: el Parque
Estatal Fort Robinson, el Monumento Nacional a Scotts Bluff, el Parque Histórico
y Museo estatal de Arbol Lodge, Carhenge y el Parque Histórico del estado de
Buffalo Bill.
Versión Compacta y Escaneable:
En 1996, seis de los lugares más visitados en Nebraska fueron:
● Fort Robinson State Park
● Scotts Bluff National Monument
● Arbor Lodge State Historical Park & Museum
● Carhenge
● Stuhr Museum of the Prairie Pioneer
● Buffalo Bill Ranch State Historical Park
11. Algunos consejos para facilitar el escaneo
Un ejemplo...
Versión Original:
Nebraska está llena de atracciones reconocidas internacionalmente, que atraen,
sin falta, una gran cantidad de personas cada año. En 1996, algunos de los
lugares más populares fueron: el Parque Estatal Fort Robinson (355.000
visitantes), el Monumento Nacional a Scotts Bluff (132.166), Parque Histórico y
Museo estatal de Arbol Lodge (100.000), Carhenge (86.598) y el Parque Histórico
del estado de Buffalo Bill (28.446).
58%
Versión Compacta:
En 1996, seis de las atracciones más visitadas en nebraska fueron: el Parque
Estatal Fort Robinson, el Monumento Nacional a Scotts Bluff, el Parque Histórico
y Museo estatal de Arbol Lodge, Carhenge y el Parque Histórico del estado de Mejora en Usabilidad
Buffalo Bill.
Versión Compacta y Escaneable:
En 1996, seis de los lugares más visitados en Nebraska fueron:
● Fort Robinson State Park
● Scotts Bluff National Monument
124%
● Arbor Lodge State Historical Park & Museum
Mejora en Usabilidad
● Carhenge
● Stuhr Museum of the Prairie Pioneer
● Buffalo Bill Ranch State Historical Park
13. Algunos consejos para facilitar el escaneo
Consejos para el contenido
● Provee contenido útil y acorde a lo que busca el
usuario
● Evita la palabreria innecesaria y el texto de relleno
● No seas autocomplaciente ni excesivamente
vendedor. Los usuarios preferen la sinceridad
● Utiliza un lenguaje sencillo, directo y atractivo.
● Evita los juegos de palabras y las metaforas.
14. ¡Provee un contenido sencillo, directo y
acorde a las necesidades de tus usuarios!
16. Algunos consejos para facilitar el escaneo
Consejos en cuanto a forma...
● No comenzar las frases con articulos (el, la, los, las)
● No comenzar las frases con expresiones de enlace
(ademas, igualmente, también...)
● Frases de 20 a 30 palabras, puntuacion minima y una
idea por oracion.
● Se recomienda el uso de verbos en presente o
pasado simple.
● Escribir las cifras con numerales (ej: 10 consejos en
lugar de diez consejos)
Fuente interesante: Guía para redactar en web
http://www.slideshare.net/ztirzo/gua-para-redactar-en-web-trecho-online-basado-en-cmo-escribir-para-la-web-de-guillermo-franco
19. Algunos consejos para facilitar el escaneo
¡Piramide Invertida!
El esquema de piramide invertida se adapta al comportamiento del usuario
en Internet. Le ayuda a saber rapidamente si esta en el lugar indicado.
Fuente interesante: Inverted Pyramids in Cyberspace
http://www.useit.com/alertbox/9606.html
Imagen tomada de: http://www.youbrandinc.com/blog-development-tips/content-secret-the-inverted-pyramid/
24. Algunos consejos para facilitar el escaneo
Sobre los titulos
● Es el nombre del documento html, aparece en la
ventana del navegador y es lo primero que leen los
lectores de pantalla.
● Se almacena en los favoritos del navegador.
● Aparece resaltado en los resultados de motores de
búsqueda.
● Le indica al usuario el lugar y el documento en el
que esta. Es la primera conclusion en el esquema de
piramide invertida.
● Es esencial para que el contenido sea encontrable
28. Algunos consejos para facilitar el escaneo
¡Por supuesto!, HTML es:
● El lenguaje en el cual se escribe la gran mayoria del
contenido de internet.
● Esencial para proporcionar semantica al contenido
Web.
● Una herramienta fundamental para el periodista
digital y quien escribe en Web.
● Un estandar, aceptado y regulado por consorcios
como el W3C.
● El lenguaje que interpretan los navegadores por
defecto (sin complementos, plugins, ni agregados)
30. Algunos consejos para facilitar el escaneo
Consejos basicos de HTML
● Usa los diferentes niveles de encabezado <h1> hasta <h6>
● Utiliza las etiquetas de énfasis para resaltar elementos
importantes <strong><em>
● Las citas destacadas mejoran la apariencia y también se
pueden codifcar <blockquote>
● Usa correctamente los parrafos <p> y no abuses de los saltos
de linea <br />
● Agrega resúmenes a tus tablas <table summary=”Resumen”>
¡Todo el contenido que escribas debe estar marcado!
31. Algunos consejos para facilitar el escaneo
¡Recomendado!
Curso de Accesibilidad Web
Por: Mario Carvajal
● Modulo 2: Buenas practicas
http://www.slideshare.net/astromario/curso-de-a-accesibilidad-web-mdulo-2-buenas-prcticas
● Modulo 4: Usabilidad
http://www.slideshare.net/astromario/mdulo-4-usabilidad-web
32. ¡Gracias!
@juansaab
Juan David Saab
juansaabvanegas@gmail.com
Skype: juan.saab
Visita: http://usabilidadaldia.com
http://juansaab.com.co