infografíauna charla-taller de

infografía 1- ¿Qué es la infografía?

La palabra infografía tal y como la conocemos deriva del término inglés infographic. En español, el -info de infografía hace referencia a “informática” y no a “información”.El término español que ha sido desplazado por el anglicismo es diagrama.

Así, según la R.A.E.:

infografía. (Acrón. de informática y -grafía; marca reg.). 1. f. Técnica de elaboración de imágenes mediante ordenador. 2. f. Imagen obtenida por medio de esta técnica.

diagrama. (Del lat. diagramma, y este del gr. διάγραμμα, diseño). 1. m. Dibujo geométrico que sirve para demostrar una proposición, resolver un problema o representar de una manera gráfica la ley de variación de un fenómeno. 2. m. Dibujo en el que se muestran las relaciones entre las diferentes partes de un conjunto o sistema.

En cualquier caso, por convención actual y aceptación del anglicismo, podemos usary definir la palabra infografía como la

Representación gráfica de datos, informaciones o conocimientosmás o menos complejos, de tal modo que sean reconocidos

y comprendidos de forma clara y rápida.

Haciendo uso de la ambivalencia de la palabra podemos afirmar quelas actuales infografías se crean infográficamente.

¿En qué se diferencia la infografía de otras representaciones gráficas de información, como pueda ser la señalética, el cartel o la ilustración?

-La señalética presenta informaciones simples, no complejas. -El cartel tiene un propósito de impacto visual, informativo o publicitario. -En la ilustración prevalece el valor estético sobre la información.

Ahora bien, la señalética y la infografía tienen en común el uso de pictogramas; existen carteles divulgativos que pueden contener infografías, y una infografía puede tener valor estético al igual que una ilustración.

infografía 2- Historia de la infografía - antecedentes.

La representación visual de información es anterior incluso a la creación del alfabeto. Las pinturas rupestres son mayormente descriptivas y albergan los primerosideogramas; y a medida que el hombre ampliaba sus territorios comenzó a registrarsu entorno en forma de primitivos mapas.De hecho, podemos considerar la cartografía como la primera ciencia en emplear el método infográfico para transmitir información y conocimiento.

Con el paso de los siglos, el avance de las ciencias, las artes y las técnicas de impresión permiten el desarrollo de métodos visuales de divulgación del conocimiento. La astronomía, la medicina, la botánica, la architectura, la ingeniería, hacen uso de la ilustración técnica y científica.

El Mundo Conocido de Ptolomeo,versión de Johannes de Armsshein, 1482.

Mapamundi del cartógrafo al-Idrisi, 1154.

Estudio del embrión humano de Leonardo da Vinci,1510-1513.

A modo particular, las familias nobles también hacían uso de la infografía cuando encargaban y presumíande dinastía, en forma de árbol genealógico.

Sin embargo no será la curiosidad científica sino elpragmatismo político-económico, lo que impulsará la necesidad de otro tipo de representación gráfica dela información.

En el siglo XVIII nace la estadística como respuestaa las necesidades de compilación de datos de las nuevas Administraciones Públicas.

Gráfica polar de Florence Nightingale (1858)

infografía 2- Historia de la infografía - la gráfica moderna.

Los pioneros de la representación gráfica moderna no son artistas ni diseñadores; son científicos y economistas que desarrollan brillantes métodos de representación de datos abstractos. Entre ellos destacan William Playfair (1759-1823), inventor de la gráfica de barras, la gráfica lineal y la gráfica circular de sectores.

Graficas de William Playfair, 1786 y 1801.

Florence Nightingale (1820-1910) fue enfermera y diestra en matemáticas.Su gráfica polar o histograma circular sobre las causas de muerte de los soldados heridos en la guerra de Crimea propiciaron una reforma sanitaria británica.

infografía 2- Historia de la infografía - la gráfica moderna.

Mención especial requiere el trabajo de Charles Joseph Minard (1781-1870), cuya gráfica sobre la campaña rusa de Napoleón de 1812, publicada en 1869, esconsiderada como una de las mejores infografías jamás realizadas, por el modoen que combina los diferentes datos y la elegante presentación formal del conjunto,de indiscutible modernidad y eficiencia:

La línea quebrada de color claro representa en su anchura el número de soldados y en su dirección la trayectoria geográfica que recorrieron a la ida.La linea quebrada negra representa de igual modo los soldados a la vuelta.A tamaño original, cada milímetro de ancho de la gráfica representa 10.000 soldados, siendo evidente de un solo vistazo el desastre humano que allí aconteció.Tenemos también referencias geográficas de los ríos y el nombre de las poblaciones.Abajo se añade una gráfica con las heladas temperaturas que sufrieron las tropas.

La campaña rusa de Napoleón, por Charles Joseph Minard, 1869.

infografía 2- Historia de la infografía - la actualidad

El siglo XX influye de varias maneras en la comunicación visual.Nace el diseño gráfico como disciplina, se multiplican los medios de comunicación y los avances tecnológicos exigen - y también permiten- nuevas formas de expresión.

En Austria, Otto Neurath (1882-1945) “inventa” o define el isotipo. Los isotipos, signos, símbolos y pictogramas crean un lenguaje totalmente nuevo al representar objetos y procesos o conceptos de forma gráfica y simple.

Isotype: (International System Of TYpographic Picture Education)

Gerd Arntz (1900-1988) trabajó mano a mano con Neurath y diseño más de 4.000 isotipos. Sus trabajos infográficos pueden consultarse en http://gerdarntz.org/

Otl Aicher (1922-1991) creó los icónicos pictogramas para las Olimpiadas de 1972 en Munich, que luego sirvieron de inspiración para la carta de pictogramas de información pública ISO-7001 que permanece como estándar desde 1974.

Plano de Metro de Londres, Henry Charles Beck, 1933. Página del libro International Picture Language de Otto Neurath, 1936.

Estos pictogramas fueron un encargo del Departamento de Transporte de Estados Unidosy son de dominio público.

infografía 3- Crear una infografía.

Edward Tutfe (1942-) es el gran teórico y divulgador de la comunicación visual y el diseño de información desde finales del siglo XX. http://www.edwardtufte.com

En sus libros propone ocho principios a la hora de crear infografías:

1- Establecer comparaciones. La yuxtaposición de datos para su análisis implica una comparación entre ellos.

2- Mostrar la causalidad. Para entender la relación entre los datos hay que darles un contexto causal, que es casi como explicar el porqué de lo que estamos contando.

3- El mundo tiene infinidad de variables, los gráficos también deberían. Como mínimo, en cualquier gráfica existen tres datos relacionados, y no debemos temer el añadir todas las que sean necesarias en la explicación.

4- Integrar palabras, cifras e imágenes. Al contrario de lo que pueda parecer, esto clarifica el mensaje.

5- El contenido es lo que cuenta. Las infografías deben tener contenido, y bastante. El diseño es secundario y está al servicio del contenido siempre.

6- Mostrar toda la información a la vez. Si en una infografía los datos se relacionan entre sí, no tiene sentido separarlos en bloques o apartados. La visión de conjunto es importante y no hay que subestimar la capacidad cognitiva del lector.

7- Usar gráficos múltiples. Este punto se relaciona con el #3, ya que datos diferente pueden requerir gráficas diferentes, y sin embargo seguir formando un conjunto armónico.

8- Usar cantidades. Un gráfico que no aporta datos cuantificables, no es tal. Es un test, un pasatiempo, un ejercicio de diseño pero no una infografía.

Un buen ejemplo de gráficas con variables complejas, presentadas de forma atractiva e impecable, son los dispersogramas animados de Hans Rosling (1948-):http://www.gapminder.org/videos/the-river-of-myths/

infografía 3- Crear una infografía. La información y el diseño

La información:La fuente de información puede presentarse de diversa forma: un texto, una tabla, un plano, un examen científico... O de varias a la vez, siempre que estén relacionadas.Lo importante es desgranar los datos útiles y prescindir del resto.

Los datos útiles son los que aportan información cuantificabley los que contextualizan la información.

El tipo de gráfica:Cada infografía requerirá un diseño diferente. Según los datos que manejemossabremos si podemos acudir a plantillas de graficas clásicas o quizá combinar varias en una. La clave está en la relación de los datos entre sí.

Todos los tipos de gráficos posibles están documentados, desde la gráfica de puntos en eje de coordenadas a la gráfica de barras, la circular sectorial, la línea de tiempo, el diagrama de flujo, el de árbol, el diagrama de Euler (relación entre conjuntos), diagrama de relaciones, organigrama, etc. (http://es.wikipedia.org/wiki/Diagrama)

A estos gráficos de origen matemático y lógico, hay que añadir la representación visual de fenómenos empíricos. Este tipo de infografías son más divulgativas que analíticas, pero en la actualidad son las más populares y suponen un “gancho” para captaraudiencia en los medios de comunicación.

Evolución del cuerpo de la armadura,Yale University Press, 1920.

infografía 3- Crear una infografía. Sobre el diseño.

El diseño de una infografía no requiere de un procedimiento diferente al de cualquier otro diseño gráfico. Los elementos del diseño son los mismos: línea, punto, mancha, color, maquetación, tipografía; y el proceso también es igual: pensar, planificar,abocetar, corregir y arte final. También tendremos en cuenta leyes de la Gestalt como agrupación, cierre, y evitaremos las ilusiones ópticas.

Los límites.Los límites naturales son los que la naturaleza de la infografía nos impone.Por ejemplo, una línea de tiempo siempre debe seguir el orden de lectura izquierda- derecha o arriba-abajo para tener sentido (en occidente, claro).Otro límite es el formato, ya sea una página en impresión o unas dimensiones para web o multimedia. Si tenemos libertad de formato, intentaremos recurrir a dimensiones áureas o consensuadas.

Igualmente, también debemos imponernos límites personales, para evitar la dispersión creativa y la pérdida de enfoque sobre el trabajo.Estos límites autoimpuestos pueden ser:

Una carta limitada de colores a usar.Un estilo gráfico predeterminado.

El menor número de variaciones tipográficas posibles.

Otros vicios a evitar.Debemos recordar que una infografía -a priori-no es un cartel, y por tanto hay que evitar ciertas tentaciones gráficas, como por ejemplo grandes títulos, elementosgráficos superfluos, abuso o uso innecesario de pictogramas, estridencias cromáticas no justificadas, y en general culquier efecto o protagonismo gratuito del grafismo por encima de la información.También evitaremos la representación en perspectiva cuando no sea imprescindible para la comprensión de la infografía.

El buen hacer.La infografía nació y se desarrolló en el ámbito científico, por ello es considerada portadora de datos objetivos e infalibles. Debemos rehusar participar en el diseñode infografías que presenten datos manifiestamente tendenciosos.

Fundamentos del diseño:https://vimeo.com/32944253

infografía 4- Links para ver y aprender.

Una empresa dedicada exclusivamente a la infografía con trabajos fascinantes:http://www.accurat.it/

Un diseñador español que trabaja en medio mundo:http://www.alvarovalino.com/

Society for News Design, una sociedad internacionaldedicada a la infografía y con sede en España:

http://www.malofiejgraphics.com/

El Instituto Nacional de Estadística:http://www.ine.es/

Blogs y galerías de todo tipo de infografías:http://visual.ly/

http://vizualize.tumblr.com/http://www.informationisbeautiful.net/

http://visualizing.org/

Curiosidad: Todos los mapamundis que has visto están equivocados.http://www.manuelugarte.org/modulos/critica_eurocentrismo

/el-eurocentrismo-comienza-en-los-mapas.html

Herramientas de creación de gráficas:https://developers.google.com/chart/

https://github.com/mbostock/d3/wiki/Galleryhttp://gephi.org/

Infografías interactivas:http://htwins.net/scale2/

http://www.breathingearth.net/http://www.dangersoffracking.com/

http://www.evanshalshaw.com/bondcars/

Videos infográficos:https://www.youtube.com/watch?v=QPKKQnijnsM

https://vimeo.com/25329849https://vimeo.com/17891444https://vimeo.com/45983120https://vimeo.com/43233380https://vimeo.com/2285902