SlideShare a Scribd company logo
1 of 33
Download to read offline
¿Qué es la visualización?
Lev Manovich. Visual Studies. 2011
Seminario REMO
Nora A. Morales
22 de julio 2016
Lev Manovich es profesor de ciencias de la
computación en “The Graduate Center”,
City University de N.Y. y fundador de la
Iniciativa de Estudios de Software (2007)
laboratorio pionero en el análisis
computacional de colecciones masivas de
datos. Autor de más de 8 libros en cultura
visual y teoría de medios “El lenguaje de
los medios”.
Autores
Se ha vuelto algo más que una serie de herramientas técnicas
para manejar grandes conjuntos de datos. Emerge hoy en día,
como un medio en sí mismo, con un enorme potencial
expresivo y persuasivo.
Visualización de la información
Eric Rodenbeck (2008)
La evolución en la práctica de la visualización de la
información describe la producción visual de
representaciones a partir de una colección heterogénea de
datos para el avance del entendimiento de un concepto
complejo.
Manovich, L. 2011
William Playfair, político economista escocés, inventor de la gráfica de
barras. (1786). mostrando el precio de un cuarto de trigo y el salario de
una semana de trabajo
Cambió significativamente
la manera de percibir los
datos cuantitativos. 

Es decir, que ya no era
necesario contar con
habilidades especiales para
interpretar información
estadística o datos
numéricos complejos,
facilitando la información y
la comparación de datos de
forma accesible.
Los dos dominios difieren no a partir del tipo de
dato que utilizan sino porque usan distintas
técnicas y tecnologías y vienen de distintas
culturas (Ciencia 3D y Diseño 2D) y su desarrollo
corresponde a distintas areas de la tecnología de
la gráfica computacional
Diferencia entre Visualización Científica y InfoVis
Manovich, L. What is visualisation. Visual Studies. 2011
(Fernanda B. Viégas y Martin Wattenverg, 2003) muestra el crecimiento de una página de Wikipedia
conforme diferentes autores contribuyen. (contribución se representa por una línea y el grosor de la línea
cambia con el tiempo reflejando la cantidad de texto por cada autor) 

History Flow
A Manovich no le interesa hacer la distinción de la
visualización de la información basada en el medio (estático,
dinámico, o interactivo) o en el instrumento de generación
(computadora o en base a una interfaz gráfica.
Porque no importa el soporte en el que estés mirando
determinada visualización (papel impreso, un arreglo
dinámico en un cartel o en una pantalla de computadora) el
caso es que estás mirando una imagen que resulta de un
mapeo de datos.
Visualización de información (Infovis)
Definición de Visualización de información (Infovis)
“La transformación de datos cuantitativos que no son
visuales en una representación visual”.


El re-mapeo de distintas modalidades cognitivas del cerebro
humano como (matemáticas o la estructura gramatical) en
diferentes códigos como el de la imagen.
“Emerging Practice of artistic visualization” (Manovich, 2002)
“Data Visualisation as New Abstraction and Anti-Sublime” (Manovich, 2007)
Desde la segunda parte del siglo XIX hasta ahora la
práctica de la visualización de la información , se basa en
dos principios:
• La reducción gráfica el uso de gráficos primitivos
(puntos, líneas, curvas y figuras geométricas simples)
para representar objetos y establecer relaciones entre
ellos. 

• El uso de variables espaciales (posición, talla o
tamaño, forma y más reciente el movimiento) para
representar diferencias en los datos y revelar
relaciones o patrones.
Principios de la visualización de datos
Reducción extrema
La reducción extrema es para ganar poder y se presenta
históricamente en la evolución de los gráficos
estadísticos.
Actitud es paralela en otros dominios como el de la
Ciencia Moderna quienes también utilizan técnicas para
reducción visual asumiendo que el mundo social
también se puede entender en términos de elementos
sencillos: (moléculas, átomos, fonemas) y se basan en
normas de cómo se relacionan. El reduccionismo sigue
siendo el paradigma actual de el mundo de la ciencia y la
investigación hoy en día.
Florence Nightingale (gráficos estadísticos)
Dimensión espacial
Lo que tienen en común estás gráficas además de la
reducción es que privilegian la dimensión espacial
(posición, tamaño, figura, líneas curvas y movimiento
últimamente) para representar diferencias en los datos y
revelar patrones y relaciones. Ambos principios destacan
el interés por la geometría y la topología.
Otras propiedades de los objetos menos importantes se
representan con diferentes dimensiones visuales como la
(tonalidad, sombreado, color, transparencia, textura)
Además de la reducción estas gráficas privilegian la dimensión espacial
(posición, tamaño, figura, líneas curvas y movimiento últimamente) para
representar diferencias en los datos y revelar patrones y relaciones. Ambos
principios destacan el interés por la geometría y la topología.
"Mapa figurativo de las sucesivas pérdidas de hombres de la Armada
Francesa de Napoleon, en la campaña de Rusia 1812-1813", gráfico que
elaborara Charles Minard en 1869 a la edad de 88 años.
Las variables no-espaciales sirven para agrupar conjuntos. El color
ayuda a la legibilidad pero no agrega información a la visualización. 

El porque los diseñadores privilegian variables
espaciales sobre otras: (color, tono, transparencia o
símbolos).

Privilegio a la metafora espacial
• Existe poco cocimiento del proceso de visión y se siguen
principios de percepción que favorecen los arreglos
espaciales para dar sentido al mundo. (Gestalt)
• Identificar formas en 2D dentro de un arreglo es importa
para reconocerlo y que nuestro cerebro lo reconozca en
vital para nuestra existencia
El significado de la palabra visualizar implica la acción de
“volver visible” y crear una “imagen mental” como vimos
antes esto implica un objeto o fenómeno que puede o no
tener una forma visual. 

Se convierte en imagen a partir del proceso de visualización.
Visualizar
Tag Cloud visualización mediática se crean representaciones visuales
nuevas de objetos mediáticos o de sus partes. La imagen se
mantiene como imagen (la palabra) lo que varia, es tamaño
de las palabras para representar la frecuencia de texto.
Visualización directa
La re-organización del dato en una representación visual,
manteniendo su forma original, es decir no hay efecto de
reducción, se mantiene un rico conjunto de propiedades del
objeto o fenómeno.
Ejemplos de técnicas de
visualización directa:
Índice de un libro


Pensamiento de Software
El dato puede venir de un experimento científico, o una
simulación matemática, del cuerpo de la persona pero su
transformación se basa en 2 capacidades:
•La idea del cambio arbitrario del tamaño de la 

palabra en relación a cierta información.
•El dato puede ser actualizado dentro del proceso 

cultural evolutivo.
•Estas capacidad se consideran también para las
técnicas de visualización interactivas.
Ejemplos de visualización directa o mediatica
Cinema Redux de Brendan Dawes (2004).

El diseñador ahora puede elegir entre representar
en “valor original” en un gráfico primitivo o la
imagen original tal cual es, o en cualquier nivel.
El término se puede entender como el opuesto de
reducción expansión.
Visualización directa
o Cultural analytics
4535 Time magazine covers (1923-2009)
organized by publication dates.
http://lab.softwarestudies.com/p/cultural-
analytics.html
En términos de visualización de la información,
en un principio antes del software la
visualización requería de 2 etapas:


- Un continuo de data cuantitativo 

- Representar el resultado de manera gráfica



Implicaciones de la Vis. Directa
Manovich, L. What is visualisation. Visual Studies. 2011


El software ahora permite la manipulación directa del
artefacto mediático sin cuantificarlo.
Hallazgos
(Woodbury y Kaczmarek, 2003)
• La reducción permite visualizar patrones entre los
conjuntos de artefactos análogos sin reducirlos a
signos gráficos. Es una técnica poderosa para revelar
patrones.
• No se tiene que resumir el dato como en la estadística.
• Hace 8 años Bruno Latour (2009) se cuestionó sobre la
habilidad de crear visualizaciones provisionales y
sugirió una modificación y revisión al concepto del
todo.
• Respetar la secuencia temporal es de vital importancia
en ya que así trabajan los artefacto culturales y da
sentido a la experiencia del usuario.
Visualización Directa’ o ‘Visualización
mediática’ Crear una representación
visual con el objeto actual su imagen
o video
Los métodos de visualización son particularmente
importantes para las Humanidades, Los Estudios
mediáticos y culturales. 



Posiciona al visualización como una herramienta básica
para la investigación y la educación y la exhibición y
análisis de artefactos culturales (poemas, pinturas,
composiciones musicales, arquitectura, videojuegos y
ambientes interactivos).
La reducción gráfica continuará utilizándose para la
visualización de la información pero no constituye el único
método, pues gracias al progreso en el desarrollo de la
computación y las capacidades mediáticas y los ambientes
programación ahora se hace posible esta alternativa.
Conclusiones
http://www.tofteproject.info/
Tofteproject.info
El valor de la infografía
http://www.tableausoftware.com/es-es#top
Tableau Public
Malamed. C. (2009). Visual Language for Designers: Principles for creating graphics

that People Understand. Massachusetts: Rockport Publishers.
Manovich, Lev. (2011) What is a Visualization. Visual Studies, Vol. 26. 1.
Latour, Bruno. 2009. Tarde’s ideas of quantification in The social after Gabriel Tarde:
Debates and assesments, editede by Mattei Candea http://www.visiongeo.com/
Malamed. C. (2009). Visual Language for Designers: Principles for creating graphics that
People Understand. Massachusetts: Rockport Publishers
McCloud, Scott (1993) Understanding Comics The Invisible Art. Harper Collins Publishers
N.Y.
Strothotte Christine y Thomas. (1997) Seeing Between the Pixels Pictures in Interactive
Systems. Springer-Verlag Berlin, Alemania. Shedroff, Nathan; “Experience Design.” New
Riders; 0- 7357-1078-3. 2001.
Tufte, R. Edward; “The Visual Display of Quantitive Information.”Graphics Press, 1983.
Pink, S. (2011). Sensory digital photography:rethinking ‘moving’ and the image. Visual

Studies https://www.imaginaryforces.com/work
Woodbury, H and Kaczmarek P. (2003) Why Your Ideas Need Visual Explanation. A

Dynamyc Diagram white paper. E.U.A.
Wood, J., Isenberg, P., Isenberg, T., Dykes, J., Boukhelifa, N. & Slingsby, A. (2012).

Sketchy rendering for information visualization. IEEE Transactions on Visualization

and Computer Graphics.
Bibliografía

More Related Content

What's hot

Memoria diseño gráfico
Memoria diseño gráficoMemoria diseño gráfico
Memoria diseño gráfico
Ripi86
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
derrislema
 
10 slideshare-02-historia diseño
10 slideshare-02-historia diseño10 slideshare-02-historia diseño
10 slideshare-02-historia diseño
Planeta Visual
 
De Stijl - Historia del Diseño
De Stijl - Historia del DiseñoDe Stijl - Historia del Diseño
De Stijl - Historia del Diseño
Bel Morel
 
Tema 4 Retórica visual parte 1
Tema 4 Retórica visual parte 1Tema 4 Retórica visual parte 1
Tema 4 Retórica visual parte 1
Diana de Silan
 
Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wucius
ariandrea
 

What's hot (20)

Bloque 3 teoría y metodología del diseño
Bloque 3  teoría y metodología del diseñoBloque 3  teoría y metodología del diseño
Bloque 3 teoría y metodología del diseño
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Fundamentos de composicion visual
Fundamentos de composicion visualFundamentos de composicion visual
Fundamentos de composicion visual
 
Diseño italiano
Diseño italianoDiseño italiano
Diseño italiano
 
Memoria diseño gráfico
Memoria diseño gráficoMemoria diseño gráfico
Memoria diseño gráfico
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
NIVELES DE ICONICIDAD
NIVELES DE ICONICIDADNIVELES DE ICONICIDAD
NIVELES DE ICONICIDAD
 
10 slideshare-02-historia diseño
10 slideshare-02-historia diseño10 slideshare-02-historia diseño
10 slideshare-02-historia diseño
 
Historia del Diseño - Años 50.
Historia del Diseño - Años 50.Historia del Diseño - Años 50.
Historia del Diseño - Años 50.
 
Diseño de comunicación visual
Diseño de comunicación visualDiseño de comunicación visual
Diseño de comunicación visual
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
Los 80s [Historia del diseño - 18]
Los 80s [Historia del diseño - 18]Los 80s [Historia del diseño - 18]
Los 80s [Historia del diseño - 18]
 
De Stijl - Historia del Diseño
De Stijl - Historia del DiseñoDe Stijl - Historia del Diseño
De Stijl - Historia del Diseño
 
Tema 4 Retórica visual parte 1
Tema 4 Retórica visual parte 1Tema 4 Retórica visual parte 1
Tema 4 Retórica visual parte 1
 
Historia del Diseño Gráfico
Historia del Diseño GráficoHistoria del Diseño Gráfico
Historia del Diseño Gráfico
 
Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wucius
 
Sintaxis de la imagen
Sintaxis de la imagenSintaxis de la imagen
Sintaxis de la imagen
 
La percepción visual
La percepción visualLa percepción visual
La percepción visual
 
Técnicas visuales
Técnicas visualesTécnicas visuales
Técnicas visuales
 
Retorica Visual
Retorica VisualRetorica Visual
Retorica Visual
 

Viewers also liked

Presentacion Visualizacion
Presentacion VisualizacionPresentacion Visualizacion
Presentacion Visualizacion
joanem28
 
Habilidades visuales
Habilidades visualesHabilidades visuales
Habilidades visuales
IFDC
 
STANDOUT_PROJECTS - QLD email
STANDOUT_PROJECTS - QLD emailSTANDOUT_PROJECTS - QLD email
STANDOUT_PROJECTS - QLD email
Lyndrea McGregor
 
7x7 Exemples d’Innovació en models de negoci gràcies a les TIC
7x7 Exemples d’Innovació en models de negoci gràcies a les TIC7x7 Exemples d’Innovació en models de negoci gràcies a les TIC
7x7 Exemples d’Innovació en models de negoci gràcies a les TIC
TICAnoia
 
60 Gadgets In 60 Minutes
60 Gadgets In 60 Minutes60 Gadgets In 60 Minutes
60 Gadgets In 60 Minutes
Vickie Kline
 

Viewers also liked (20)

Visualización y NTICs
Visualización y NTICsVisualización y NTICs
Visualización y NTICs
 
Presentacion Visualizacion
Presentacion VisualizacionPresentacion Visualizacion
Presentacion Visualizacion
 
Habilidades visuales
Habilidades visualesHabilidades visuales
Habilidades visuales
 
La visualizacion
La visualizacionLa visualizacion
La visualizacion
 
El área de Superficies planas en el campo de la educación matemática.
El área de Superficies planas en el campo de la educación matemática.El área de Superficies planas en el campo de la educación matemática.
El área de Superficies planas en el campo de la educación matemática.
 
Visualización matemática
Visualización matemáticaVisualización matemática
Visualización matemática
 
Estudio de Clase
 Estudio de Clase Estudio de Clase
Estudio de Clase
 
Grupo #16, Procesamiento de Datos , Aplicaciones Computarizadas
Grupo #16, Procesamiento de Datos , Aplicaciones ComputarizadasGrupo #16, Procesamiento de Datos , Aplicaciones Computarizadas
Grupo #16, Procesamiento de Datos , Aplicaciones Computarizadas
 
Por qué siempre te mando e-mails
Por qué siempre te mando e-mailsPor qué siempre te mando e-mails
Por qué siempre te mando e-mails
 
STANDOUT_PROJECTS - QLD email
STANDOUT_PROJECTS - QLD emailSTANDOUT_PROJECTS - QLD email
STANDOUT_PROJECTS - QLD email
 
Programa II Congreso Plurinacional de Antropología: Moviminetos Inidianistas ...
Programa II Congreso Plurinacional de Antropología: Moviminetos Inidianistas ...Programa II Congreso Plurinacional de Antropología: Moviminetos Inidianistas ...
Programa II Congreso Plurinacional de Antropología: Moviminetos Inidianistas ...
 
PEI COLEGIO LEONISTICO
PEI COLEGIO LEONISTICOPEI COLEGIO LEONISTICO
PEI COLEGIO LEONISTICO
 
Los Blogs Y Su Potencial Charla Bar Camp Valencia
Los Blogs Y Su Potencial   Charla Bar Camp ValenciaLos Blogs Y Su Potencial   Charla Bar Camp Valencia
Los Blogs Y Su Potencial Charla Bar Camp Valencia
 
Martine MONTMASSON : Convention d’orientation et le dispositif d'accompagneme...
Martine MONTMASSON : Convention d’orientation et le dispositif d'accompagneme...Martine MONTMASSON : Convention d’orientation et le dispositif d'accompagneme...
Martine MONTMASSON : Convention d’orientation et le dispositif d'accompagneme...
 
Streamtime Keynote for Apple
Streamtime Keynote for AppleStreamtime Keynote for Apple
Streamtime Keynote for Apple
 
7x7 Exemples d’Innovació en models de negoci gràcies a les TIC
7x7 Exemples d’Innovació en models de negoci gràcies a les TIC7x7 Exemples d’Innovació en models de negoci gràcies a les TIC
7x7 Exemples d’Innovació en models de negoci gràcies a les TIC
 
60 Gadgets In 60 Minutes
60 Gadgets In 60 Minutes60 Gadgets In 60 Minutes
60 Gadgets In 60 Minutes
 
Morosini - Clipso sound
Morosini - Clipso soundMorosini - Clipso sound
Morosini - Clipso sound
 
Chosen Saints of God the Bigoted Mullas
Chosen Saints of God the Bigoted MullasChosen Saints of God the Bigoted Mullas
Chosen Saints of God the Bigoted Mullas
 
Phytec 2014
Phytec 2014Phytec 2014
Phytec 2014
 

Similar to ¿Qué es la visualización?

Pac1 ejercicio1
Pac1 ejercicio1Pac1 ejercicio1
Pac1 ejercicio1
pablo_s
 
Pac1 Fundamentos y evolución del multimedia
Pac1 Fundamentos y evolución del multimediaPac1 Fundamentos y evolución del multimedia
Pac1 Fundamentos y evolución del multimedia
arantzadcs
 
¿Qué son los nuevos medios?
¿Qué son los nuevos medios?¿Qué son los nuevos medios?
¿Qué son los nuevos medios?
elisalozanoc
 
Felissa durýýn sýýnchez
Felissa durýýn sýýnchezFelissa durýýn sýýnchez
Felissa durýýn sýýnchez
felissasanchez5
 
PAC1- El lenguaje de los nuevos medios de comunicación
PAC1- El lenguaje de los nuevos medios de comunicaciónPAC1- El lenguaje de los nuevos medios de comunicación
PAC1- El lenguaje de los nuevos medios de comunicación
sluengol
 
Lenguaje de los nuevos medios de comunicacion Lev Manovich
Lenguaje de los nuevos medios de comunicacion Lev  ManovichLenguaje de los nuevos medios de comunicacion Lev  Manovich
Lenguaje de los nuevos medios de comunicacion Lev Manovich
Mephisto Vr
 
Pres diseño de información diplomado
Pres diseño de información diplomadoPres diseño de información diplomado
Pres diseño de información diplomado
mateo1987
 
Comunicacion visual
Comunicacion visualComunicacion visual
Comunicacion visual
Myriam Pozzi
 
Pac 1 daniel bonet_alemany
Pac 1 daniel bonet_alemanyPac 1 daniel bonet_alemany
Pac 1 daniel bonet_alemany
canosis
 
Patrones interactivos con Material Design
Patrones interactivos con Material DesignPatrones interactivos con Material Design
Patrones interactivos con Material Design
Mauricio Angulo
 

Similar to ¿Qué es la visualización? (20)

Pac1 Emilio Vicente Mateos_ el lenguaje de los nuevos medios de comunicación
Pac1 Emilio Vicente Mateos_ el lenguaje de los nuevos medios de comunicaciónPac1 Emilio Vicente Mateos_ el lenguaje de los nuevos medios de comunicación
Pac1 Emilio Vicente Mateos_ el lenguaje de los nuevos medios de comunicación
 
Problemas de diseño de información cuantitativa
Problemas de diseño de información cuantitativaProblemas de diseño de información cuantitativa
Problemas de diseño de información cuantitativa
 
Pac1 ejercicio1
Pac1 ejercicio1Pac1 ejercicio1
Pac1 ejercicio1
 
Modelo para la competencia visual en investigación científica, Luc Pauwel
Modelo para la competencia visual en investigación científica, Luc PauwelModelo para la competencia visual en investigación científica, Luc Pauwel
Modelo para la competencia visual en investigación científica, Luc Pauwel
 
Pac1 Fundamentos y evolución del multimedia
Pac1 Fundamentos y evolución del multimediaPac1 Fundamentos y evolución del multimedia
Pac1 Fundamentos y evolución del multimedia
 
Multimedia d
Multimedia dMultimedia d
Multimedia d
 
¿Qué son los nuevos medios?
¿Qué son los nuevos medios?¿Qué son los nuevos medios?
¿Qué son los nuevos medios?
 
Felissa durýýn sýýnchez
Felissa durýýn sýýnchezFelissa durýýn sýýnchez
Felissa durýýn sýýnchez
 
Venkatesh Resumen
Venkatesh ResumenVenkatesh Resumen
Venkatesh Resumen
 
PAC1- El lenguaje de los nuevos medios de comunicación
PAC1- El lenguaje de los nuevos medios de comunicaciónPAC1- El lenguaje de los nuevos medios de comunicación
PAC1- El lenguaje de los nuevos medios de comunicación
 
Las matemáticas en la vida cotidiana ii
Las matemáticas en la vida cotidiana iiLas matemáticas en la vida cotidiana ii
Las matemáticas en la vida cotidiana ii
 
La percepción visual: un análisis de los sitios Web de las bibliotecas nacion...
La percepción visual: un análisis de los sitios Web de las bibliotecas nacion...La percepción visual: un análisis de los sitios Web de las bibliotecas nacion...
La percepción visual: un análisis de los sitios Web de las bibliotecas nacion...
 
M2 visualizacion
M2 visualizacionM2 visualizacion
M2 visualizacion
 
Lenguaje de los nuevos medios de comunicacion Lev Manovich
Lenguaje de los nuevos medios de comunicacion Lev  ManovichLenguaje de los nuevos medios de comunicacion Lev  Manovich
Lenguaje de los nuevos medios de comunicacion Lev Manovich
 
Pres diseño de información diplomado
Pres diseño de información diplomadoPres diseño de información diplomado
Pres diseño de información diplomado
 
Lineamientos para la visualización de datos
Lineamientos para la visualización de datosLineamientos para la visualización de datos
Lineamientos para la visualización de datos
 
Comunicacion visual
Comunicacion visualComunicacion visual
Comunicacion visual
 
Pac 1 daniel bonet_alemany
Pac 1 daniel bonet_alemanyPac 1 daniel bonet_alemany
Pac 1 daniel bonet_alemany
 
Patrones interactivos con Material Design
Patrones interactivos con Material DesignPatrones interactivos con Material Design
Patrones interactivos con Material Design
 
Organizadores gráficos
Organizadores gráficosOrganizadores gráficos
Organizadores gráficos
 

More from Nora Morales

Proyecto madic 6feb
Proyecto madic 6febProyecto madic 6feb
Proyecto madic 6feb
Nora Morales
 

More from Nora Morales (20)

Drawing things together
Drawing things togetherDrawing things together
Drawing things together
 
Dear data reseña
Dear data reseñaDear data reseña
Dear data reseña
 
Literacidad visual
Literacidad visual Literacidad visual
Literacidad visual
 
Flipped classroom: Nuevas propuestas de enseñanza en el diseño
Flipped classroom: Nuevas propuestas de enseñanza en el diseño Flipped classroom: Nuevas propuestas de enseñanza en el diseño
Flipped classroom: Nuevas propuestas de enseñanza en el diseño
 
La imagen interactiva sept11
La imagen interactiva sept11La imagen interactiva sept11
La imagen interactiva sept11
 
Representación y Razonamiento Diagramático
Representación y Razonamiento Diagramático Representación y Razonamiento Diagramático
Representación y Razonamiento Diagramático
 
Coloquio Divisional 2015 UAM
Coloquio Divisional 2015 UAMColoquio Divisional 2015 UAM
Coloquio Divisional 2015 UAM
 
Evaluación de desempeño
Evaluación de desempeñoEvaluación de desempeño
Evaluación de desempeño
 
Hacia una nueva alianza de la Economía y el Diseño
Hacia una nueva alianza de la Economía y el DiseñoHacia una nueva alianza de la Economía y el Diseño
Hacia una nueva alianza de la Economía y el Diseño
 
Repensando los parquímetros Presentación MADIC UAM-Cuajimalpa
Repensando los parquímetros Presentación MADIC UAM-CuajimalpaRepensando los parquímetros Presentación MADIC UAM-Cuajimalpa
Repensando los parquímetros Presentación MADIC UAM-Cuajimalpa
 
Repensando los parquímetros MADIC UAM-Cuajimalpa
Repensando los parquímetros MADIC UAM-CuajimalpaRepensando los parquímetros MADIC UAM-Cuajimalpa
Repensando los parquímetros MADIC UAM-Cuajimalpa
 
Repensando los parquímetros MADIC 2 UAM-Cuajimalpa
Repensando los parquímetros MADIC 2 UAM-CuajimalpaRepensando los parquímetros MADIC 2 UAM-Cuajimalpa
Repensando los parquímetros MADIC 2 UAM-Cuajimalpa
 
Repensando los parquímetros_Reporte_MADIC_UAM-C
Repensando los parquímetros_Reporte_MADIC_UAM-CRepensando los parquímetros_Reporte_MADIC_UAM-C
Repensando los parquímetros_Reporte_MADIC_UAM-C
 
Visual Notes from EPIC 2013 London
Visual Notes from EPIC 2013 LondonVisual Notes from EPIC 2013 London
Visual Notes from EPIC 2013 London
 
Lentes uam2013
Lentes uam2013Lentes uam2013
Lentes uam2013
 
Información inspiracion y co-creación
Información inspiracion y co-creaciónInformación inspiracion y co-creación
Información inspiracion y co-creación
 
Proyecto madic 6feb
Proyecto madic 6febProyecto madic 6feb
Proyecto madic 6feb
 
Análisis desempeño
Análisis desempeñoAnálisis desempeño
Análisis desempeño
 
Eficiencia_Documentos
Eficiencia_DocumentosEficiencia_Documentos
Eficiencia_Documentos
 
Ux museos
Ux museosUx museos
Ux museos
 

Recently uploaded

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 

Recently uploaded (20)

ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 

¿Qué es la visualización?

  • 1. ¿Qué es la visualización? Lev Manovich. Visual Studies. 2011 Seminario REMO Nora A. Morales 22 de julio 2016
  • 2. Lev Manovich es profesor de ciencias de la computación en “The Graduate Center”, City University de N.Y. y fundador de la Iniciativa de Estudios de Software (2007) laboratorio pionero en el análisis computacional de colecciones masivas de datos. Autor de más de 8 libros en cultura visual y teoría de medios “El lenguaje de los medios”. Autores
  • 3. Se ha vuelto algo más que una serie de herramientas técnicas para manejar grandes conjuntos de datos. Emerge hoy en día, como un medio en sí mismo, con un enorme potencial expresivo y persuasivo. Visualización de la información Eric Rodenbeck (2008) La evolución en la práctica de la visualización de la información describe la producción visual de representaciones a partir de una colección heterogénea de datos para el avance del entendimiento de un concepto complejo. Manovich, L. 2011
  • 4. William Playfair, político economista escocés, inventor de la gráfica de barras. (1786). mostrando el precio de un cuarto de trigo y el salario de una semana de trabajo
  • 5. Cambió significativamente la manera de percibir los datos cuantitativos. 
 Es decir, que ya no era necesario contar con habilidades especiales para interpretar información estadística o datos numéricos complejos, facilitando la información y la comparación de datos de forma accesible.
  • 6. Los dos dominios difieren no a partir del tipo de dato que utilizan sino porque usan distintas técnicas y tecnologías y vienen de distintas culturas (Ciencia 3D y Diseño 2D) y su desarrollo corresponde a distintas areas de la tecnología de la gráfica computacional Diferencia entre Visualización Científica y InfoVis Manovich, L. What is visualisation. Visual Studies. 2011
  • 7. (Fernanda B. Viégas y Martin Wattenverg, 2003) muestra el crecimiento de una página de Wikipedia conforme diferentes autores contribuyen. (contribución se representa por una línea y el grosor de la línea cambia con el tiempo reflejando la cantidad de texto por cada autor) 
 History Flow
  • 8. A Manovich no le interesa hacer la distinción de la visualización de la información basada en el medio (estático, dinámico, o interactivo) o en el instrumento de generación (computadora o en base a una interfaz gráfica. Porque no importa el soporte en el que estés mirando determinada visualización (papel impreso, un arreglo dinámico en un cartel o en una pantalla de computadora) el caso es que estás mirando una imagen que resulta de un mapeo de datos. Visualización de información (Infovis)
  • 9. Definición de Visualización de información (Infovis) “La transformación de datos cuantitativos que no son visuales en una representación visual”. 
 El re-mapeo de distintas modalidades cognitivas del cerebro humano como (matemáticas o la estructura gramatical) en diferentes códigos como el de la imagen. “Emerging Practice of artistic visualization” (Manovich, 2002) “Data Visualisation as New Abstraction and Anti-Sublime” (Manovich, 2007)
  • 10. Desde la segunda parte del siglo XIX hasta ahora la práctica de la visualización de la información , se basa en dos principios: • La reducción gráfica el uso de gráficos primitivos (puntos, líneas, curvas y figuras geométricas simples) para representar objetos y establecer relaciones entre ellos. 
 • El uso de variables espaciales (posición, talla o tamaño, forma y más reciente el movimiento) para representar diferencias en los datos y revelar relaciones o patrones. Principios de la visualización de datos
  • 11. Reducción extrema La reducción extrema es para ganar poder y se presenta históricamente en la evolución de los gráficos estadísticos. Actitud es paralela en otros dominios como el de la Ciencia Moderna quienes también utilizan técnicas para reducción visual asumiendo que el mundo social también se puede entender en términos de elementos sencillos: (moléculas, átomos, fonemas) y se basan en normas de cómo se relacionan. El reduccionismo sigue siendo el paradigma actual de el mundo de la ciencia y la investigación hoy en día.
  • 13. Dimensión espacial Lo que tienen en común estás gráficas además de la reducción es que privilegian la dimensión espacial (posición, tamaño, figura, líneas curvas y movimiento últimamente) para representar diferencias en los datos y revelar patrones y relaciones. Ambos principios destacan el interés por la geometría y la topología. Otras propiedades de los objetos menos importantes se representan con diferentes dimensiones visuales como la (tonalidad, sombreado, color, transparencia, textura)
  • 14. Además de la reducción estas gráficas privilegian la dimensión espacial (posición, tamaño, figura, líneas curvas y movimiento últimamente) para representar diferencias en los datos y revelar patrones y relaciones. Ambos principios destacan el interés por la geometría y la topología.
  • 15. "Mapa figurativo de las sucesivas pérdidas de hombres de la Armada Francesa de Napoleon, en la campaña de Rusia 1812-1813", gráfico que elaborara Charles Minard en 1869 a la edad de 88 años.
  • 16. Las variables no-espaciales sirven para agrupar conjuntos. El color ayuda a la legibilidad pero no agrega información a la visualización. 

  • 17. El porque los diseñadores privilegian variables espaciales sobre otras: (color, tono, transparencia o símbolos).
 Privilegio a la metafora espacial • Existe poco cocimiento del proceso de visión y se siguen principios de percepción que favorecen los arreglos espaciales para dar sentido al mundo. (Gestalt) • Identificar formas en 2D dentro de un arreglo es importa para reconocerlo y que nuestro cerebro lo reconozca en vital para nuestra existencia
  • 18. El significado de la palabra visualizar implica la acción de “volver visible” y crear una “imagen mental” como vimos antes esto implica un objeto o fenómeno que puede o no tener una forma visual. 
 Se convierte en imagen a partir del proceso de visualización. Visualizar
  • 19. Tag Cloud visualización mediática se crean representaciones visuales nuevas de objetos mediáticos o de sus partes. La imagen se mantiene como imagen (la palabra) lo que varia, es tamaño de las palabras para representar la frecuencia de texto.
  • 20. Visualización directa La re-organización del dato en una representación visual, manteniendo su forma original, es decir no hay efecto de reducción, se mantiene un rico conjunto de propiedades del objeto o fenómeno. Ejemplos de técnicas de visualización directa: Índice de un libro 

  • 21. Pensamiento de Software El dato puede venir de un experimento científico, o una simulación matemática, del cuerpo de la persona pero su transformación se basa en 2 capacidades: •La idea del cambio arbitrario del tamaño de la 
 palabra en relación a cierta información. •El dato puede ser actualizado dentro del proceso 
 cultural evolutivo. •Estas capacidad se consideran también para las técnicas de visualización interactivas.
  • 22. Ejemplos de visualización directa o mediatica Cinema Redux de Brendan Dawes (2004).
 El diseñador ahora puede elegir entre representar en “valor original” en un gráfico primitivo o la imagen original tal cual es, o en cualquier nivel. El término se puede entender como el opuesto de reducción expansión.
  • 23. Visualización directa o Cultural analytics 4535 Time magazine covers (1923-2009) organized by publication dates. http://lab.softwarestudies.com/p/cultural- analytics.html
  • 24.
  • 25. En términos de visualización de la información, en un principio antes del software la visualización requería de 2 etapas: 
 - Un continuo de data cuantitativo 
 - Representar el resultado de manera gráfica
 
 Implicaciones de la Vis. Directa Manovich, L. What is visualisation. Visual Studies. 2011 
 El software ahora permite la manipulación directa del artefacto mediático sin cuantificarlo.
  • 26. Hallazgos (Woodbury y Kaczmarek, 2003) • La reducción permite visualizar patrones entre los conjuntos de artefactos análogos sin reducirlos a signos gráficos. Es una técnica poderosa para revelar patrones. • No se tiene que resumir el dato como en la estadística. • Hace 8 años Bruno Latour (2009) se cuestionó sobre la habilidad de crear visualizaciones provisionales y sugirió una modificación y revisión al concepto del todo. • Respetar la secuencia temporal es de vital importancia en ya que así trabajan los artefacto culturales y da sentido a la experiencia del usuario.
  • 27. Visualización Directa’ o ‘Visualización mediática’ Crear una representación visual con el objeto actual su imagen o video
  • 28. Los métodos de visualización son particularmente importantes para las Humanidades, Los Estudios mediáticos y culturales. 
 
 Posiciona al visualización como una herramienta básica para la investigación y la educación y la exhibición y análisis de artefactos culturales (poemas, pinturas, composiciones musicales, arquitectura, videojuegos y ambientes interactivos). La reducción gráfica continuará utilizándose para la visualización de la información pero no constituye el único método, pues gracias al progreso en el desarrollo de la computación y las capacidades mediáticas y los ambientes programación ahora se hace posible esta alternativa. Conclusiones
  • 30. El valor de la infografía
  • 31.
  • 33. Malamed. C. (2009). Visual Language for Designers: Principles for creating graphics
 that People Understand. Massachusetts: Rockport Publishers. Manovich, Lev. (2011) What is a Visualization. Visual Studies, Vol. 26. 1. Latour, Bruno. 2009. Tarde’s ideas of quantification in The social after Gabriel Tarde: Debates and assesments, editede by Mattei Candea http://www.visiongeo.com/ Malamed. C. (2009). Visual Language for Designers: Principles for creating graphics that People Understand. Massachusetts: Rockport Publishers McCloud, Scott (1993) Understanding Comics The Invisible Art. Harper Collins Publishers N.Y. Strothotte Christine y Thomas. (1997) Seeing Between the Pixels Pictures in Interactive Systems. Springer-Verlag Berlin, Alemania. Shedroff, Nathan; “Experience Design.” New Riders; 0- 7357-1078-3. 2001. Tufte, R. Edward; “The Visual Display of Quantitive Information.”Graphics Press, 1983. Pink, S. (2011). Sensory digital photography:rethinking ‘moving’ and the image. Visual
 Studies https://www.imaginaryforces.com/work Woodbury, H and Kaczmarek P. (2003) Why Your Ideas Need Visual Explanation. A
 Dynamyc Diagram white paper. E.U.A. Wood, J., Isenberg, P., Isenberg, T., Dykes, J., Boukhelifa, N. & Slingsby, A. (2012).
 Sketchy rendering for information visualization. IEEE Transactions on Visualization
 and Computer Graphics. Bibliografía