El rol del “Storytelling" en la visualización de la información ¿Es posible contar historias con los datos?
Mtra. Nora Morales Zaragoza. 30 /11/2019 Cátedra Miguel Granados Chapa Diplomado en periodismo de investigación y especializado ante los tiempos de transformación
Objetivo
Explorar las conexiones entre la visualización de la información, diseño y el storytelling en el contexto del periodismo de datos Presenta un enfoque teórico para entender al artefacto tecnológico o herramienta (visualización) como mediador de conocimiento.
Storytelling Las historias ilustran la acción y estimulan la creatividad. El diseño usa la forma, el color, los materiales y el lenguaje así como distintos sistemas de pensamiento para transformar el significado de cualquier cosa, desde señales de tráfico, aplicaciones web o etiqueta de un alimento. El diseño encarna valores e ilustra ideas
Ellen Lupton 2018
Inscripción “Los diseñadores definen actores con gustos específicos, competencias, motivos, aspiraciones, prejuicios políticos y mucho de su trabajo se basa en esta visión de “predecir el mundo” en términos del contenido técnico de un nuevo objeto. El contenido técnico del objeto incorpora en una especie de guión, donde se definen actores, roles el escenario e incluso e incluso la trama que puede dar pie a partir de esa situación. Este guión está integrado por varios "programas de acción" que se traducen a la practica.
Akrich, 1991.
Traducción
Las traducciones son procesos en los que el diseñador "identifica a los actores, las posibilidades de interacción, e incluso las negociaciones o delimitaciones que tendrán estos márgenes de maniobra” Sin embargo aunque este proceso de traducción varía, los “programas de acción” inscritos en los artefactos tecnológicos pueden no llegar a tener éxito y producirse nuevas interacciones por caminos inesperados.
Akrich, 1991.
El storyboard Saber contar historias mediante una secuencia de imágenes constituye una habilidad inestimable, no sólo para cineastas, dibujantes, ilustradores sino para el diseñadora que trabajo con el tiempo y la interactividad. El propósito del story board consiste en explicar acciones con una serie de imágenes concisas. Para desarrollar un storyboard los diseñadores tienen que planear un arco narrativo y decidir cómo resumir una historia a un numero limitado de paneles.
“Contar historias” “Los humanos hemos recopilando datos durante gran parte de nuestra existencia, estos datos se mantienen en nuestro cerebro a manera de memorias o comportamientos aprendidos, con el tiempo hemos desarrollado formas de compartir estos recuerdos con los demás, a través del lenguaje y la escritura. Esta capacidad de comunicar las ideas, es lo que cambió todo”. Dino Citrano (2014).
Datastories.es Alberto Cairo es Profesor de Información Gráfica y visualización en la Facultad de Comunicación de la Universidad de Miami y es asesor de la Maestría de Arte,Tecnología y Comunicación en la Universidad de Carolina del Norte (UNC). Robert Kosara es profesor en la UNC Charlotte, y creador de Tableau Software. También dirige un blog en la visualización en http://eagereyes.org/. Su investigación se centra en la visualización de datos.
“Narrar con datos” “Una historia es la transferencia de información a través del uso de los cinco elementos específicos: escenario, trama, personajes, conflicto y el tema. Todas las historias tienen que contener cada uno de los cinco. Retire uno, y usted tiene algún otro tipo de escritura”. Dino Citrano
http://www.czechcrime.org/
Registramos la informaciรณn y como la comunicamos
http://zago2010rgb.wordpress.com/
¿De qué tipo de historia estamos hablando? Las técnicas narrativas del periodismo y los principios del diseño gráfico, pueden ser aplicadas para la comunicación de la ciencia, particularmente a través del uso de gráficos. Sin embargo existe cierto rechazo por la comunidad científica si esto se puede hacer
Producción gráfico Informativo Productores Consumidores
Realidad 1er nivel de codificación
Datos Info. desestructurada
2do nivel de codificación
Información
Info. estructurada
Recolección, tratamiento y 1er nivel de codificación
Evaluación, interpretación, reflexión, memorización
Conocimiento
Sabiduría
Adquisición y puesta en común con la memoria y las experiencias previas al usuario Modelo Jerárquico DIKW Shedroff (2000) Ackoff (1989)
Visualización de datos
La base de la creación de una visualización es la expresión formal, es decir el uso de un gráfico (pictograma, diagrama, ilustración, ícono, mapa o gráfica) que comunique la información y se basa en decisiones: el formato, el uso del color, la tipografía, así como en la capacidad de anticipar lo que el cerebro de la audiencia interpretará cuando se relacione con el desplegado informativo.
Visualización e Informatica El uso de representaciones visuales de los datos, generados por la computadora con le propósito de extender o amplificar la cognición humana. El gráfico es una representación esquemática (grado de abstracción variable) de contenidos son medios que cumplen con una función. La visualización como tecnología
Tecnología Tecnología cualquier objeto, proceso, método creado con el fin de cumplir una tarea
Tecnología general Tecnología Singulares Tecnología Plurales Brian Arthur. The Nature of Technology (2011)
Visualización como herramienta
Es aquella tecnología plural que consiste en transformar datos en información semántica -o en crear herramientas para que cualquier persona complete por si sola dicho proceso– por medio de una sintaxis de fronteras imprecisas y en constante evolución basada en la conjunción de signos de naturaleza icónica (figurativa) y otros de naturaleza arbitraria y abstracta (no figurativa: textos, estadísticas etc.)
Grafico informativo
El gráfico o recurso informativo se refiere a la forma en que se presentan los datos:
Cuando creamos una gráfica estadística, o de barras, un diagrama de pie, un mapa, un esquema o una tabla. Le damos a los datos una forma tangible que el cerebro humano interpreta y entiende fácilmente. La forma que se elige para mostrar cierta información, tiene que ver con la función que se desea comunicar a la audiencia
Alberto Cairo, EL arte funcional
Tipo de informaciรณn y su representaciรณn
Dan Roam
Affordance (habilitar)
El tĂŠrmino se refiere a las propiedades percibidas de un objeto que determinan cĂłmo debe usarse o pude usarse y para quĂŠ sirve.
Don Norman
Los seres humanos somos una especie visual anticipar lo que el cerebro va a hacer
Técnicas narrativas (de sentido común) 1) Organizar la info en una secuencia 2) Mostrar relaciones de causa y efecto 3) Poner la información en distintos niveles o capas para proporcionar mayor reflexión o profundidad 4) Definir una ESTRUCTURA Básica
No sólo se trata de dar una explicación de la causa y efecto, sino de pensar que te lleva a entender un concepto.
Trazar un camino
Historia o un relato Es una descripciรณn de algo que estรก pasando que contiene una forma de sensaciรณn o drama. (Will se Storrve 2014) La comunicaciรณn siempre
afectada por el contexto en el que Narrativa
ocurre.
Una explicaciรณn de una causa y un efecto.
¿Cómo construyeron el RELATO? PRINCIPIO Comienzo
CONFLICTO
SOLUCIÓN
IMPLICACIONES
SECUENCIA + DRAMA = HISTORIA
Objetividad vs. Subjetividad La objetividad es mito, es imposible removernos de lo que hacemos Hay que asumir que siempre tendremos un punto de vista personal (sesgo) y hay que hacerlo lo mĂĄs explĂcito posible.
Exponer las visualizaciones A veces se necesita una actuaciรณn para comunicarla
https://youtu.be/hVimVzgtD6w
¿Porqué necesitamos de una narrativa? que muestren lo importante (texto) • Anotaciones Marcadores de los puntos clave (gráficos, color) en el documento (Wayfinding), • Orientación como encuentra su camino hay una secuencia lógica aspectos emocionales o seductores • Considerar de la audiencia. Si deseas ampliar el alcance (involucrar a más personas) que interpreten y exploren los datos, entonces debes…
• Conocer a la AUDIENCIA y el CONTEXTO
El visualizador de informaciĂłn debe guiar a las personas a travĂŠs de los datos complejos, definir las tareas que quiere hacer y saber interpretar informaciĂłn cualitativa y cuantitativa.
Abelson, R. P. (1995). Statistics as principled argument. Hillsdale, N.J: L. Erlbaum Associates.
Consejos para el visualizador • Hacer una lista • Cuando explicas estadística no abras la colección de datos • piensa en un encabezado • Presenta claramente la información a la audiencia tanto general como específica • Caracterizar como se va a ver el DATO en relación con la naturaleza de una colección de datos (que es difícil de verbalizar) • Quieres introducir nueva información que es diferente (INSIGHT)
Periodismo de datos
• • • • • •
Intro ¿Qué es PD? El armado del equipo Estudios de caso Obtener Datos - acceso a info pública - datos abiertos - aspectos legales Comprender los Datos - saber leer la info - herramientas Transmitir datos (CH) - Presentar datos en notas - Aplicaciones con datos - visualización de datos - Participación de la comunidad
Estructura Narrativa
Anotación
• Destacar lo relevante
Narrativa
• Orientación del relato (arco narrativo)
Historia o Relato
• Introduces factor de drama o tensión • Agregas motivaciones humanas
Proliferación del término Los autores concluyen que • Hay un potencial significativo de una historia en términos de visualización de datos. • Se tiene que anticipar secuencia y orientación en el documento • Al presentar la información hay que comentarla como si fuera en persona. • Considerar el factor “Relevancia”
Exposiciรณn vs Exploraciรณn
Que debe hacer el gráfico Exponer El objetivo es presentar información o acontecimientos al lector. Significa estar en el ámbito de la información ya conocida y nos obliga a estar del lado de los expertos o "discursos privilegiados"
Explorar El diseño para explorar requiere un enfoque diferente, comienza con un discurso equitativo en el que se respetan las habilidades del usuario en lugar de someterle a nuestro dominio, permite diferentes puntos de vista de los mismos datos en la misma instancia. Permite que el usuario -quien puede ser el propio creador del gráfico- analice el contenido desde distintos puntos de vista y que haga posibles conexiones entre los datos .
visualiza
Re kn vea ow l ns
Private
tión ...co
Public
mmunica ti
on
Cartografía al Cubo
-
Ex plo un ri kn ng ow ns
ivity
ract e t n i
Highan
-
Lowp ma
hum
MacEachren and Fraser Taylor, 1994
Map of closed streets during 
 Pope visit CDMX (2016)
38
Private
Public
Map of closed streets during 
 Pope visit CDMX (2016)
Re kn vea ow l ns
-
Ex ow L y plo ap tivit c a m r un ri inte kn ng h ig n ow H a n s
hum
39
Private
Public
Map of closed streets during 
 Pope visit CDMX (2016)
Re kn vea ow l ns
-
Ex ow L y plo ap tivit c a m r un ri inte kn ng h ig n ow H a n s
hum
40
Private
Public
Map of closed streets during 
 Pope visit CDMX (2016)
Re kn vea ow l ns
-
Ex ow L y plo ap tivit c a m r un ri inte kn ng h ig n ow H a n s
hum
41
“Six years of IED attacks in Afghanistan” The Guardian, Paul Scruton, 2011
42
Private
Public
“Six years of IED attacks in Afghanistan” The Guardian, Paul Scruton, 2011
Re kn vea ow l ns
-
Ex ow L y plo ap tivit c a m r un ri inte kn ng h ig n ow H a n s
hum
43
Private
Public
“Six years of IED attacks in Afghanistan” The Guardian, Paul Scruton, 2011
Re kn vea ow l ns
-
Ex ow L y plo ap tivit c a m r un ri inte kn ng h ig n ow H a n s
hum
44
Private
Public
“Six years of IED attacks in Afghanistan” The Guardian, Paul Scruton, 2011
Re kn vea ow l ns
-
Ex ow L y plo ap tivit c a m r un ri inte kn ng h ig n ow H a n s
hum
45
“Muertes por arma de fuego en E.U.A” Periscopic, 2011
Private
Public
“Six years of IED attacks in Afghanistan” The Guardian, Paul Scruton, 2011
Re kn vea ow l ns
-
Ex ow L y plo ap tivit c a m r un ri inte kn ng h ig n ow H a n s
hum
47
Re kn vea ow l ns
Private
Public
Visualización interactiva Dado que el entorno es interactivo, el usuario determina en gran medida qué información se muestra, en qué etapa, y profundiza en el contexto. La visualización es un procesos donde el usuario trabaja la información establece sus relaciones y controla el cambio causando distintas reflexiones que le llevan a la acción Crampton 1999
w Ex o L - pl y ap tivit c o a m r un ri e t in kn ng h g i n ow H a n s
hum
Abstracciรณn de la tarea Incluye la transformaciรณn del dato en algo significativo, resumir, verlo en conjunto. El nivel de abstracciรณn que voy a usar.
Qué tarea cognitiva debe realizar mi audiencia
Quiero que mi audiencia…. • • • • •
Identifique Clasifique Compare Siga una secuencia Conecte y relacione
Decisiones
La creación de una infografía conlleva una serie de decisiones en cuanto a la expresión formal y el contenido de la pieza: • Formato, orientación, tamaño • Posición espacial, • tipografía • color • arreglo de elementos Con el fin de anticipar lo que el cerebro del observador interpretará cuando se relacione con el desplegado informativo.
Prinicpios generales 1.- Trabajar con contenido relevante 2.- Enfocarse en los puntos importantes 3.- Mostrar el contexto y evitar ser demasiado abstracto 4.- Cierto grado de reiteración asegura que la audiencia entienda el valor de la visualización 5.- Mantener un equilibrio entre complejidad funcional (menos complejidad mayor espacio en vez de menor espacio mayor complejidad) 6.- Considerar la regla del “7”. Las personas a concentrarse en mas de 7 codificaciones a la vez (color, formas, partes) 7.- Explicar con pasión el contenido la escala y los valores deben de tener coherencia en el sistema.
Preguntas clave
• ¿Cuál es el propósito de la visualización? • ¿Qué tipo de dato tengo? • ¿Quién es la audiencia a la que va dirigido el mensaje?
• ¿Qué tarea queremos que realice con el dato? • El que contexto se presentará la información
Conclusión Si pensamos en la visualización de la información como una tecnología o herramienta para que las personas exploren, filtren y establezcan relaciones con el dato e incorporamos una estructura narrativa planeada como una serie de acciones que se desenvuelven en el tiempo, podremos poner en escena mejores experiencias de interacción con la información que permitan dejar huella en la memoria y faciliten la apropiación del conocimiento.
Bibliografía Abelson, R. P. (1995). Statistics as principled argument. Hillsdale, N.J: L. Erlbaum Associates. Ackoff, R. (1989). From data to wisdom. Journal of Applied Systems Analysis, 16, 3-9. Akrich. M. (1991) The De-scription of a Technical Object. In Shaping Technology/Building Society: Studies in Sociotechnical Change in Bijker et al, eds. Shaping Technology/Building Society MIT Press, 205-224. Arthur, W. B. (2011). The nature of technology: What it is and how it evolves (1. Free Press pbk. ed). New York: Free Press. Bertini, E; Mortiz, S. (2014) “Visual Storytelling” con Alberto Cairo y Robert Kosata Episodio 053 In Datas stories.es Recuperado el 20 de octubre 2019. En https://datastori.es/data-stories-35-visual-storytelling-w-alberto-cairo-androbert-kosara/ Cairo, A. (2011) El Arte Funcional, Infografía y visualización de datos. Madrid: Alamut. Card,K. Stuart, Mackinlay, D. Jock and Shneiderman Ben;“Readings in Information Visualization - Using Vision to think.” Morgan Kaufmann; 1-55860-533-9. 1999. Crampton, J. W. (2001). Maps as social constructions: Power, communication and visualization. Progress in Human Geography, 25(2), 235–252. https://doi.org/10.1191/030913201678580494 Knaflic, C. N. (2015). Storytelling with data: A data visualization guide for business professionals. Hoboken, New Jersey: Wiley. Lupton, E., & Marcos, Á. (2019). El Diseño como storytelling. Manovich, Lev. What is a Visualization: MIT Press 2001. Malamed. C. (2009). Visual Language for Designers: Principles for creating graphics that People Understand. Massachusetts: Rockport Publishers. Mijksenaar, Paul; “Visual Function - An Introduction to Information Design.” 010 Publishers. 1997. Roam, Dan., (2009) The Back of the Napkin: Solving Problems and Selling Ideas with Pictures. New York: Penguin Books. Schiver, Karen A. Dynamics in document design; Ed. Wiley Computer Publishing, New York, 1997. ISBN:0471-30636-3. 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. Ware Colin. (2008) Visual thinking for design. Elsevier Morgan Kaufman MA; E.U.A McCloud S.
Gracias norismo@gmail.com nmorales@correo.cua.uam.mx