Edward Tufte: el arte de mostrar información

“No lo digas, enséñalo”. Es una de las frases preferidas de la gente del mundo del cine. También es un buen resumen de la obra del profesor emérito de Evidencia Estadística de la Universidad de Yale, Edward R. Tufte. El autor ha dedicado sus obras a divulgar el valor de las explicaciones visuales de información. Dicho de otro modo, Tufte ha dedicado varios libros a la información contada con imágenes. Tufte no presagia el final de la lengua escrita, pero resalta el papel de las imágenes en una comunicación efectiva.

Hasta ahora, ha “elaborado” seis obras.

1. The Visual Display of Quantitative Information

2. Envisioning Information

3. Visual Explanations;

4. Visual and Statistical Thinking

5. The Cognitive Style of Power Point

6. Political Control of Economy,

Las dos últimas obras se alejan en la temática de las cuatro anteriores. Decimos que Tufte elabora libros porque no es adecuado decir sólo que las ha escrito. Los libros de Tufte son libros para ver y no sólo para leer. Los magníficos gráficos que Tufte ha escogido de la historia nos hacen comprender cómo de un vistazo se pueden explicar los horarios de los trenes franceses o cómo se podría esculpir visualmente el balance comercial británico. Para comprender este balance, no hace falta ver números, es suficiente mirar las curvas. Las curvas, los colores, las separaciones, la proximidad cuentan historias de números según el autor norteamericano. Todos los comentarios que recoge Amazon sobre el autor son positivos.

The visual Display fo Quantitative Information

En la primera obra de Tufte, The Visual Display of Quantitative Information (la enseñanza visual de información cuantitativa (1983), Tufte desgrana ejemplos de buenos gráficos que han plasmado información. Se centra en información cuantitativa. En este libro, magníficamente editado, el lector puede encontrar desde los primeros gráficos de fiebre sobre el saldo de la balanza comercial de Gran Bretaña hasta un gráfico y claro esquema de los trenes franceses.

Son ejemplos de los tres últimos siglos. Es comprensible que Tufte no conozca bien el mundo de antes de la imprenta, o que no comprenda el legado iconográfico del cristianismo o de otras culturas asiáticas. Quizá, el autor norteamericano, premia la erudición histórica y deja de lado el mundo de los años 80. Tufte no es muy generoso con las citas. En sus obras no se encontrará una palabra sobre Nigel Holmes o Milton Glaser, contemporáneos y que han sido maestros en el arte de enseñar información con gráficos.

De hecho, usa infográficos de Nigel Holmes al que no se le cita.

Tufte obviamente se centra en ciencias empíricas en estas obras, sobre todo, en la economía. Los lectores del libro encontrarán consejos sobre cómo elaborar gráficos y presentaciones efectivos, gráficos e ilustrativos. Los capítulos versan sobre los errores frecuentes en los gráficos, por ejemplo, los gráficos con demasiada información, los gráficos con demasiadas variables, los gráficos con demasiada tinta.

El capítulo final está dedicado a la estética de los gráficos.

Visual Explanations

En Visual Explanations, Tufte habla otra vez sobre las imágenes, la evidencia y la narrativa. En la obra, se pueden encontrar efectos y logros de la demostración visual de información. Uno de los ejemplos traídos en los inicios del libro es el del accidente de una nave Columbia. La teoría de Tufte es que el accidente se produjo debido a que la deficiente presentación de la información causó una maliterpretación de ella por parte de la NASA. La NASA tenía todos los datos, pero no vio su correlación. El libro también es una profundización en la historia de la narrativa de los gráficos. En el volumen, se pueden encontrar mapas geográficos, demostraciones gráficas de procesos y, en general, todo lo que tiene que ver con contar historias con imágenes.

Para tratar de la información no cuantitativa, Tufte ha publicado, Envisioning information. En esta obra se tratan temas tan interesantes como el color y la información o la narración de historias tridimensionales. Nos podemos encontrar con el simbolismo que tienen la repetición.

En esta obra, trata sobre los mejores medios para mostrar información. En este libro, también trata sobre el pensamiento visual. Volvemos a encontrarnos con ejemplos de mapas, señales de banderas elegidos por su valor histórico.

The Cognitive Style of Power Point es un interesante análisis sobre cómo es la información transmitida a través del Power Point. Tufte demuestra que es capaz de tratar más de un tema además del de la semántica de las imágenes. Repite historias e imágenes de libros anteriores.

Ser parte de Google, la calle más visitada

No crea que su web es una isla. En realidad, forma parte de Internet y de Google, el buscador rey. Más del 70 por ciento de los usuarios de un sitio llegan a él por medio de motores de búsqueda. Es muy difícil escribir una dirección de un web sin equivocarse. También es complicado saber previamente qué es lo que se va a visitar cuando se inicia una sesión. Es inútil que gaste mucho esfuerzo o dinero en promocionar su dirección web. El público de Internet recuerda pocas: no más de diez. Tampoco se molesta en archivarlas en su navegador. Lo primero que intenta hacer el público hacer es buscar su web en Google u otro buscador. Muchos usuarios tienen una barra en el navegador que les ayuda a buscar en Google directamente. En España, más de cinco millones de personas usan el buscador rey diariamente.

Google tienen archivadas más de ocho mil millones de páginas (septiembre de 2006). Eso es la elite de Internet. Tenga en cuenta que hay muchas más páginas en Red. Tiene que conseguir que la suya sea una de las que Google ha visitado y que la califique con buena nota. Consejos para posicionarse en Google.

Tenga en cuenta también, que el noventa por cien de los usuarios sólo visitan la primera página de resultados. La que les sale cuando buscan. No miran las demás. Por eso es importante colocarse entre los primeros resultados. Por ejemplo, si su web trata sobre viajes, tiene que intentar salir de las primeras. Por muy buena que sea, muy poca gente va a mirar la web que salga en cuarenta lugar para la búsqueda “viajes”. Tenga en cuenta que ese término puede estar muy competido y que quizá sea más fácil luchar por “viajes a Santander”.


Es verdad que existen varios buscadores. En el mundo hispano el que triunfa es Google. Además, si su página funciona bien en Google, es muy probable que también funcione en Yahoo! o en MSN. Todos trabajan de una manera parecida.
“archivan” páginas en su base de datos y le dan una importancia u otra en relación a un término de búsqueda.

Puede hacer publicidad en la parte de vínculos promocionados. No hace falta mucho presupuesto: se puede empezar con poco menos de cinco euros, pero quizá no olvide que hay usuarios que no clican los enlaces patrocinados.

El año 2004 según Google

Términos más buscados en España
1.El Mundo
2.RENFE
3.Fernando Alonso
4. Ronaldinho
5.Valentino Rossi
6.Fernando Torres
7.Hilary Duff
8. Melendi
9.Spanair
10.Los Serrano
Fuente: Google

Presentarse en sociedad (Foros, comunidades y blogs)

La aldea global
Puede que crea que lo que tiene que contar en su web es muy importante. Pero no olvide, que la verdadera fuerza de Internet está en la formación de comunidades virtuales. Internet, es realmente un conjunto de gente que se pone en contacto. No es un medio de publicación sino de relación. La imprenta ha dado lugar a un mundo en el que unos pocos tenían el poder de publicar noticias. Internet ha hecho que eso salte por los aires y cualquiera puede hacerlo. Eso hace que no sea tan importante decir cosas como agrupar personas.

En 1999, en Expansión dedicábamos el 40 por ciento de nuestro tiempo a pensar contenidos. Teníamos reuniones. Seguíamos claramente las palabras más buscadas por los usuarios. Pronto descubrimos que la parte más visitada del web era un foro sobre pequeños valores de bolsa. Nunca lo habíamos planeado, pero eran los propios usuarios los que creaban el contenido. En el foro se destacaron algunos participantes, que resultaron ser unos absolutos fenómenos de la especialidad. Muchos otros internautas empezaron a preguntarles, a seguirles, día tras día ...

Eran los inversores de la calle con sus ideas, sus predicciones, su información. El foro se convirtió en un sitio interesante gracias a ellos. Esa era la fuerza de la web. Lo mismo ocurría con la web de Consors. En 2000 era el tercer sitio de Internet más visitado de Alemania. Servía más de 150 millones de páginas al mes. Más del cuarenta por ciento de las visitas se dirigían al foro. Se había convertido en un lugar de encuentro de internautas.


En ese sentido, Yahoo! pronto descubrió que era más importante lo que los usuarios se decían entre sí, que lo que la propia Yahoo! quisiera contarles. Pero esto es algo difícil de tragar para los medios tradicionales.

Punto de encuentro
En Internet, existen comunidades de criadores de avestruces, de amantes de la jardinería, de piratas informáticos...es su medio natural. Si quiere encontrar a alguien parecido a usted, que comparta sus gustos y aficiones vaya a Internet. Si quiere que su web triunfe, conviértala en un lugar de encuentro. El diario Qué intenta que sean los lectores los que hagan el sitio web. El éxito ha sido arrollador. Día tras día, el blog " Diario de un cangrejo con el graduado escolar " es seguido por cientos de personas.

La palabra más buscada del año 2004 en Google fue blog. Un sistema por el que se puede publicar lo que se quiera en Internet sin tener que saber demasiado sobre páginas web. MSN Spaces alberga en España más de un millón de blogs. La mayoría no tienen muchas visitas, pero hay quien se ha logrado hacer famoso.

Un buen escaparate
Los blogs y los foros tienen mucho tráfico. Son la manera ideal de dar a conocer su web. Además, muchos blogs tienen apartados de amigos. Hábleles de su web y pida que pongan un link.

Cosas que no es una web: diseño de interacción

Una web no es un póster. Se diferencia en muchas cosas. Una es en que si se cuelga en la pared, alguien la descolgará para leer el correo electrónico. No es un chiste. Hay muchos diseñadores que intentarán hacer una web con los criterios de un póster. Quedarán bien cuando le entreguen una presentación, al cabo del tiempo, verá que nadie entra o que pocos pasan de la primera página en un entorno real de Internet.

No sólo existen problemas con los diseñadores gráficos. En los periódicos piensan que una web es como un periódico que sale de un ordenador, en las radios piensan que Internet es una manera de enchufar la radio a un nuevo público.

Todos los medios tardan un tiempo en demostrar su nuevo potencial y en dar a luz nuevos formatos. En las primeras emisiones de radio, se leían obras de teatro. La televisión nació imitando a la radio. Pronto, se diferenciaron y nacieron formatos nuevos en televisión, en radio. Seriales para radio, tertulias, concursos...Nuevos medios dieron lugar a nuevos lenguajes.

Todas esas afirmaciones son en parte ciertas, pero tenga en cuenta que Internet permite que los usuarios interactúen con los sitios, lean lo que quieran, cuando quieran, busquen, corten, peguen, hablen con otros usuarios, voten... Internet es un nuevo medio, y no debe olvidarlo. No lo confunda con un folleto u otra cosa.

Links y botones

El usuario podrá interactuar sobre todo con los links y botones. Procure que éstos no sean una adivinanza. Puede ser más estético que los links no sean azules y no estén subrayados, pero eso dificultará que los usuarios los encuentren. Ocurre igual con las imágenes que son un vínculo. Puede que le digan sus expertos que si se pone la mano encima de un link, el cursor de un ratón se pone en forma de mano,
Si quiere hacerle perder el tiempo a los usuarios, es una buena manera de hacerlo.

Tenga en cuenta que un usuario puede durar en una página mucho menos tiempo del que tarda en hacer zapping en televisión. No espere que esté mucho más tiempo de cincuenta segundos. Ese es el tiempo que tiene para presentar su historia, cincuenta segundos. Los sitios webs que han pasado tiempo probando usuarios com (como Amazon) ponen los links en otro color y subrayados. Tienen razones para ello.

En muchas ocasiones, se diseñan mapas de bits, si el usuario pulsa en un sitio, va a una página y si pulsa en otro, va a otra página.- Debe diferenciar el mapa y hacer que eso quede claro para los visitantes. Si no, pulsarán en el mapa indistintamente.

Botones y buscadores

Lo mejor es que un botón parezca un botón, un menú parezca un menú y un link parezca un link. Lo puede lograr con los colores de los links. Intente que los botones parezcan botones. Los usuarios reconocen más deprisa los botones rectangulares que los redondos.

Si coloca un buscador en su página, intente que sea grande. Por lo menos, quepan dos palabras. Tenga en cuenta que los usuarios están acostumbrados a encontrar los bucadores en la franja superior de la pantalla. Si lo esconde, no lo encontrarán el buscador.



Evite el ratón

Depués de ocho horas delante de un ordenador sentirá que tiene los músculos contraídos, está cansado y un poco atacado de los nervios. Desde luego, su jefe, los teléfonos y demás instrumentos de tortura moderna habrán contribuido. Pero desde hace unos años, esas torturas tienen una aliado nuevo, el scroll. El scroll es una de las acciones que más estrés producen a los usuarios. El ratón produce nervios y ansiedad.

Intente que en sus páginas no sean concursos de habilidad con el ratón. Si se fija, los ordenadores Macintosh, los más usables que existen, están hechos de manera que no tendrá que soltar a penas el teclado para mover el ratón. Tienen multitud de atajos que lo sustituyen.

Muchos diseñadores creen que tener una barra gris con flechas a la derecha es muy fea. Puedo que lo sea. Lo que sí es cierto es que muchos usuarios no encuentran los pseudoscrolls que se esconden como flechitas y en los que no se puede controlar la velocidad de bajada. El programa de escritura Word para Macintosh tuvo este tipo de scroll durante algún tiempo. Tardó poco en desecharse.

Casi tanto estrés como el scroll produce una técnica llamada on mouseover (Ratón por encima). Se esconde información debajo de un texto o imagen. Esa información sólo es leída si se pasa el ratón por encima. No es buena idea.- Tenga en cuenta, además, que esa información puede perderse si se imprimen las páginas.

Otro de los buenos sistemas para despistar a los usuarios consiste en usar menús desplegables. Los menús que se estiran cuando se pasa el ratón por encima. Hay que recordar que el treinta por ciento de los usuarios no sabe usar este tipo de menús. Para el resto tampoco es muy fácil bajar con el ratón hasta la opción que se quiere. En ocasiones, si tiene que presentar todos los países de Europa, los menús de este tipo son más difíciles que un plato de spaguettis.
Si tiene una lista de opciones, lo mejor es que ponga una lista clara.

Pantallas
Una de las ventajas de los PC es que cada cual puede tener la pantalla que quiera. Hay pantallas, grandes, pequeñas,. Bonitas, baratas, rojas, con maceta encima y sin maceta encima. Lo importante es que no haga webs para un sólo tipo de pantallas. Puede que las páginas que haga se vean muy bien en su ordenador, pero causen estragos en sus usuarios.
Con el nacimiento de Internet se llevaban pantallas con una resolución de 640 po r 480 píxeles, poco a poco han ido creciendo hasta los 1280 * 768, pero no todo todo el mundo usa los mismos tamaños. Si diseña sólo para las más grandes, los usuarios con pantallas pequeñas tendrán que hacer scroll lateral. Muchos no saben hacerlo.
Lo mejor es diseñar lo que se llaman páginas liquidas. Páginas que se adaptan a cualquier ancho de pantalla. Tenga en cuenta que puede que eso le destroce el diseño y sea mejor que lo centre en la pantalla. No haga una página mayor de 800 píxeles porque un 30 por ciento de los usuarios en España sigue usándolas (Dato de septiembre de 2006)

Diez Consejos para destacar en Google

Google no sólo es un buen buscador, puede convertirse un buen
escaparate para nuestra información. Eso sí, hay que dejarle
que funcione. Muchas complicaciones o despistes, pueden hacer
que nuestros documentos no sean utilizados por el buscador.

1. Ponga texto en las páginas. Google, por ahora, no indexa el
contenido de los archivos flash o de las imágenes. Si hace las páginas totalmente en Flash o que sean pura imagen Google no las conseguira indexar (archivar).

2. Consiga links. Google dará importancia a su página en función de
los links que consiga. Sobre todo, fundamental conseguir links de
sitios relevantes. Un enlace desde la página principal de Yahoo! no
vale igual que un link desde una página personal. La medida de la
importancia para Google de una página es el Page Rank de esa página.
El Page Rank puede ser entre 1 y 10.

3. Sea simple. Haga los links con HTML. No use JavaScript o Flash.

3. Busque términos interesantes. Si quiere que otras personas
encuentren su información sobre fotografía, use la palabra fotografía.
Una página que contenga diez veces la palabra fotografía, la
considerará como más relacionada con la fotografía que una página que
contenga nueve veces esa palabra.

4. Cuide los detalles. Google considerará que su página está más
relacionada con la fotografía si está está resaltada con elementos de
html. Por ejemplo, un titular. Procure que no haya links rotos.

5. No se esconda. Google considerara que su página es relevante para
la palabra fotografía fotografía cuanto más al comienzo del texto esté esa palabra.

6. No se exceda. Google no leerá los documentos demasiado largos. Si pasan de 100 k, Google no los archiva. Son más efectivas las páginas cortas con una gran densidad del termino que le interese resaltar.

7. Promociónelo. Dé de alta su web en índices u otros buscadores.
Google mirará cuántas links apuntan a su página.

8. No sea malo. Hay etiquetas para las páginas denominadas meta tags.
Estos meta tags no deben contener información engañosa. Si es descubierto, Google expulsará su páigna.

9. Consiga contenido rico, actualizado y relevante. La mejor manera de conseguir usuarios para su página es que su página valga la pena.

10. Las normas y las reglas por las que se rige Google cambian
constantemente. Esté al día. Hay numerosos foros donde puede ver cómo funciona y como cambia. Hay libros sobre Google publicados en 2003 de los que ya es mejor no fiarse. Una de las mejores fuentes es el propio blog de Google y la web Search Engine Watch.

Diez conclusiones sobre Eyetrack III

En diciembre de 2003, el instituto Poynter examinó el
comportamiento de los ojos de 46 usuarios ante webs de información.
El estudio se denomina
Eyectrack
III y ha sido publicado en septiembre de 2004. Se intentaba
descubrir qué les llamaba la atención a los usuarios, qué leían,
dónde miraban, cuánto tiempo....

Unas pantallas especiales de ordenador permitieron seguir el
comportamiento de las pupilas y registrar los efectos de diversos
diseños de webs. Estas son las 10 principales conclusiones. El
número de usuarios no es representativo de una muestra estadística
del universo de la población general. Tampoco lo es de los usuarios
de Internet.

1. En las webs de noticias, los usuarios leen primero la
parte superior izquierda de la página.
Posteriormente, recorren en diagonal la pantalla del ordenador. Los
usuarios abandonan la pantalla por la parte superior derecha. En
este aspecto, se confirman las pautas de lectura detectadas en
publicaciones impresas.

2. Aunque los tipos de letra grande atraen más
la atención que los pequeños, los tipos de letra pequeños y
medianos favorecen una lectura continuada.

3. Eyetrack III confirma lo apuntado en muchos estudios sobre
webs: los usuarios tienden más a escanear
(recorrer rápidamente) que a leer la página. Los ojos recorren en
pocos segundos los textos en busca de algo en qué fijarse. Los
usuarios no leen los titulares enteros. Suelen leer el primer
tercio de ellos. Si alguna palabra les llama la atención, por
ejemplo, una errata o un neologismo, fijan más la mirada.

4. Los titulares de las noticias son el punto
por el que los usuarios entran en las páginas. Las ilustraciones no
son el punto de entrada. Se han estudiado webs de noticias con
ilustraciones y fotos.

6. Los lectores miraron una media de cinco o seis titulares,
independientemente del número de titulares que hubiera en la
página.

7. Los párrafos cortos. Los que tienen menos de
25 palabras son los que reciben más fijaciones de ojos.

Imágenes y publicidad

7. Los participantes no miraron a las imágenes en primer lugar,
pero las miraron. Sin embargo, no se han notado diferencias
significativas en el poder de atracción de las imágenes
grandes frente a las medianas.

8. Los rostros humanos son lo que más llama la
atención dentro de las imágenes. Se ha detectado un esfuerzo por
reconocer a alguien en los rostros

9. Los usuarios no miran a los banners. Cuando
lo hacen, no es durante un periodo superior a un segundo. Se
confirma empíricamente el fenómeno detectado en otros estudios y
denominado “ceguera ante banners”.

10. Las explicaciones multimedia con imágenes y
animaciones ayudaron a fomentar el recuerdo y la comprensión de
procesos complejos.

Artículo Publicado en El Profesional de la
Información

Para gustos es el azul

(Razones para escoger este color en un web)

Esta primavera, la librería online Amazon enterró su tradicional
color verde. Lo sustituyó por el azul, que ahora es el color
predominante en su web. Amazon es una de las empresas del mundo que
más investiga los gustos de los internautas. No ha hecho públicos los
datos sobre sus encuestas, pero la elección del color coincide con la
mayoría de las webs con gran tráfico: Yahoo!, AOL, MSN... En todas
prevalece el azul junto a colores neutros. Es más que una moda: es una
preferencia de los visitantes.

En el estudio que hizo en 2002 para el rediseño de su web, la BBC
llegó a un resultado igual al de Amazon. Se escogió el azul porque fue
el color preferido en los estudios previos. El azul gustó, sobre todo, al público masculino.

La investigación que ha realizado Eva Heller con 2.000 personas llegó a la
misma conclusión. El azul es el color más apreciado. El 45% de los
usuarios lo citó como su color preferido. Pero es más sorprendente,
que sólo el uno por ciento de las personas lo mencionaba como el color
que menos le gustaba. Eso lo hace especialmente indicado para sitios
de mucho tráfico. Es el color que menos rechazo genera, al contrario que el
marrón.

Leatrice Eiseman, del instituto Pantone, también lo recomienda para
webs muy visitadas. Ella afirma que es un color que da confianza e
inspira calma y muy apropiado para Internet.

Bueno, es lo que pienso.

Ventajas de los menús a la derecha - Opinión

Durante muchos años, ha parecido un mito casi indiscutible que los menús de los web deberían ir a la izquierda. Parece que se ha convertido casi en un estándar. Esa es la ventaja que tiene esa posición. Al haberse convertido en un estándar, los usuarios puede que busquen antes el menú a la izquierda. En el sitio de la empresa automovilística Audi se hizo un test con internautas, y precisamente, se llegó a la conclusión de que los usuarios miraban a la izquierda de la pantalla buscando un menú.

Sin embargo, en Audi colocaron el menú a la derecha ¿La razón? una vez que los usuarios lo encontraban, se manejaban mucho mejor dentro del web. El tiempo de navegación entre la tercera, la cuarta y sucesivas páginas disminuía radicalmente. Hay que tener en cuenta, que la mayor parte del tiempo, un usuario tiene el ratón a la derecha de la pantalla, cerca de la barra de scroll. Si el ratón está en esa área, es más fácil pinchar en un menú a la diestra.

Yo hice la prueba en un sitio web en el que trabajé. El web tenía una media de 9 páginas vistas por visita. El contenido no era especialmente interesante. Pero los usuarios cambiaban fácilmente de página en los menús. El principal estaba en la parte de arriba. Es cierto que esa parte es la que más se mira y es la mejor para el menú principal. Pero, para los menús secundarios yo me inclino por la derecha. En ese sitio en el que trabajé, descendió la profundidad de la visita cuando se movieron los menús a la izquierda.

No soy la única persona en el mundo a favor de esa opción. Las reglas de usabilidad del Gobierno Norteamericano decían lo mismo. Ahora los colocan arriba. Otro de los sitios más investigados del mundo, Macromedia, colocaba los menús a la derecha. Tras la compra por Adobe, los coloca arriba.
La pega que tinen los menús horizontales en la parte de arriba es que no hay tanto espacio como a la derecha. Aquí estamos comparando las ventajas de la derecha sobre la izquierda. A9, la incursión de Amazon en el mundo de los buscadores,también aprovecha la derecha. Es ciertoque estos sitios no explican sus razones.

Yo creo que cuando el menú necesita llamar la atención, lo mejor es que esté arriba. Pero para webs-aplicación que deben ser usadas frecuentemente lo mejor es que estén a la derecha.