Escribir para la WebUna mirada desde la experiencia de usuario
Juan David Saab@juansaab
Ley de Jakob Nielsen sobre la experiencia del usuario en Internet
El usuario pasa la mayor parte del tiempo en otros sitios web...
Jakob Nielsen en: Usabilidad, diseño de sitios Web
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...
¿Como leen los usuarios?
Patron de lectura en “F”
F-Shaped pattern for reading web contenthttp://www.useit.com/alertbox/reading_pattern.html
Ya lo sabia... ¿Y qué con eso?
● 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
Consecuencias del patron de lectura en “F”
¡Escanear es mas economico que leer!
● 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
Algunos consejos para facilitar el escaneo
Consejos para facilitar el escaneo
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
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
58%Mejora en Usabilidad
124%Mejora en Usabilidad
Algunos consejos para facilitar el escaneo
Un ejemplo...
Hablemos mas sobre 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.
Algunos consejos para facilitar el escaneo
Consejos para el contenido
¡Provee un contenido sencillo, directo y acorde a las necesidades de tus usuarios!
¿Hay consejos en cuanto a la forma de escribir?
● 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)
Algunos consejos para facilitar el escaneo
Consejos en cuanto a forma...
Fuente interesante: Guía para redactar en webhttp://www.slideshare.net/ztirzo/gua-para-redactar-en-web-trecho-online-basado-en-cmo-escribir-para-la-web-de-guillermo-franco
¡Transmite una idea por parrafo, y mantén los parrafos cortos!
¿Qué hay acerca de la 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.
Algunos consejos para facilitar el escaneo
¡Piramide Invertida!
Fuente interesante: Inverted Pyramids in Cyberspacehttp://www.useit.com/alertbox/9606.html
Imagen tomada de: http://www.youbrandinc.com/blog-development-tips/content-secret-the-inverted-pyramid/
¡Comienza por la conclusion!
¡Hablemos de los titulos!
Tan importante como el titulo de un libro...
¡Es el titulo de una web!
● 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
Algunos consejos para facilitar el escaneo
Sobre los titulos
¡Crea titulos pensando en los usuarios!
¡El contenido corresponde a la necesidad de los usuarios!
¿Vamos a hablar de HTML?
● 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)
Algunos consejos para facilitar el escaneo
¡Por supuesto!, HTML es:
¡Los contenidos semanticos son mas usables, encontrables y accesibles!
● 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!
Algunos consejos para facilitar el escaneo
Consejos basicos de HTML
● 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
Algunos consejos para facilitar el escaneo
¡Recomendado!
Curso de Accesibilidad WebPor: Mario Carvajal
¡Gracias!
@juansaabJuan David [email protected] Skype: juan.saabVisita: http://usabilidadaldia.comhttp://juansaab.com.co
Top Related