01b intro visualizaciondatos 2014

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