Visualizaci贸n de datos Introducci贸n
2014 - Ricardo Vega - ricardov.cl - @ricardov_cl Creative Commons | Attribution-NonCommercial-NoDerivatives 4.0 International
Que pasa con el Diseño?
¨Diseña todo aquel que concibe actos destinados a transformar situaciones existentes en otras nuevas.¨
Diseño esta cambiando? Diseño como meta disciplina: biólogos, abogados, arquitectos, enfermeras, hablan de "diseñar".
Que pasa con el Diseño?
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.
Que pasa con el Diseño?
Dónde actúa: Los tipos de de futuro.
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 información.
Tipos de Dise単o
Dise単o de experiencias, dise単o de interfaces.
Tipos de Dise単o
Dise単o Especulativo (Critical Design), Adversarial Design, etc. www.moma.org/exhibitions/2008/elasticmind/
Qu茅 hacer con tanta Informaci贸n
Hoy estamos ordenando complejidad (Weaver). Muchos datos para entender. Visual Compexity - http://astore.amazon.com/visualcompl0f-20/detail/1568989369
Qu茅 hacer con tanta Informaci贸n
Data Big Data.
Qué hacer con tanta Información
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.
Qué es Visualización de Datos e Información Visualización de Información = Visualización de Datos diferencia semántica
Proceso de transformación de datos en información y estos en en elementos perceptuales para ser aprehendidos como conocimiento.
Diseño de Información, Visualización de Datos, Diferencias.
Qu茅 es Visualizaci贸n de Datos e Informaci贸n
Diagrama Nathan Shedroff. http://www.nathan.com/thoughts/unified/unified.pdf
Para qu茅 sirve - Algunas Historias
Visualizaci贸n de Datos sirve para: Revelar y/o Comunicar.
Para quĂŠ sirve - Algunas Historias
Revelar: Descubrir patrones y construir conocimiento. Comunicar: Transmitir un mensaje haciĂŠndolo comprensible. Vemos parones en todos lados (pareidolia)
Para quĂŠ sirve - Algunas Historias
Pintura como medio para evangelizar. Comunicar.
Para quĂŠ sirve - Algunas Historias
Maqueta Barco de Esclavos, William Wilbeforce (Slave Trade Act, 1807). Comunicar.
Para qu茅 sirve - Algunas Historias
Mapa de C贸lera, John Snow (Epidemia de C贸lera en Londres, 1854). Revelar.
Para qué sirve - Algunas Historias
Diagrama área polar, Florence Nightingale (Guerra de Crimea, estadística social, 1858). Comunicar.
Para qué sirve - Algunas Historias
Campaña Rusa de Napoleón en 1812. Charles Joseph Minard, 1869. Revelar-Comunicar.
Para qué sirve - Algunas Historias
Estimación de daños en Aviones Abraham Wald (WW2). Revelar.
Dónde está la Visualización (el objeto, o en la mente?) Dónde está la visualización? - Los datos y la información están afuera de nosotros. - El conocimiento, la construcción de saber, esta dentro nuestro. Prótesis cognitivas. Tecnologías del conocimiento. ej: Sumar mentalmente: 2+1=3 4-7-9+3-6-1/2*5(2-4)= mmm...
La visualización de Información (o datos) y el Diseño de Información = producción de conocimiento creando la imagen interna (construcción).
Dónde está la Visualización (el objeto, o en la mente?) Necesitamos herramientas externas. Donald Norman (1993): “El poder de la mente sin ayuda esta muy sobrevalorado. Sin ayuda externa, la memoria, el pensamiento y el razonamiento se ven restringidos. Pero la inteligencia humana es altamente flexible y adaptable, soberbia inventando procedimientos y objetos que superan sus propios lı́mites. 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.”
Dónde está la Visualización (el objeto, o en la mente?)
Estímulos perceptibles (Objeto visual, sonoro, táctil, etc) para crear una visualización interna. ah, ahora lo veo! (quien no ha dicho esto cuando entendemos algo..)
Tipos de estímulo
Estímulos sonoros (bocina, rugido de un león).
Tipos de estímulo
Estímulos táctiles (calor, piso texturado).
Tipos de estĂmulo
EstĂmulos de olor (perfumes, comidas).
Tipos de estĂmulo
EstĂmulos visuales. 70%-80% del ancho de banda perceptivo es visual.
Implicancias
capacidad mental usada para decodificar
capacidad mental usada para comprender
Importancia de la codificaci贸n: usar la capacidad del cerebro en entender, no en decodificar (Designing Data Visualizations, Illinsky & Steele, 2001).
Ejemplos por รกreas (arbitrario)
Mapas y GIS (Geographic Information Systems): http: //ngoaidmap.org/
Ejemplos por รกreas (arbitrario)
Humanidades Digitales: History Flow (Viegas & Wattemberg). https://www.research.ibm.com/visual/projects/history_flow/
Ejemplos por áreas (arbitrario)
Mapas mentales. Relaciones y Jerarquías. Descripción tipos de gráficos. (Sergio García, BCN)
Ejemplos por áreas (arbitrario)
Periodismo de datos. ¨How the Recession Reshaped the Economy¨ http://www.nytimes.com/upshot/
Ejemplos por รกreas (arbitrario)
Quantified Self. Nike-Ipos
Ejemplos por รกreas (arbitrario)
Anรกlisis de Texto: Origin of Species (Ben Fry). http://benfry.com/traces/
Ejemplos por áreas (arbitrario)
Socio-Político: Gapminder. http://www.gapminder.org/
Ejemplos por รกreas (arbitrario)
Networks. http://www.theyrule.net/
Ejemplos por รกreas (arbitrario)
Anรกlisis Social: We Feel fine (Harris-Kampvar). http://wefeelfine.org/
Ejemplos por รกreas (arbitrario)
Interface de Noticias: Newsmap. http://newsmap.jp/
Ejemplos por รกreas (arbitrario)
Cine: Cimetrics. http://cinemetrics.fredericbrodbeck.de/
Ejemplos por รกreas (arbitrario)
Otros: Flight Patterns (Koblin). http://www.aaronkoblin.com/work/flightpatterns/
Oficinas
Accurat. http://www.accurat.it/
Oficinas
Jer Thorp. http://blog.blprnt.com/
Oficinas
Manuel Lima. http://www.visualcomplexity.com/vc/
Oficinas
Stamen. http://stamen.com/
Oficinas.
Pitch Interactive. http://pitchinteractive.com/
Oficinas
Fathom. http://fathom.info/
Debates
Arte o diseño? Andrea Lau / Andrew Vande Moere. ¨Towards a Model of Information Aesthetics in Information Visualization¨ http://infoscape.org/publications/iv07.pdf