Narracion web 2017

Escalera de Odessa. El acorazado Potemkin (1925) Sergei Eisenstein (Rusia, 1898-1948) https://www.youtube.com/watch?v=8ORUQvD6qyQ

Narración web y visualización exploración, análisis, comunicación, interacción Ricardo Vega v3 Sept 2019 (v2 Octubre 2017, v1 junio 2016) Creative Commons | Attribution-NonCommercial-NoDerivatives 4.0 International

Exploración y Análisis maneras comunes de trabajar en Visualización de Datos.

La Narrativa es un aspecto muy relevante.

(Kosara y Mackinlay) Paso siguiente al comunicar los resultados de la exploración y el análisis (puede permitir estas acciones también).

“Las historias han demostrado ser no sólo una forma muy popular de la conservación de la información y transmitirla, sino que también proporcionan el tejido conectivo entre los hechos para que sean memorables”.

M. Austin, Useful Fictions: Evolution, Anxiety, and the Origins of Literature. University of Nebraska Press, 2011.

(Kosara y Mackinlay)

Definimos “...una historia como una secuencia ordenada de pasos, con un recorrido bien definido a través de él. Cada paso puede contener texto, imágenes, visualizaciones, vídeo, o cualquier combinación de los mismos”.

(Kosara y Mackinlay).

Proceso “Nuestro modelo de trabajo de cómo se construyen las historias se basa en la forma en que trabajan los periodistas.

Estos recogen información a través de la investigación, entrevistas, etc, lo que les da los hechos clave.

A continuación, los unen en una historia, la cual puede ser muy diferente, y no usar directamente cualquiera de los materiales básicos (como los datos recogidos, entrevistas grabadas, etc.).”

(Kosara y Mackinlay)

Historias de informaciรณn

Florence Nightingale (Inglesa, 1820 – 1910) Rosa de Nightingale

John Snow (1813 – 1858) Mapa (epidemia de cólera en Londres, 1853)

Charles Joseph Minard (1781-1870) Campaña de Napoleón a Moscú (1869)

Richard F. Outcault, Yellow Kid (1895).

Inmigrantes europeos aprendieron idioma inglĂŠs en las Historietas.

Otto Neurath (1882-1945).

1923, Museum of Society and Economy, Vienna.

Otto Neurath (1882-1945).

Isotype (International System of TYpographic Picture Education, (1925-38).

Método de representación simbólica de información cuantitativa de fácil interpretación

Otto Neurath (1882-1945).

Isotype (International System of TYpographic Picture Education, (1925-38).

Método de representación simbólica de información cuantitativa de fácil interpretación

Otto Neurath (1882-1945).

Isotype (International System of TYpographic Picture Education, (1925-38).

Transformadores: Rudolf Modley, Gerd Arntz, Marie Reidemeister.

Enfoques Autor o Lector Edward Segel y Jeffrey Heer han clasificado patrones y enfoques utilizados por los medios de comunicación para contar historias visualmente, diferenciándolos en orientado al autor o al lector, o balance entre ambos.

“Narrative Visualization: Telling Stories with Data”

Orientado al autor -Tiene una trayectoria lineal estricta a través de la visualización, depende en gran medida de mensajería -No incluye ninguna interactividad.

Cine y presentaciones de diapositivas no interactivas.

Materiales cómics, arte, cine, publicidad, presentaciones comerciales, videos educativos y de formación.

(Segel y Heer)

Orientado al lector No tiene ningún orden prescrito de imágenes, sin mensajería, y un alto grado de interactividad.

Soporta tareas tales como el diagnóstico, el descubrimiento de patrones de datos, formulación de hipótesis.

Ejemplo, herramientas de análisis visual (Tableau, Spotfire).

(Segel y Heer).

Estructura Segel y Heer proponen 3 esquemas principales.

A- Histรณria tipo Copa de Martini;

B-Interactive Slideshow Story (Presentaciรณn interactiva);

C-Drill-Down Story (Excavaciรณn);

A- Copa de Martini;

Primera etapa

Segunda etapa

La estructura comienza con un enfoque impulsado por el autor. una narración de un solo camino para introducir la visualización.

Puede funcionar como un punto gatillante de interacción del lector, con preguntas, observaciones, artículos escritos. pueden sugerir los elementos que el lector puede explorar por su cuenta.

La visualización se abre a una etapa de exploración del lector. el usuario es libre de explorar de forma interactiva los datos. la estructura se abre a diferentes caminos. se posibilita la exploración y descubrimiento a través de la interacción

A- Copa de Martini;

A global guide to the first world war - interactive documentary https://www.theguardian.com/world/ng-interactive/2014/jul/23/a-global-guide-to-the -first-world-war-interactive-documentary

B-Interactive Slideshow Story (Presentación interactiva);

Una mezcla equilibrada de enfoque de autor y de lector.

Estructura interactiva en formato discreto secuencial.

Incorpora interacción dentro de los confines de cada diapositiva.

Permite al usuario explorar puntos particulares e interactuar en medio de la narrativa.

Para conjuntos de datos complejos, permite ir a través de la narración y manipular los datos-dimensiones paso a paso.

Usuario avanza en la presentación sólo cuando esté listo, y permite al usuario repetir los pasos si se desea.

Para narrativas complejas, permite trazar fronteras discretas entre diferentes segmentos de la historia.

B-Interactive Slideshow Story (Presentaciรณn interactiva);

The Voyage of the HMS Beagle http://bl.ocks.org/anonymous/raw/7d67c4ef3348192da613/ Why on earth would anyone do this? https://interactive.aljazeera.com/aje/2015/refugees/index.html Amazonas http://apps.npr.org/lookatthis/posts/brazil/ 50 Years of concerts of The Rolling Stones http://rollingstones.vizzuality.com/#/

C-Drill-Down Story (Excavación);

Presenta un tema general y luego permite elegir entre casos particulares del tema para revelar otros detalles y argumentos.

Permite “excavar” hacia un tema para aprender más sobre la historia. Énfasis en el enfoque desde el lector, dejando al usuario elegir qué historias son contadas y cuándo.

Requiere alto nivel de planificación para determinar posibles interacciones, definiendo qué historias y detalles se incluyen para cada nivel. (overview and detail)

C-Drill-Down Story (Excavaciรณn);

Chermical Youth https://chemicalyouth.org/ Gapminder. http://www.gapminder.org/ Observatorio de la complejidad econรณmica. http://atlas.media.mit.edu/en/

Grados y tipos de interacciรณn

No necesariamente lineal (de menos a mรกs interacciรณn) (basado y extendido desde Kosara y Mackinlay)

Presentación autoejecutable a una gran audiencia.

Lineal, mínima o sin interacción, mensaje dirigido, cerrado duración definida por el autor. Como una película...

Presentación en vivo por hablante en frente de una audiencia.

Tiene un presentador que interactúa con el público. Puede profundizar, interpretar o aclarar en información a medida que se demande desde el público.

Interacciรณn media.

Puede explorar temporal y espacialmente un ambiente de datos, a su ritmo.

Interacción exploratoria.

Puede explorar un ambiente de datos complejo, con diferentes niveles de información. Exploración “on demand”.

El sistema debe considerar este tipo de interacciones.

Data Games, data toys.

Interactuar con datos e informaciรณn desde la perspectiva de la gamificaciรณn. El usuario estรก inmerso en un ambiente de juego, donde va capturando y o generando informaciรณn, la que a la vez el juego visualiza.

Web story.

Narración Interactiva puede seguir una estructura narrativa, Permite exploración y análisis de los datos.

Posibilita descubrir conocimiento nuevo, no solo recibirlo pasivamente.

La narración puede o no ser lineal, y el usuario tiene la posibilidad de crear su propia narración o línea argumental con los elementos que disponga el autor. http://www.smithsonianmag.com/science-nature/see-how-humans-have-reshaped-globe -interactive-atlas-180952971/?no-ist

Web Doc Documentales completos usando las posibilidades hipertextuales e hipermediales de la web.

Basado en el concepto de transmedialidad de Henry Jenkins.

La diferencia es que existe una diversidad de medios donde la informaciĂłn se dispone: Web, impreso, vĂ­deo, etc. http://athome.nfb.ca/#/athome http://disaster-resilience.com/#/en/en/day/42

Interacción colaborativa

Además de permitir explorar un ambiente de datos complejo, con diferentes niveles de información (on demand), posibilita eventualmente la colaboración y construcción de datos por parte de los usuarios de la plataforma.

Usuarios construyen la plataforma incorporando nueva información.

Otros aspectos a considerar: “Investigadores de visualización a menudo asumen tácitamente que las herramientas utilizadas para el análisis son utilizables para la presentación tan bien como para su propósito original.

Creemos que para ser una suposición muy limitante...”

(Kosara y Mackinlay)

Ejemplos http://video.nationalgeographic.com/video/magazine/150315-ngm-building-trajans-column http://www.nytimes.com/interactive/2015/05/03/upshot/the-best-and-worst-places-to-grow-up-how-your-area-compar es.html?_r=0 http://www.nytimes.com/interactive/2015/09/30/business/how-the-us-and-opec-drive-oil-prices.html?_r=0 http://www.tampabay.com/projects/2015/investigations/pinellas-failure-factories/chart-failing-black-students/ http://graphics.latimes.com/san-bernardino-shooting/ http://www.theguardian.com/politics/ng-interactive/2015/feb/27/guardian-poll-projection

Storytelling: The Next Step for Visualization, Robert Kosara, Jock Mackinlay, Tableau Software

Referencias -E. Segel y J. Heer, Narrative Visualization: Telling Stories with Data. http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf -InfoVis.pdf -S. McCloud. Understanding Comics. Kitchen Sink Press, 1993. https://en.wikipedia.org/wiki/Understanding_Comics -Storytelling: The Next Step for Visualization Robert Kosara, Jock Mackinlay. http://kosara.net/papers/2013/Kosara_Computer_2013.pdf -Rodriguez, Nunes, Devezas. Taller story telling Wired. https://campus.wired.de/campus/wired-campus/skill-training/visual-thinking-storytellin g?utm_campaign=Newsletter+Campus+-+2016-05-23&utm_source=Newsletter&utm_med ium=email - Telling Stories with Data Visualization http://nht.ecs.soton.ac.uk/2015/papers/2-mrodriguez.pdf