Propuesta en Photoshop

Aquí va una idea que he tenido para hacer en photoshop. Es una frikada yanki, lo sé, pero es mi tema ;-)

Contadme qué os parece, un saludo
Alfredo Puentes

Premios Malofiej 2008

Saludos, mirando la lista de premiados de los Premios Malofiej fallados este año he visto un par de cosas curiosas. La lista de premiados españoles es bastante, bastante amplia. Está claro que tiene que influir el hecho de que los premios sean fallados en Navarra pero también el buen nivel de los infografistas de nuestro país.

Un diario que es muy premiado por sus infográficos en papel es Público donde, según he podido ver, lideran el equipo dos ex trabajadores de La Voz de Galicia (Álvaro Valiño y Chiqui Esteban, los dos de un nivel impresionante, fijaos en este proyecto de Valiño). Los infográficos de Público son sencillos pero claros y aportan mucha información. Temáticamente se centran en asuntos bastante típicos para infográficos (casos judiciales complejos, artilugios mecánicos o electrónicos, datos económicos...). En el blog de Chiqui Esteban hay una recopilación de los infográficos premiados de Público , os dejo aquí puesto el del juicio del 11-M como ejemplo.

También juegan a muy alto nivel el Marca (sobre todo en infográficos digitales), el Diario de Sevilla y el Correo de Bilbao, aunque este último al parecer ha perdido fuerza por marcharse a EEUU dos de sus principales responsables (uno al Boston Globe y otro a National Geographic).

Precisamente otro español emigrado a las américas, Xocas, gana otro Malofiej por este elaborado infográfico para Newsweek sobre los explosivos con los que se atenta contra las tropas americanas en Irak. Enormemente detallado y con información útil.

Los dos oros en la cateogoría de infográfico on-line se los lleva el nytimes.com por dos enormemente trabajadas infografías, una sobre una expedición al Kilimanjaro y otra sobre la matanza en la Universidad Virginia Tech.

He visto un comentario sobre los premios en CuatroTipos, un blog que hacen cuatro infografistas españoles. Sostienen que los oros premian a infográficos bien trabajados pero que van en una dirección atrasada, la del infográfico lineal, en lugar de un infográfico verdaderamente interactivo. Usan como ejemplo de esto último el proyecto de Xocas en 2006 en elmundo.es sobre los incendios en Galicia.

¿Qué pensáis? ¿Hay que evolucionar hacia la infografía interactiva o hay espacio para las lineales?

Y añado un segundo debate. En el segundo enlace que he puesto de los oros del NYTimes hay un infográfico digital extraordinariamente bien realizado sobre la matanza en la Universidad de Virginia Tech. La digitalización del escenario y la información con la que se trabaja es espectacular pero ¿necesitamos saber todo esto sobre la matanza? ¿tiene una función informativa llegar a ese nivel de detalle? ¿o ya hemos llegado al punto en que determinados infográficos se hacen simplemente por ganar un Malofiej ;-) ?

Un saludo
Alfredo

Una introducción al diseño de la información (Mijksenaar)

He estado echándole un vistazo a este librillo que venía en la bibliografía de la materia y os comento un par de cosas, a ver si da para debatir algo.

En lo que incide sobre todo Mijksenaar es en una idea: que el diseño debe establecer como máximo objetivo la claridad y la presentación de la información de un modo simple, claro y sin ambigüedades. Pone entre comillas la vieja idea de que la forma sigue a la función, dando por hecho que este axioma puede resultar en diseños caóticos y complejos. Mijksenaar recomienda establecer primero el contenido, hacer un diseño asequible y luego ajustarlo a las necesidades de los usuarios. Sin contenido no hay forma, afirma, y usa dos citas para resumir sus ideas:

- “Aspira a dominar el contenido, la forma se alzará a tu encuentro” (Douwes Deker, escritor holandés)

- “La belleza es el resultado de la claridad y del sistema” (Henry Van de Velde, arquitecto belga)

Mijksenaar apuesta por el análisis funcional. Pone por ejemplo de error el servicio de rellamada de un teléfono, instrumento muy útil pero que se pierde por su poca visibilidad. De hecho, explica el autor, los instrumentos con menos botones (relojes, teléfonos) son los más complicados, al combinar varias funciones en el mismo botón y ser difíciles de memorizar. Un automóvil, sin embargo, tiene un control para cada acción aproximadamente, y resulta mucho más sencillo y funcional. Al igual que el arquitecto romano Vitruvio encontraba en los diseños tres factores principales: Firmitas (firmeza), Utilitas (Utilidad) y Venustas (Belleza), Mijksenaar divide los diseños en Seguridad, Utilidad y Satisfacción.

El autor recomienda a los diseñadores interesarse por el contenido de aquello que diseñan, tanto con respecto a las obras educativas como a, que es lo que a nosotros más nos interesa, la información visual.

También apuesta por la creación de una “gramática común” del diseño visual, basándose en las aportaciones del economista austríaco Otto Neurath, que intentó crear un “diccionario visual”. Este vocabulario visual universal sería especialmente útil para guías de viaje, manuales de instrucciones, aviones y aeropuertos.

Información Visual

Hablando concretamente de infografía, el autor recuerda a Nicholas Oresme, obispo de Lisieux, quien, en el siglo XIV creó la primera representación gráfica de datos (un balance de importaciones y exportaciones), usando el sistema de ejes horizontales y verticales al que más tarde, en el siglo XVIII Reneé Descartes daría el nombre de Coordenadas Cartesianas. Más tarde el economista Playfair y el inventor James Watt descubrieron que las representaciones gráficas podían utilizarse no sólo para datos empíricos sino para estadísticas de todo tipo.

El siguiente hito de la infografía fue el diseño del ingeniero francés Joseph Minard, que mostraba en una gráfia el declive de las tropas napoleónicas en Rusia (de la que Leticia ya nos habló en este blog), combinando brillantemente la información estadística (temperatura, número de soldados supervivientes) y los datos topográficos (ubicación, distancia…). Las representaciones gráficas, sin embargo, seguían siendo inadecuadas para lectores inexpertos, pues requerían un cierto grado de formación intelectual.

Para tratar de subsanar esto, aparece la aportación de Jacques Bertin: las “variables gráficas”, entre las que enumera posición, forma, tamaño, contraste, textura, color y dirección. Estas variables aportan un conjunto de directrices para los diseñadores. Las variables pueden ser jerárquicas como el tamaño o la intensidad, que dividirán la información jerárquicamente o variables de distinción como color o forma, que separan en grupos.

Las variables gráficas, afirma Mijksenaar, permite diseñar los elementos de un panel de control, mapas, etcétera, antes que el mismo panel de control o mapa. Como sostiene el autor, primero hacer un diseño asequible y luego ajustarlo a las necesidades del usuario. Y como sostiene el autor, es útil crear una gramática común.

Por último, destacar la idea que aporta el autor sobre el tiempo secuencial, factor que (a través de viñetas, por ejemplo), desempeña un papel muy importante en el diseño de los folletos.

Alfredo

Las posibilidades de los consumidores

Esquema de los posibles caminos a seguir a la hora de llevar a cabo una reclamación.

Mi propuesta de infografía

Para la realización de este boceto emplee información que encontré en la página del Instituto Galego de Consumo referente a los viajes e intenté resaltar las recomendaciones que me parecieron más importantes.

Fuentes: GettyImages me "ofreció" al paisano que escogí de esta ilustración.

La crisis global

Saludos, os presentamos nuestro proyecto de infográfico para explicar la crisis económica. Nos hemos planteado que la principal característica de esta crisis y la que la diferencia claramente de otra con la que se la suele comparar (el crack del 29) es que los efectos de esta crisis financiera, lejos de afectar mayoritariamente a un solo país, se ha extendido a través del sistema financiero a todos los rincones del planeta. Vivimos en una economía cada vez más mundial e interdependiente y por ello esta es la primera CRISIS GLOBAL.

Esto es el boceto de lo que sería nuestro infográfico. En la versión completa hemos simplificado el aspecto de los cuadros explicativos. Cada uno de ellos en la versión final sería como el ejemplo que ponemos (Rusia). Tendrían un par de datos de contexto para hacerse una idea del peso global de estos países (PIB y población) y un breve resumen de los acontecimientos que la crisis ha precipitado en este país o, en caso de enclaves estratégicos como Rusia, de la situación en la que se encuentran. Hemos escogido los diferentes países porque:

- Reino Unido: El gobierno de Gordon Brown ha procedido a nacionalizar parcialmente algunos bancos que afrontaban serios problemas de liquidez.

- Islandia: La divisa y el banco central islandés se han desplomado totalmente, se trata del país más destrozado por la crisis hasta el momento.

- Holanda: El gabinete holandés se ha visto obligado a inyectar dinero en uno de sus principales bancos: ING.

- Alemania: Angela Merkel diseñó su propio plan de rescate financiero, mucho menos potente que el estadounidense, para garantizar los depósitos bancarios.

- Ucrania: Ha necesitado un ingente préstamo del Fondo Monetario Internacional para salir adelante.

- Rusia: Una de las grandes potencias del planeta, como resumimos en la ficha, con sus particulares problemas en torno al petróleo y al gasto militar.

- Japón: La segunda economía del mundo, ya oficialmente en recesión.

- China: Potencia emergente por excelencia, esta crisis podría ser su oportunidad para ganar influencia internacional. Liberado del temor a tomar medidas impopulares que atenaza a los gobiernos democráticos, el presidente chino ha presentado un enorme plan de rescate bancario.

- Pakistán: Por si fuera poco el clima de enorme inestabilidad política en la que vive, el país asiático ha necesitado también un préstamo de urgencia del FMI

- Arabia Saudí: Como líder de los países productores de petróleo, se trata de una potencia a observar en el contexto actual.

- Hungría: Un caso similar al de Islandia, rescatado a tiempo gracias a su pertenencia a la Unión Europea, que ha impedido su desplome. Ahora, en brazos del FMI.

- Italia: Berlusconi ha tomado su propio plan de inyección de liquidez, atosigado por los cierres de plantas de producción, sobre todo del sector automovilístico (Fiat).

- España: Aún avalando la solidez del sistema financiero español, el gobierno de Zapatero ha tomado medidas para asegurar los depósitos bancarios.

- Argentina: Un ejemplo perfecto del carácter global de la crisis que vivimos. La presidenta Cristina Fernández nacionaliza los fondos de pensiones y acto seguido cae la bolsa. Pero no sólo la argentina sino parte de las europeas, destacadamente la española.

- Bélgica: Sumido desde hace casi dos años en una permanente crisis política, el gobierno provisional belga ha tenido que nacionalizar, junto a Holanda y Luxemburgo, el banco Fortis, uno de los más importantes del territorio.

- EEUU: El gobierno saliente de Bush deja como herencia a Obama el macroplan de rescate financiero diseñado por el secretario del Tesoro Henry Paulson, que compromete miles de dólares en la compra de activos financieros que ofrezca liquidez a los bancos estadounidenses, tras la quiebra de gigantes como Lehmann Brothers o Merryl Lynch.

Las fuentes han sido diferentes informaciones en prensa: El País, El Mundo, Público, ABC, La Vanguardia, El Economista, Libertad Digital, BBC y Europa Press.

Por último queremos mostrar la versión del infográfico para los medios digitales. Se trata del mismo mapa del mundo, con la diferencia de que los países que hemos seleccionado se encuentran marcados por puntos rojos. Al pasar el ratón sobre el país que el usuario desee, el correspondiente texto explicativo aparecerá en el cuadro situado bajo el mapa.

Un saludo, esperamos vuestros comentarios.

Los experimentos visuales de Digg

Digg Labs reúne cinco propuestas experimentales de Digg para la visualización de su actividad. Desde imágenes hasta gráficos, entre las apuestas de Digg se puede encontrar el futuro. En todas las modalidades que la página norteamericana ofrece a sus usuarios, podemos escoger entre nuevas historias, mostrar toda la actividad o sólo las noticias más populares de Digg.




Una imagen vale más que mil palabras. Al menos eso es lo que parecen pensar los diseñadores de Pics, una de las interfaces alternativas de las que dispone Digg. Una sucesión de imágenes desfila ante nuestros ojos en diferentes filas según el tema que traten. Las filas crecen según los votos que reciben las noticias en Digg. Con un clic, ampliamos y paralizamos la fila. Con otro, podemos acceder a la información que explica la imagen.



Los gráficos de tarta se modernizan con Digg Arc para mostrar de forma dinámica qué temas son votados en la página. Cada color del círculo más céntrico representa a una de los ocho áreas temáticas generales como tecnología, estilo de vida o juegos. Según nos vamos alejando del centro de la circunferencia, las diferentes tonalidades indican subcategorías nuevas, hasta llegar al exterior del círculo, donde aparece el nombre del usuario que ha votado esa noticia.


Pero no sólo de imágenes vive Digg Labs. Bigspy juega con el texto y el cuerpo de letra para indicar la importancia de las noticias que se están "diggeando".


Stack es otra de las innovadoras apuestas gráficas de Digg Labs. Las barras que representan cada noticia de Digg van recibiendo pequeños cuadrados que las hacen crecer a medida que la gente va votando. Simultáneamente, en la parte inferior van apareciendo los títulos de las historias. Además, la gama cromática de las barras indica la popularidad de la noticia, siendo el verde el valor más alto.


Quizás la apuesta más arriesgada de Digg Labs es Swarm, una representación de la actividad actual de Digg mediante círculos. Cada círculo representa una historia, siendo el tamaño el indicador de la importancia de la historia. Los puntos amarillos que se "pegan" a las historias son los usuarios de Digg moviéndose por las noticias que éste les ofrece.


Menéame, la versión hispana de Digg, también tiene una sección, llamada la "fisgona" , para representar la actividad de la página en relación a sus usuarios y la popularidad de las historias, pero es bastante más rudimentaria que las propuestas experimentales que ofrece Digg.

Bombay

Acabo de echar un vistazo rápido al tratamiento infográfico que hoy da la prensa nacional al atentado de Bombay y quiero dejar un par de anotaciones, con vista a un análisis posterior más profundo (seguro que lo comentamos en clase la semana que viene):

En general, todos ubican más o menos de aquela maneira los hechos, pero, a mayores, no creo que saquen un gran rendimiento de las posibilidades que ofrece la infografía en ninguna de las cabeceras que he podido ver. Ni en el contenido informativo, ni en la forma en que lo transmiten. Mayor crítica que se le puede hacer, como se ha visto en el foro de Berta: todos hacen demasiado hincapié en la aventura de Aguirre.

Además de la localización, común en todos los periódicos, podemos ver:

en El Mundo: secuencia horaria, descripción de un terrorista y de un kalashnikov. ¿Vale de mucho?

en ABC: "La odisea de Aguirre en Bombay", seguramente la más truculenta y morbosa. Dibujitos secuenciales que en seis episodios nos ilustran cómo la presidenta coincide con el alcalde (1), se empiezan a oír los disparos (2), pierde los zapatos en la carrera (!) (3), se esconde tras la recepción (4), huye por la puerta trasera (5), sube a un vehículo en el que llega hasta el aeropuerto (6).

Digno de ver, espectáculo puro y duro. El cómic se acompaña con unas citas textuales de la presidenta destacadas al margen. El pack completo.

en El País: "Huida de la delegación madrileña", dibuja el recorrido, también por pasos pero en un mapa ubicativo (en lugar de por escenas), desde la llegada al hotel (1), recepción (2), alcalde (3), ruido de cristales (4), huida (5), coche (6), aeropuerto (7).

En su favor hay que decir que, pese a insistir en la odisea aguirreana, la personalización del personaje no es tal, con figuritas clásicas que no incurren en la dramatización en plan dibujos animados de ABC.

Además, El País incorpora un pequeño gráfico ("Principales atentados en India en los últimos 15 años) y una tablita con los lugares en que tuvieron lugar, lo que supone el valor añadido del contexto.

en La Voz: hace un remix total. "La secuencia del múltiple atentado en Bombay" engloba ilustraciones más o menos apropiadas (más menos que más) para explicar el modus operandi, el hotel, la secuencia horaria de los hechos y el número de terroristas, muertos y heridos.

El resultado, bajo mi punto de vista, es un cacao enorme, aunque también tengo que decir que su infografía ubicativa es una de las que más me gusta, con un mapa estilo Google Earth en que se señalan las distintas localizaciones de interés en el transcurrir de los hechos.


Me imagino que estas deficiencias se deben a la poquita información que aún se tiene de lo sucedido (relato de los españoles que lo vivieron in situ), pero aún así, ¿se podría haber hecho de otra forma? Supongo que sí, como dicen los expertos, estos casos sirven para evaluar el nivel de nuestra infografía... y hay mucho por mejorar.

Otros formatos interesantes en la infografía

Internet nos permite descubrir cómo la infografía se puede emplear en otras plataformas aparte de la clásica infografía de prensa o la infografía interactiva. Este video fue elaborado por el Ministerio japonés de agricultura y pesca y resulta asombroso cómo las figuras isométricas logran explicar a la perfección un tema que podría resultar denso y pesado en otros formatos periodísticos. Os recomendamos que le echéis un vistazo porque está muy, muy, muy bien.

Larry Gormley y Bill Younker son unos auténticos artesanos de la infografía. Estos diseñadores, que se confiesan "herederos" de los maestros Minard y Tufte, crearon History Shots en 2003, la empresa desde la que ofrecen la realización de infografías. En su página podemos ver algunos de sus increíbles trabajos, que van desde un "timeline" de la historia del rock hasta la evolución de los partidos políticos norteamericanos. Además, podemos encontrar trabajos curiosos y bien elaborados, como por ejemplo este infográfico referente a los dominios de cada país en la red:

Como curiosidad, la página incluye una tienda en la que se pueden adquirir desde tazas con infográficos, hasta postales e incluso mochilas. Todo un paraíso para los amantes de la infografía.