Download - DISEÑODE INFORMACIÓN’
DISEÑO DE INFORMACIÓN
Dar forma a la información…
para comunicar eficientemente
Estela Muelas -‐ [email protected]
Estela Muelas -‐ [email protected]
¿DISEÑO DE INFORMACIÓN?
La información no puede ser diseñada; lo que puede diseñarse son los modos de transferencia y las representaciones
de la información
Raskin, 2005
Estela M
uelas
Nuestro mundo visual
Nube de etiquetas del primer capítulo de Don Quijote de la Mancha, filtrando las palabras comunes.
Estela M
uelas
Alfabetización visual Capacidad para entender y producir información presentada en forma gráfica
“Debemos saber “leer” -‐consumir/interpretar-‐ imágenes y “escribir” -‐producir/usar-‐ comunicaciones enriquecidas visualmente. Debemos ser capaces de movernos fluidamente entre textos e imágenes, entre el mundo textual y figurativo”
Lynell Burmark
Estela M
uelas
Visualización de la información
Visualizar la información
no es añadir gráficos al contenido, sino elaborar un mensaje
Estela M
uelas
Nuestro mundo visual
Tráfico aéreo mundial (simulación de 24hs). Fuente: ZHAW, 2007 https://youtu.be/jY25IcyOb5E
Estela M
uelas
Informar… Los gráficos no pueden recortar datos del contexto
Connecticut Traffic Deaths after stricter enforcement by the police against cars exceeding speed limits (Fuente: Edward Tufte)
Estela M
uelas
Informar… Los gráficos no pueden recortar datos del contexto
Connecticut Traffic Deaths after stricter enforcement by the police against cars exceeding speed limits (Fuente: Edward Tufte)
Estela M
uelas
Informar…
entre la primer y la última manzana hay una diferencia del 55% (en toneladas) pero lo que se percibe es un 139%
Estela M
uelas
Informar…
No confundir variación en el diseño con variación en los datos
Web visible
Web invisible: 50 veces más
Estela M
uelas
Informar…
cambio en el tamaño de un objeto/ cambio numérico del dato = FACTOR DE MENTIRA
cambia la superficie en 4,5 / cambia el dato en 1,5 = 3
Estela M
uelas
Visualización de la información
Un lenguaje visual…
ü Puede ser analizado ü Es usado por una comunidad ü Es completo y claro ü Puede ser evaluado en base a la eficacia de su comunicación ü Está compuesto de una pluralidad de signos que tienen significados comunes ü Tiene la ambigüedad adecuada para una comunicación flexible
Adaptado de Horn, 1999
Estela M
uelas
Visualización de la información
Implica…
ü Mostrar datos. ü Hacer que el receptor piense acerca de los datos. ü No distorsionar lo que los datos tienen que decir. ü Presentar la información en espacios reducidos. ü Presentar bloques de información coherentemente. ü Mostrar los datos en diversos niveles de detalle. ü Conectar la información real con el diseño visual.
Estela M
uelas
Visualización de la información
Ø La primera condición es su valor semántico y monosémico; no es un valor estético.
Ø El objeto es la transmisión de conocimientos comprensibles y útiles.
Ø Tiene fines pragmáticos y su grado de eficacia depende de cómo se elimina la complejidad de los fenómenos y los procesos .
Ø Consiste en presentar mensajes unívocos, monosémicos, que no admitan otras interpretaciones.
Estela M
uelas
Visualización de la información
Ø ¿Cómo presentar los resultados de una estadística del modo más claro posible?
Ø ¿Cómo diseñar una infografía atractiva a la vez que informativa?
Ø ¿Cómo transformar un procedimiento o un proceso en un diagrama?
Estela M
uelas
Visualización de la información
Fuente Edward Tufte
https://cartographia.files.wordpress.com/2008/05/minard_napoleon.png
Estela M
uelas
Visualizando textos Para realizar una “Nube de etiquetas” y encontrar las palabras más frecuentes en un texto:
Tagxedo http://www.tagxedo.com/app.html
Wordle
http://www.wordle.net/create Para realizar un “Árbol de palabras” a partir de las palabras más frecuentes:
WordTree https://www.jasondavies.com/wordtree/
Estela M
uelas
Visualización de la información Causas de … http://chiquiesteban.com/graphics/causes_death_spain.html
Budget Proposal http://www.nytimes.com/packages/html/newsgraphics/2011/0119-budget/
Votaciones en el congreso http://votaciones.lanacion.com.ar
Newsmap http://newsmap.jp
Proyecto censo http://www.lanacion.com.ar/censo-argentina-t49151
Tweet Topic Explorer http://tweettopicexplorer.neoformix.com/#n=NYTimes
Carrot2 Clustering Engine http://search.carrot2.org/stable/search
Estela M
uelas
Visualización de la información oScope http://www.oskope.com
Visaul Thesaurus http://www.visualthesaurus.com
Liveplasma http://www.liveplasma.com
Gapminder http://www.gapminder.org/videos/200-years-that-changed-the-world-bbc/
World Food http://cdn.wfp.org/data/globe/
AquaBrowser http://duoc.aquabrowser.com
Worldmapper http://www.worldmapper.org/index.html
Estela M
uelas
Visualización de la información
Cuando representamos gráficamente no podemos olvidar que:
Ø Estamos empleando un lenguaje visual.
Ø Ese lenguaje ha de estar basado en convenciones habituales.
Ø Las convenciones empleadas tienen un componente cultural que no se puede obviar.
Ø Un mapa, un diagrama, un esquema son documentos a los cuales se les interroga.
Estela M
uelas
Visualización de la información
Las visualizaciones no son neutras, dependen de nuestra elección y de lo que queramos mostrar a los demás y a nosotros mismos.
Juan C. Dürsteler
Estela M
uelas
Para determinar
el tipo de información que resulta relevante y útil
para la toma de decisiones,
es fundamental considerar
la naturaleza de la decisión y
el tipo de usuarios que la demanden en los
distintos niveles de decisión.
Visualización de flujos