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

Like this? Share it with your network

Share

Intro infovis-infographics-090929030721-phpapp01

  • 325 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
325
On Slideshare
325
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
6
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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.