Intro. Visualización para la Incidencia

Visualización – Día 2 -

- Introducción a la visualización de la información - Casos y ejemplos de visualización para incidencia - Sugerencias para la creación de infografías

Juan Manuel Casanueva @jm_casanueva

http://lokeshdhakar.com/coffee-drinks-illustrated/

Para iniciar la mañana ...

PELÍCULAS

vs

GADGETS

http://bit.ly/K3gl0i

La visualización nos ayuda a

ENTENDER mejor :D

... porque ...

IDENTIFICAMOS PATRONESCOMPARAMOS

ASOCIAMOS CONCEPTOSFOCALIZAMOS NUESTRA ATENCIÓN

VEMOS ESCENAS “COMPLETAS”

Basado en: http://www.improving-visualisation.org/case-studies/id=6

Datos = Evidencia

¿Son utilizables?

Datos = Evidencia

¿Cómo debes gestionarlos?

Manejo de datos

● Unión

● Limpieza

● Estructuración

● Categorización

● Estandarización

http://code.google.com/p/google-refine/

http://bit.ly/JKT9lP

3 principios básicos:

Enfoque en la Audiencia

Representación Adecuada de Datos

Simple, Sencillo y Directo

http://wheredoesmymoneygo.org/

Gráficas

Herramienta sugerida

SOFTWARE DE OFICINA

GAPMINDERhttp://www.gapminder.org/

HOHLIhttp://charts.hohli.com

VIDIhttp://www.dataviz.org/

MANY EYEShttp://ibm.co/Jw7r83

TABLEAU PUBLIChttp://www.tableausoftware.com/public

Consideraciones básicas para el Diseño

● Color● El color también habla

● Tipografía● Es texto, deja que lo lean

● Elementos● ¿Qué expresa cada imagen de tu composición?

● Tecnología● ¿Con qué lo hago?

CC: Víctor Manuel Hernández Olivera

... por ejemplo, un árbol

CC: Víctor Manuel Hernández Olivera

http://bit.ly/IuGdwD

Presentación de un problema

https://www.facebook.com/salvemoslapastora

Explicación de un problema

Herramientas sugeridas

● Editores de foto en línea● www.splashup.com● http://www.freeonlinephotoeditor.com● http://pixlr.com/editor● http://editor.pho.to/es● http://fotoflexer.com

Cuantificar una problemática

● Agresiones a Periodistas

● Artículo19

● México - 2012

● Objetivo

● Visualizar de manera simple la situación de violencia contra periodistas en México

● Usos de la infografía

● Sintetizar la información

● Guiar la lectura con forme a la información que se quiere expresar

● Contrastar, comparar y dimensionar información cuantitativa

Visualizar un problema

Visualizar una solución

Explicar un análisis y situación

http://www.infanciacuenta.org/

http://www.nytimes.com/imagepages/2008/01/06/opinion/06opchart.ready.html

Herramienta sugerida

● Infografías o carteles analíticos● Infogram http://infogr.am

● Infografías con gráficos y mapas● Easelly http://www.easel.ly

Georeferenciación de la información

● Qué pasa Riachuelo

● GarageLab

● Argentina 2012

● Objetivo

● Visualizar la problemática ambiental de la cuenca Matanzas-Riachuelo

● Usos de la georeferenciación

● Visualizar ubicación de fuentes de problemas y brotes de efectos

● Visualizar los avances de acciones de la gestión pública

http://quepasariachuelo.org.ar/

Herramienta Sugerida

● Google Fusion Tables y Google Charts

http://www.guardian.co.uk/uk/interactive/2011/dec/07/london-riots-twitter

Involucramiento hacia una causa

● I Never Ask for IT

● Blank Noise Project

● India - 2008

● Objetivo

● Involucrar a mujeres en tácticas para dar a conocer colectivamente su opinión y efectos del acoso sexual

● Usos de imágenes y redes

● Informar y concientizar sobre una probable situación

● Llamar a la acción

http://blog.blanknoise.org

Herramienta sugerida

● Pixtonhttp://www.pixton.com/mx/

Sigamos en contacto

Páginas informativas

● www.drawingbynumbers.org

● www.ticproddhh.org

Correo electrónico

● juan.casanueva@social-tic.org

Twitter

● @info_activismo ● @jm_casanueva

Esta presentación está registrada bajo CC(BY.NC) por lo que se cuenta con el consentimiento de lo/as autores/as para su uso, distribución y adaptación para fines no-comerciales. Más información en: www.creativecommons.org.mx

Facebook

● Grupo: Medios Digitales para la Acción Social