Intro infovis-infographics-090929030721-phpapp01
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Intro infovis-infographics-090929030721-phpapp01

on

  • 308 views

 

Statistics

Views

Total Views
308
Views on SlideShare
308
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Intro infovis-infographics-090929030721-phpapp01 Presentation Transcript

  • 1. Esquemática, Infovise Infografías.Introducción a las explicaciones visuales.Otoño 2009.Mtro. Omar Sosa Tzechttp://www.tzek-design.com/blog
  • 2. Esquemática.
  • 3. Un esquema puede considerarse como unarepresentación gráfica o simbólica de lascosas materiales o inmateriales.www.rae.es, 2009.
  • 4. En palabras de Costa, el verbo visualizar serefiere al hecho de hacer visibles ycomprensibles al ser humano aspectos yfenómenos de la realidad que no son accesiblesal ojo, y muchos de ellos ni siquiera de naturalezavisual y está directamente relacionado con elproceso de transformación de los fenómenos eninformación y la información en conocimiento.La Esquemática. Joan Costa, 1998.
  • 5. Fenómeno.Realidad.No accesible al ojo humano.Transformar los fenómenos en información.Información en conocimiento.
  • 6. fenómeno información conocimiento
  • 7. ¿Por qué es importante transformar lainformación en conocimiento?
  • 8. La ecuación del calor.
  • 9. Representación gráfica de la ecuación del calor.http://www.tzek-design.com/archivos/OmiTesis_CIMAT.pdf
  • 10. El tiempo.
  • 11. El tiempo.
  • 12. La semiótica.
  • 13. Los elementos identificadores (semiótica).
  • 14. La semiótica.
  • 15. El nivel de iconicidad.
  • 16. La repetición.
  • 17. La variación.
  • 18. La escala.
  • 19. La visualización de información involucra unaactividad cognitiva y conlleva a la construcciónde modelos internos en la mente…Según Benjamin Fry, tiene su importancia en lacapacidad de ayudar a las personas a “ver” cosasque no han sido previamente entendidas enforma de datos abstractos.benfry.com
  • 20. Actividad cognitiva.Modelos internos de la mente.Ayudar a ver cosas no entendidas.
  • 21. Gapminder.http://www.gapminder.org/
  • 22. ¿Cuáles son los elementos gráficos que ayudan aentender los fenómenos?¿Todos tienen que ver con el tiempo?
  • 23. The art of complex problem solving.http://www.idiagram.com/CP/cpprocess.html
  • 24. ¿Cuáles son los elementos gráficos que ayudan aentender los fenómenos?¿Todos tienen que ver con el tiempo?
  • 25. ¿Y todas las gráficas tienen que ver conel tiempo?Es decir, ¿tiene que haber animación?¿Qué sucede cuando el medio esestático (impreso)?
  • 26. Information graphics vinyl stickers for the home.http://infosthetics.com/archives/2009/09/information_graphics_stickers_for_the_home.html
  • 27. 50 great examples of infographics.http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/
  • 28. http://www.flickr.com/photos/ritwikdey/426048360/sizes/l/
  • 29. http://www.flickr.com/photos/densitydesign/3409542518/sizes/l/
  • 30. http://1.bp.blogspot.com/_HRnKzjq-c5g/Sd9vtNArvJI/AAAAAAAAAks/rtrE4u5ZqgU/s1600-h/Imagen+2.png
  • 31. http://www.behance.net/Gallery/Information-Matters-Promo/97671
  • 32. Isometric Ilustrations.http://vector.tutsplus.com/tutorials/illustration/working-with-orthographic-projections-and-basic-isometrics/http://vector.tutsplus.com/tutorials/illustration/how-to-create-advanced-isometric-illustrations-using-the-ssr-method/
  • 33. Air safety cards.http://en.wikipedia.org/wiki/Aircraft_safety_card
  • 34. Jaques Bertin: Variables visuales.
  • 35. Variables visuales de Jaques Bertin.http://www.infovis-wiki.net/index.php?title=Visual_Variables
  • 36. Las dimensiones de los esquemas.
  • 37. Abstracción Estética Información Complejidad Inteligibilidad Redundancia Semanticidad IconicidadJoan Costa. La Esquemática. 1998.
  • 38. Pasos básicos para la visualización deun fenómeno.
  • 39. La explicación visual de un fenómeno comose puede ver en los ejemplos anteriorestiene que ver con la narrativa.¿Qué explicas? podría equivaler a:¿Qué estás contando sobre el fenómeno?
  • 40. * Dentro de la narración de lo que es el fenómeno,al igual que un cuento, existen ciertas etapas.* Cada etapa cuenta una parte de la historia.* Para que la persona no pierda la continuidad enla historia debes cuidar lo que dices: ¿de quéhablas? ¿cómo explicas con claridad la historiapara esa etapa? ¿qué es importante mencionar enel comienzo? ¿a qué idea se debe llegar al final?
  • 41. * Del fenómeno, identifica cuáles son los sub-fenómenos o procesos asociados.* Para cada uno, determina qué elementos(concretos y abstractos) lo constituyen.* Identificados estos elementos, identifica cuálesson las acciones que se llevan a cabo a través deltiempo.* Aún más, fíjate, qué se transforma ¿en qué? ¿encuántos pasos? ¿cómo se dio la acción en eltiempo? ¿en forma lineal o no lineal? ¿recursiva oiterativa?
  • 42. * Así como enlazas a nivel micro las ideasrelacionadas a cada sub-proceso, piensa después¿cómo se ligan todas?* Y ve definiendo a nivel micro ¿cuáles son lasformas de representación que explican laevolución de los sub-procesos o sub-fenómenos?
  • 43. Proyecto.
  • 44. El tema será los videojuegos.Por equipo seleccionarán un videojuego.Primero se trabajará a nivel boceto con lápiz y papelsobre los procesos y características de “jugar esevideojuego” en particular.
  • 45. Esta explicación visual será compuesta; es decir,incluirá muchos “chunks” de información para explicarel fenómeno.
  • 46. * ¿Cuál es el objetivo del juego? ¿Cómo se gana?* ¿Cuáles son los elementos de la interfaz de usuario?* ¿Cómo se juega el video juego en relación con eldispositivo de control? (La relación botones o teclas conrespecto a los movimientos)* ¿Cómo se consiguen altos puntajes?
  • 47. * Realiza una bitácora de sesiones en 1 semana queextraiga datos como:¿Cuántas veces se realizan movimientos desde elcontrol?¿Cómo fue el desarrollo de los caracteres, poderesespeciales o algún dato que se requiera incrementar odecrementar con el fin de ganar el juego?¿Cómo va la relación de puntaje, avance odecrecimiento entre los miembros del equipo?
  • 48. Gracias.* Manejo de ligas y/o imágenes para demostraciones educativas del tema.