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 Saabjuansaabvanegas@gmail.com Skype: juan.saabVisita: http://usabilidadaldia.comhttp://juansaab.com.co