Las Pymes: una mirada a partir de la experiencia académica del MBA
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
-
Upload
juan-david-saab-vanegas -
Category
Technology
-
view
2.241 -
download
0
description
Transcript of Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
![Page 1: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/1.jpg)
Escribir para la WebUna mirada desde la experiencia de usuario
Juan David Saab@juansaab
![Page 2: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/2.jpg)
Ley de Jakob Nielsen sobre la experiencia del usuario en Internet
El usuario pasa la mayor parte del tiempo en otros sitios web...
![Page 3: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/3.jpg)
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...
![Page 4: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/4.jpg)
¿Como leen los usuarios?
![Page 5: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/5.jpg)
Patron de lectura en “F”
F-Shaped pattern for reading web contenthttp://www.useit.com/alertbox/reading_pattern.html
![Page 6: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/6.jpg)
Ya lo sabia... ¿Y qué con eso?
![Page 7: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/7.jpg)
● 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”
![Page 8: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/8.jpg)
¡Escanear es mas economico que leer!
![Page 9: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/9.jpg)
● 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
![Page 10: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/10.jpg)
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...
![Page 11: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/11.jpg)
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...
![Page 12: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/12.jpg)
Hablemos mas sobre el contenido
![Page 13: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/13.jpg)
● 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
![Page 14: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/14.jpg)
¡Provee un contenido sencillo, directo y acorde a las necesidades de tus usuarios!
![Page 15: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/15.jpg)
¿Hay consejos en cuanto a la forma de escribir?
![Page 16: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/16.jpg)
● 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
![Page 17: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/17.jpg)
¡Transmite una idea por parrafo, y mantén los parrafos cortos!
![Page 18: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/18.jpg)
¿Qué hay acerca de la piramide invertida?
![Page 19: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/19.jpg)
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/
![Page 20: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/20.jpg)
¡Comienza por la conclusion!
![Page 21: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/21.jpg)
¡Hablemos de los titulos!
![Page 22: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/22.jpg)
Tan importante como el titulo de un libro...
![Page 23: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/23.jpg)
¡Es el titulo de una web!
![Page 24: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/24.jpg)
● 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
![Page 25: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/25.jpg)
¡Crea titulos pensando en los usuarios!
![Page 26: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/26.jpg)
¡El contenido corresponde a la necesidad de los usuarios!
![Page 27: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/27.jpg)
¿Vamos a hablar de HTML?
![Page 28: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/28.jpg)
● 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:
![Page 29: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/29.jpg)
¡Los contenidos semanticos son mas usables, encontrables y accesibles!
![Page 30: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/30.jpg)
● 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
![Page 31: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/31.jpg)
● 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
![Page 32: Escribir Para La Web, Una Mirada desde la Experiencia De Usuario](https://reader034.fdocuments.es/reader034/viewer/2022051818/5497cc86ac79591d2e8b5425/html5/thumbnails/32.jpg)
¡Gracias!
@juansaabJuan David [email protected] Skype: juan.saabVisita: http://usabilidadaldia.comhttp://juansaab.com.co