El caminante sobre el mar de nubes (1817–1818). Caspar David Friedrich (Alemania, 1774-1840)
Revelar y comunicar Para qué sirve? La Visualización de Datos y-o Información...
“Diseña todo aquel que concibe actos destinados a transformar situaciones existentes en otras nuevas.” Herbert Simon.
A
B Diseño
Cambio de un estado A a un estado B (H. Simon). Diseño no se ocupa de cómo son las cosas, sino de cómo podrían ser.
Queremos pasar de un estado de desconocimiento a otro de conocimiento, generando acciรณn. Para esto, se necesitan herramientas...
Tipos de Diseño
Diseño de experiencias
Tipos de Diseño
Diseño de interfaces.
Tipos de DiseĂąo
DiseĂąo Especulativo Critical Design Adversarial Design, etc. www.moma.org/exhibitions/2008/elasticmind/
Diseño de información.
Data Big Data.
Diversas aproximaciones a entender los datos: Visualización de Datos (representación visual de datos) Diseño de información (representación visual de información) Analítica Visual (análisis y exploración de datos) Minería de Datos (buscar patrones en los datos) etc.
Proceso de transformaciรณn de datos en informaciรณn y estos en en elementos perceptuales para ser convertidos en conocimiento.
Diagrama Nathan Shedroff. http://www.nathan.com/thoughts/unified/unified.pdf
Para qué sirve?
Visualización de Datos sirve para: Revelar y/o Comunicar. Revelar: Dar forma a los datos, descubrir patrones en los datos, descubriendo relaciones no evidentes.
Comunicar: Transmitir un mensaje haciendo más fácil su comprensión.
Por medio de estímulos perceptibles (Objeto visual o gráfico, Descubrir sonoro, táctil, etc)y construir conocimiento. Revelar: patrones Creando una visualización interna. ah, ahora lo veo!
“La potencia real proviene de la invención de ayudas externas que refuerzan nuestras habilidades cognitivas. ¿Cómo hemos incrementado memoria, pensamiento y razonamiento? Mediante la invención de ayudas externas: son las cosas las que nos hacen mas inteligentes.” Donald Norman (1993):
Necesitamos herramientas externas =
visualizaciones de datos Diseño de información Infografías etc...
EstĂmulos sonoros (bocina, rugido de un leĂłn).
EstĂmulos tĂĄctiles (calor, piso texturado).
EstĂmulos olfativos (perfumes, comidas).
EstĂmulos visuales. 70%-80% del ancho de banda perceptivo es visual.
capacidad mental usada para comprender
capacidad mental usada para decodificar
Importancia de la codificaciรณn: usar la capacidad del cerebro en entender, no en decodificar (Designing Data Visualizations, Illinsky & Steele, 2001).
Pintura como medio para evangelizar. Comunicar.
Maqueta Barco de Esclavos, William Wilbeforce (Slave Trade Act, 1807). Comunicar.
Mapa de Cรณlera, John Snow (Epidemia de Cรณlera en Londres, 1854). Revelar.
Diagrama ĂĄrea polar, Florence Nightingale (Guerra de Crimea, estadĂstica social, 1858). Comunicar.
CampaĂąa Rusa de NapoleĂłn en 1812. Charles Joseph Minard, 1869. Revelar-Comunicar.
EstimaciĂłn de daĂąos en Aviones Abraham Wald (WW2). Revelar.
Mapas y GIS (Geographic Information Systems): http://ngoaidmap.org/
Humanidades Digitales: History Flow (Viegas & Wattemberg). https://www.research.ibm.com/visual/projects/history_flow/
Mapas mentales. Relaciones y Jerarquías. Descripción tipos de gráficos. (Sergio García, BCN)
Periodismo de datos. ¨How the Recession Reshaped the Economy¨ http://www.nytimes.com/upshot/
Quantified Self. Nicholas Feltron. Annual Report
Anรกlisis de Texto: Origin of Species (Ben Fry). http://benfry.com/traces/
Económico-Político: Gapminder. http://www.gapminder.org/
Networks. http://www.theyrule.net/
Anรกlisis Social: We Feel fine (Harris-Kampvar). http://wefeelfine.org/
Observatorio de la complejidad econรณmica. http://atlas.media.mit.edu/en/
Cine: Cimetrics. http://cinemetrics.fredericbrodbeck.de/
Otros: Flight Patterns (Koblin). http://www.aaronkoblin.com/work/flightpatterns/
Accurat. http://www.accurat.it/
Jer Thorp. http://blog.blprnt.com/
Manuel Lima. http://www.visualcomplexity.com/vc/
Stamen. http://stamen.com/
Pitch Interactive. http://pitchinteractive.com/
Fathom. http://fathom.info/
Arte o diseño? Andrea Lau / Andrew Vande Moere. ¨Towards a Model of Information Aesthetics in Information Visualization¨ http://infoscape.org/publications/iv07.pdf