Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Visualizacion información

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio

Eche un vistazo a continuación

1 de 150 Anuncio
Anuncio

Más Contenido Relacionado

Presentaciones para usted (18)

Similares a Visualizacion información (20)

Anuncio

Más de Marga Cabrera Méndez (20)

Más reciente (20)

Anuncio

Visualizacion información

  1. 1. ¿Contar historias de una manera diferente a escribir una nota de prensa? OBJETIVO DE HOY ¿Cómo pensar en nuevas narrativas?A ) B)
  2. 2. - ¿Qué es la visualización? - Perfiles - Story-telling - Procesos - Tipos (ejemplos) - Herramientas - Gráfica - Infografía - Timeline - Video - Comunicar/difusión - Visualización de trabajos y corrección #RuedaVisual INDICE
  3. 3. http://vizualize.me/MargaCabrera Trayectoria profesional MARGARITA CABRERA
  4. 4. • APIS primarias (Google, FB) • APIS secundarias (Social Mention…) • Web Scraping • Open Linked Data • Input clientes • Business Intelligence • Predictive Modeling • Datamining • TextMining • SSN (Social Network Analysis) • Cybermetrics • Data visualization • Rankings • Comparativas • Alertas y seguimiento • Reports personalizados • Asesoría estratégica www.metricsalad.com
  5. 5. www.nuevosmedios.es
  6. 6. Y vosotros? ¿Y vosotros?
  7. 7. ¿Qué es visualización?
  8. 8. La Visualización es una tendencia, estamos inundados de información
  9. 9. Transformar los datos en impactos visuales facilita la comprensión.
  10. 10. El poder del impacto visual RECORDATORIO un 10% de lo que leemos a lo largo de un día. un 30% de lo que hemos visto 10% 30%
  11. 11. Nuestro cerebro procesa mucho más rápido una imagen que un texto. El poder del impacto visual
  12. 12. ES IM PORTANTE EL CONTEXTO Y CULTURA
  13. 13. De los libros salen películas, juegos, etc. Hay guionistas que traducen las palabras en todo un mundo
  14. 14. TRANSMEDIA
  15. 15. http://newspagedesigner.org/photo/harry-potter-02
  16. 16. No existe una única forma de ver, entender y traducir visualmente los datos
  17. 17. Visualizar información = todo tipo de colores, formas, sabores y experiencias De un mismo texto pueden salir mil visualizaciones Imagen: http://blogs.elpais.com/storyboard/2013/01/cómo-se-ilustra-un-clásico.html
  18. 18. Cerrad los ojos y pensad en el cuento de Caperucita, cómo la veis, y la historia? Imagen: http://blogs.elpais.com/storyboard/2013/01/cómo-se-ilustra-un-clásico.html
  19. 19. Imagen https://www.behance.net/gallery/10585249/Infografia-infantil Una posible infografía
  20. 20. Una posible infografía
  21. 21. Imagen https://www.behance.net/gallery/10585249/Infografia-infantil Una posible infografía
  22. 22. Imagen http://vaninapuente.blogspot.com/2011/07/ejercicio-sistema-de-identidad-nivel-2.html Instalación del teatro negro de Praga Con una información podemos jugar de mil maneras
  23. 23. http://neomam.com/interactive/13reasons/
  24. 24. No es tan nuevo… Infografías en prensa
  25. 25. Visualoop http://visualoop.com/23508/this-is-visual-journalism-79
  26. 26. Premios Malofiej (Los 'Pulitzer' de la Infografía) http://www.malofiejgraphics.com
  27. 27. http://chronicle.nytlabs.com Con internet podemos jugar con la información en tiempo real, o hacia atrás
  28. 28. https://books.google.com/ngrams Con internet podemos jugar con la información en tiempo real, o hacia atrás
  29. 29. ¿Quién lo hace?
  30. 30. ¿Quién lo hace? Estadística Matemáticas Ingeniería de datos Negocio (o tema) Desarrollo Visualización Gis … http://www.idata.com.co/index.php/blog-page/97-categorias-de-cientificos-de-datos Los “científicos de datos” deberían ser expertos en:
  31. 31. Diseño, Estadística, Usabilidad, Informática, Periodismo, Story-telling, Matemáticas, Teoría del color, Composición gráfica, Inteligencia emocional, Conocimiento de negocio… INTERDISCIPLINAR
  32. 32. http://www.idata.com.co/index.php/blog-page/97-categorias-de-cientificos-de-datos Conocimientos de negocio, estadística, teoría del color, composición gráfica, story- telling e inteligencia emocional.
  33. 33. STORYTELLING
  34. 34. Importa tener datos Importa comunicar el significado de los datos Para ello la visualización es una disciplina muy útil. Aprender a extraer y contar historias visualizando datos ES UNA HABILIDAD
  35. 35. Nuestra misión es traducir Pasar lo técnico a no-técnico Hola! Hello! V+R=1/2%
  36. 36. Hacer accesible la información para público menos técnico
  37. 37. Permite mayor comprensión en menor tiempo
  38. 38. Ejemplo: tuitómetro http://tuitometro.es
  39. 39. No solo tiene que ser agradable a la vista Debe ser fácilmente asimilable Dependerá mucho de quién es el público/audiencias
  40. 40. Tipologías
  41. 41. Con herramientas como Tableau o Excel podemos explorar datos visualmente. Permite realizar cálculos y comparaciones en segundos Hace un tiempo requerían un mayor esfuerzo, incluso en la época de la informática. http://guides.library.duke.edu/vis_types TAXONOMÍA
  42. 42. TIPOS DE VISUALIZACIONES: GRÁFICAS http://www.web-analytics.es/blog/visualizacion-de-datos-10-graficos-para-visualizar-tus-datos-de-analitica/
  43. 43. https://github.com/mbostock/d3/wiki/Gallery TIPOS DE VISUALIZACIONES: GRÁFICAS
  44. 44. Infografías Las infografías comprimen ideas complejas y las presentan a sus espectadores en un formato digerible. TIPOS DE VISUALIZACIONES
  45. 45. Infografías estáticas Infografías Interactivas Nivel de vida mundial https://www.oecdregionalwellbeing.org/ME04.html Evolución de la riqueza y sanidad de los países https://bost.ocks.org/mike/nations/ Infografías Animadas •Let’s talk about soil •Coste de la guerra TIPOS A B C
  46. 46. Existen todo tipo de VISUALIZACIONES http://es.slideshare.net/ialcalde/visualizacin-de-la-informacin-16214658?related=1
  47. 47. Un gráfico se sustenta en un lenguaje visual y este en un esquema mental. Receptor y diseñador deben compartir el esquema mental (o nunca entenderá la codificación) ¿HABLAN LOS GRÁFICOS POR SI SOLOS?
  48. 48. Cuanto mejor es un gráfico más fácil es entenderlo sin instrucción previa. ¿HABLAN LOS GRÁFICOS POR SI SOLOS?
  49. 49. Cuando la ubicación es importante en la historia Hay herramientas digitales que filtran el contenido según interés y ubicación. Creamos capas de noticias que pueden dialogar con otros datos. TIPOS DE VISUALIZACIONES: TERRITORIO Cuando el relato dialoga con el territorio
  50. 50. El proyecto InfoAmazonia.org, demuestra que es posible organizar las noticias actuando como cartógrafos modernos. Lanzado en 2012 durante la Conferencia de las Naciones Unidas sobre Desarrollo Sostenible. https://infoamazonia.org/es#!/map=49 PERIODISMO DE DATOS
  51. 51. El proyecto España en Llamas, geolocaliza en el tiempo los incendios, además de analizarlos y permitir comparar por hectáreas, intención, duración... http://www.espanaenllamas.es/explora-los-incendios/ PERIODISMO DE DATOS
  52. 52. http://www.nytimes.com/newsgraphics/2013/08/18/reshaping-new-york/ PERIODISMO DE DATOS
  53. 53. http://www.bbc.com/news/science-environment-22567526
  54. 54. http://everynoise.com
  55. 55. http://www.visualisingdata.com/index.php/resources/
  56. 56. http://www.theguardian.com/world/interactive/2013/nov/01/snowden-nsa-files-surveillance-revelations-deco
  57. 57. Cuando la cronología es importante en la historia Creamos capas de noticias que pueden dialogar con otros datos dependiendo del momento histórico. TIPOS DE VISUALIZACIONES: TIEMPO Cuando el relato dialoga con el tiempo
  58. 58. http://www.bbc.co.uk/history/interactive/timelines/british/index_embed.shtml
  59. 59. http://www.nytimes.com/interactive/2008/08/04/sports/olympics/20080804_MEDALCOUNT_MAP.html?_r=0
  60. 60. Primavera árabe http://www.theguardian.com/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline
  61. 61. El usuario medio de internet mira 40 minutos por día Incluyendo clips de noticias, entretenimiento, información educativa, anuncios, etc. Los vídeos son más atractivos que una imagen estática o una foto. Se puede integrar vídeo aportando: testimonios, experiencias, encuestas, demostraciones, etc. TIPOS DE VISUALIZACIONES: VIDEO
  62. 62. Microvideos: ideal para Facebook o Instagram https://www.facebook.com/PlayGroundMag/videos/1268986433141230/
  63. 63. GIFS ANIMADOS : microcontenidos animados
  64. 64. http://www.iadb.org/es/temas/educacion/cambio-climatico/subete,8981.html
  65. 65. FASES
  66. 66. Obtención, procesado y visualización FASES
  67. 67. Cuando se inicia una representación visual hay que pensar en el objetivo: qué problema queremos resolver. LA CLAVE ESTÁ EN ACERTAR CON LA PREGUNTA ¿Cómo empiezo?
  68. 68. Trucos Cuenta una historia. La pieza ha de ser memorable, organizada y con un guión. Conoce a tu audiencia. A quién quiero llegar. Qué están buscando. Si tienes estos datos será mucho más sencillo que enfoques el contenido principal, y el diseñador enfoque el estilo final de la pieza. Conoce a tu competencia. Quiénes son y qué están ofreciendo. Te ayudará a diferenciarte. ¿Cómo empiezo?
  69. 69. ¿De dónde saco los datos? – Propios – Abiertos – Google Public Data Explorer: infografías a partir de datos públicos – Búsqueda avanzada de Google – A medida – … ¿Qué datos tengo o necesito?
  70. 70. I it DATOS CLASIFICA ORGANIZA LOS DATOS PRESENTALOS VISUALMENTE
  71. 71. Recopilación (propia o ajena). Almacenamiento (archivos, hojas de cálculo..) Analizarlos Resumirlos (cuáles son útiles para mi historia) Comunicarlos (proceso de interpretación) Proceso en el manejo de datos
  72. 72. Tienes los datos/ingredientes Los combinas Los presentas Visualizar datos es parecido a cocinar
  73. 73. El ejercicio importante es saber depurar y seleccionar lo que realmente es relevante para nuestro objetivo Resume, subraya y acorta Quédate con la esencia ¿Cómo comienzo?
  74. 74. Convertir los datos en información gráfica, con una codificación que permita comprender fácilmente el contenido. ¿Cómo empiezo?
  75. 75. El “storyteller”, el que decodifica y hace entendible la información, la dota de significado e historia. ¿Cómo empiezo?
  76. 76. Añade corazón, humaniza la historia https://www.youtube.com/watch?v=izMbNhfBI2I
  77. 77. Existen temas clave con los que conectar con el público: La vida y la muerte el amor y el desamor el odio el humor la amistad el bien y el mal la esperanza o el engaño… Hacer de alguno de los ‘temas universales’ la trama de tu historia es una buena idea para facilitar que tu mensaje se expanda Añade corazón, humaniza la historia
  78. 78. Nada de lo anterior tendrá sentido, ni será efectivo, si no hay una idea clara del mensaje que se quiere transmitir y una estructura para hacerlo. Añade corazón, humaniza la historia
  79. 79. Por eso es fundamental: - tener claro cuál es tu mensaje - a quiénes te diriges - qué historia vas a contar: no porque sea interesante o útil para ti, sino porque lo será para ellos. Añade corazón, humaniza la historia
  80. 80. Es difícil recomendar UN gráfico, ya que cada uno se usa para indicar distintas cosas. ¿qué quiero contar? Mapas Línea de tiempo Gráficas/comparativas Procesos … ¿QUÉ?
  81. 81. Un mismo mensaje se puede contar de 1000 formas Cuando despertó, el dinosaurio todavía e
  82. 82. Twitter como gimnasio para la escritura
  83. 83. Todos los gráficos y visualizaciones están rodeados de textos, contextos, y esa es la clave para hacer visualizaciones, no olvidarnos del contexto que queremos presentar No olvidar el contexto
  84. 84. http://literatura4c.wikispaces.com/2.1.1.+Contexto+Histórico#Contexto%20Hist%EF%BF%BDrico
  85. 85. En el gráfico resaltan historias interesantes de los datos, incluyen despliegue de información sobre los países. La interacción entre las palabras y los visuales es la clave, es narrativa, es contar una historia. http://www.nytimes.com/interactive/2013/10/15/health/where-is-breast-cancer.html
  86. 86. Empieza con lápiz y papel INVENTA Inventa tu historia
  87. 87. Proyecto @resultados20n http://resultados20n.blogspot.com https://player.vimeo.com/video/40523395 la mejor visualización es la más simple
  88. 88. Composición Colores Paleta de colores en moda http://kuler.adobe.com/es/create/color-wheel crear paleta de colores Iconos http://www.iconarchive.com http://findicons.com Fotografía https://unsplash.com (10 fotos gratis a la semana) http://nos.twnsnd.co (fotos vintage libres) Ponle cara y estilo propio
  89. 89. HERRAM IENTAS
  90. 90. http://charts.hohli.com
  91. 91. Herramientas Visualizaciones sencillas Herram ientas
  92. 92. https://www.canva.com
  93. 93. http://www.picmonkey.com
  94. 94. http://vizualize.me
  95. 95. http://re.vu
  96. 96. Herramientas Infografías Herram ientas
  97. 97. https://infogr.am
  98. 98. http://piktochart.com
  99. 99. http://www.easel.ly
  100. 100. Timelines Herram ientas
  101. 101. http://www.dipity.com
  102. 102. http://timeline.knightlab.com
  103. 103. Vídeos Herram ientas
  104. 104. http://animoto.com
  105. 105. http://www.powtoon.com
  106. 106. http://www.masher.com
  107. 107. M INDM APS Herram ientas
  108. 108. M INDM APS Herram ientas http://mind42.com
  109. 109. http://www.visual-mapping.com/2012/06/visual-root-collaborative-and-creative.html M INDM APS Herram ientas
  110. 110. https://bubbl.us http://www.mindmeister.com/es https://www.lucidchart.com M INDM APS Herram ientas
  111. 111. Como herramientas más avanzadas: • Tableau Desktop • QlikView Como software con líneas de aprendizaje relativamente rápido pero que llegan a una complejidad grande. • Cognos • Microstrategy • SAS AVANZADO SOFT Herram ientas
  112. 112. Visualización física Hiroshi Ishii (Medialab- MIT)
  113. 113. http://vimeo.com/42285189 Visualización física
  114. 114. Data Visualization Sculpture Shows Twitter Reactions To London 2012 Olympic Games http://vimeo.com/49679699 Visualización física
  115. 115. Stata de Daniel Palacios http://www.danielpalacios.info/es/portfolio/strata/ Visualización física
  116. 116. Stock, Modelos de visualización de datos bursátiles online- de Moisés Mañas http://www.hibye.org/stock/index.html http://youtu.be/f6rKdkTBsN8 Visualización física
  117. 117. WIND, World In Now Data- de Moisés Mañas http://www.hibye.org/wind/ http://youtu.be/yOyMKgijqRM Visualización física
  118. 118. Systematic ensemble. Around a way of Reading de Moisés Mañas http://www.hibye.org/page_moisesmanas/systematic.htm http://youtu.be/DXgzKoPQEUk Visualización física
  119. 119. Pulse room de Rafael Lozano Hemmer http://vimeo.com/17099770 Visualización física
  120. 120. Listenning post de Ben Ruben and Mark Hanson http://youtu.be/dD36IajCz6A Visualización física
  121. 121. https://www.youtube.com/watch?v=HjcU9XsCkgU Terreform ONE - Bio City World Population Map of 11 Billion https://www.youtube.com/watch?v=9e0Mmbf3Jq0 Visualización física
  122. 122. To be “creativo” Peter Ørntoft
  123. 123. http://www.bewitched.com/windmap.html To be “creativo” Wind map de Martin Wattenberg
  124. 124. News map de Marcos Weskamp Google news experimental interfaces http://newsmap.jp/ To be “creativo”
  125. 125. http://youtu.be/ystkKXzt9WkFly patterns por Aaron Koblin To be “creativo”
  126. 126. http://www.aaronkoblin.com/work/NYTE/nyte-globe-encounters.mov http://www.aaronkoblin.com/work/NYTE/index.html New York Talk Exchange por Aaron Koblin To be “creativo”
  127. 127. ¿LO COM UNICAM OS?
  128. 128. ¿lo difundimos?
  129. 129. https://www.youtube.com/watch?v=jbkSRLYSojo&feature=youtu.be
  130. 130. RECURSOS
  131. 131. Recursos / ejemplos • http://www.propublica.org/tools/ • http://graficos.lainformacion.com • http://www.eluniversal.com.mx/periodismo-datos/ • http://www.accurat.it • http://www.thefunctionalart.com • http://www.globaleditorsnetwork.org/programmes/data-journalism-awards/ • http://dailytekk.com/2012/02/27/over-100-incredible-infographic-tools-and- resources/
  132. 132. • Manual de periodismo de datos iberoamericano • Data + design • The believing brain • Thinking fast and slow • Infografía 2.0: Visualización interactiva de información en prensa • Functional Art, The: An introduction to information graphics and visualization • Guía de visualización de datos aplicada al marketing digital • Manual básico. Qué es el big data Bibliografía
  133. 133. • Daniel Rosenberg, Cartographies of Time: A history of the Timeline, Princeton 2012 • Manuel Lima, Visual complexity.Mapping patterns of information, Princeton Press, 2011 • Casey Reas, Form+ Code in Design, Art and Architecture, Princeton Press, 2010 • Julie Steele (ed), Beautiful Visualization, O’Reilly, 2010 • Katharine Harmon y Gayle Clemans, The Map as Art: Contemporary Artists Explore Cartography, Princeton Press, 2010 • Robert Klanten (ed), Data Flow. Visualising Information in Graphic Design,Gestalten, 2009 • Toby Segaran (ed), Beautifull data. O‘Reill, 2009 • Ben Fry, Visualizing Data, O’Reilly, 2008 • Viktor Mayer-Schönberger y Kenneth Cukier, Big data : la revolución de los datos masivos, Turner, 2013 BIG DATA ART/DESIGN + VISUALIZACIÓN Bibliografía
  134. 134. ¿TE ATREVES A VISUALIZAR INFORMACIÓN? HAZ FÁCIL LO DIFÍCIL DISFRUTA DE TU TRABAJO PIENSA EN DIGITAL http://slideshare.net/margacabrera www.margacabrera.com @MargaTwita e-quipo ¡¡MANOS A LA OBRA!!

×