04 visualizacion
- 1. Estrategias comunicativas basadas en la web por una causa Visualización de la Información Victor Manuel Hernández @dragon_obscuro Caracas, Venezuela – 29 julio 2011
- 2. Visualización ● El diseño de la información nos ayuda a contar una historia o problema a una variedad de audiencias. ● Sirve como herramienta de apoyo, alcance o educación y para facilitar la planeación estratégica. ● Usa símbolos, fotografías, colores y palabras para comunicar ideas, ilustrar información o expresar relaciones visualmente. ● Nos ayuda a ilustrar la complejidad, mostrando la relación entre ideas o personas. ● Brinda forma y estructura a la información
- 3. INFORMACIÓN o IMAGEN (diseño)
- 4. Ejemplo: Proporciones ● World Populations: Mexico http://www.worldpopulationatlas.org/
- 5. ¿Cómo visualizar un mensaje? ● Hacer visible la información ● Ilustrar las consecuencias de decisiones específicas. ● Comparar y contrastar ● Simple y claro ● Ilustrar el análisis de una idea abstracta. ● Mostrar el flujo de un proceso o sistema cambiante. ● Conclusiones visibles y fáciles de llevar. ● Estrategias: ● Mapas: útiles para mostrar problemáticas geográficamente. ● Tablas: útiles para mostrar cantidades y tendencias a través del tiempo ● Diagramas y organigramas: procesos o relaciones
- 6. INFORMACIÓN
- 7. Evalúa tu información ● ¿Qué tipos de información tengo? ● ¿Qué información necesito? ● En la perspectiva del público, ¿la información es persuasiva? ● ¿Qué puedo omitir? ● ¿Cuál es el mensaje clave o resultado deseado? ● ¿Proyectar una imagen integral de la situación o un aspecto específico?
- 8. Ejemplo: Denuncia en mapas ● Tableau: Homicidios en México
- 9. Evalúa tu mensaje ● ¿Para qué es? ● ¿Cómo va a ser publicado o distribuido? ● ¿Qué medio funciona mejor para tu audiencia? ● ¿Tu público puede detenerse a leer tu gráfico? ● ¿Cómo va a funcionar tu diseño a través del tiempo?
- 10. ¡Una montaña de basura!
- 13. IMAGEN (diseño)
- 14. Consideraciones gráficas ● 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?
- 16. Concepto y diseño derivado
- 18. INFORMACIÓN + IMAGEN (diseño)
- 20. Recuerda... ● Primero las ideas en papel ● La gente ve las imágenes antes que los textos. ● Muestra la información actual. ● Sin elementos decorativos. ● Minimiza el número de pasos requeridos para entender tu gráfico. ● Contexto, escalas y referencias. ● Aprende más sobre principios de color, tipografía y aplicaciones para generar gráficos, como Inkscape y GIMP.
- 21. Ejemplo: Cambio cuantitativo ● Gapminder: Wealth & Health of Nations http://www.gapminder.org
- 22. Ejercicio 1. Identifica un problema que quieras resolver 2. Identifica la solución de ese problema o la situación óptima del contexto 3. Establece un objetivo de cambio (¿Cómo debe de ser la situación/problema una vez resuelto?) 4. Identifica aquello que quieres que al/la/los/las responsable/s de la situación/problema sientan o sepan 5. Identifica el mensaje que les quieres enviar 6. Dibuja el mensaje (su representación)
- 23. Ejemplo: Visualizar volumen ● Chris Jordan: Barbie Dolls 2008 http://www.chrisjordan.com/gallery/rtn/#barbie-dolls
- 24. Preguntas? ● Más información: ● Gráficas Maps http://www.gapminder.org/ www.crowdmap.org http://charts.hohli.com www.citivox.com http://www.tableausoftware.com/public http://tilemill.com http://mapbox.com Infografías http://www.informationisbeautiful.net Vizualizing for Advocacy http://www- http://www.tacticaltech.org/sites/tacticaltech.org/files 958.ibm.com/software/data/cognos/ma /infodesign.pdf nyeyes/ http://www.wordle.net
- 25. Sigamos en contacto Páginas informativas ● www.informationactivism.org/es ● www.telarsocial.org Correo electrónico ● juan.m.casanueva@telarsocial.org ● victor.hernandez@telarsocial.org Twitter Facebook ● @info_activismo ● Pag: telarsocial ● @jm_casanueva ● Gpo: Medios Digitales para la Acción Social 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