El rol de "Storytelling" en la visualización de la información

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