Your SlideShare is downloading. ×
0
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Intro infovis-infographics-090929030721-phpapp01

166

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
166
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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.

×