intro infovis-infographics-090929030721-phpapp01

of 56 /56
Esquemática, Infovis e Infografías. Introducción a las explicaciones visuales. Otoño 2009. Mtro. Omar Sosa Tzec http://www.tzek-design.com/blog

Author: ana-isabel-gomez-marin

Post on 09-Jul-2015

168 views

Category:

Documents


0 download

Embed Size (px)

TRANSCRIPT

  • Esquemtica, Infovise Infografas.Introduccin a las explicaciones visuales.

    Otoo 2009.

    Mtro. Omar Sosa Tzechttp://www.tzek-design.com/blog

  • Esquemtica.

  • Un esquema puede considerarse como una representacin grfica o simblica de las cosas materiales o inmateriales.

    www.rae.es, 2009.

  • En palabras de Costa, el verbo visualizar se refiere al hecho de hacer visibles y comprensibles al ser humano aspectos y fenmenos de la realidad que no son accesibles al ojo, y muchos de ellos ni siquiera de naturaleza visual y est directamente relacionado con el proceso de transformacin de los fenmenos en informacin y la informacin en conocimiento.

    La Esquemtica. Joan Costa, 1998.

  • Fenmeno.

    Realidad.

    No accesible al ojo humano.

    Transformar los fenmenos en informacin.

    Informacin en conocimiento.

  • fenmeno informacin conocimiento

  • Por qu es importante transformar la informacin en conocimiento?

  • La ecuacin del calor.

  • Representacin grfica de la ecuacin del calor.http://www.tzek-design.com/archivos/OmiTesis_CIMAT.pdf

  • El tiempo.

  • El tiempo.

  • La semitica.

  • Los elementos identificadores (semitica).

  • La semitica.

  • El nivel de iconicidad.

  • La repeticin.

  • La variacin.

  • La escala.

  • La visualizacin de informacin involucra una actividad cognitiva y conlleva a la construccin de modelos internos en la mente

    Segn Benjamin Fry, tiene su importancia en la capacidad de ayudar a las personas a ver cosas que no han sido previamente entendidas en forma de datos abstractos.

    benfry.com

  • Actividad cognitiva.

    Modelos internos de la mente.

    Ayudar a ver cosas no entendidas.

  • Gapminder.

    http://www.gapminder.org/

  • Cules son los elementos grficos que ayudan a entender los fenmenos?

    Todos tienen que ver con el tiempo?

  • The art of complex problem solving.

    http://www.idiagram.com/CP/cpprocess.html

  • Cules son los elementos grficos que ayudan a entender los fenmenos?

    Todos tienen que ver con el tiempo?

  • Y todas las grficas tienen que ver con el tiempo?

    Es decir, tiene que haber animacin?

    Qu sucede cuando el medio es esttico (impreso)?

  • Information graphics vinyl stickers for the home.

    http://infosthetics.com/archives/2009/09/information_graphics_stickers_for_the_home.html

  • 50 great examples of infographics.

    http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/

  • http://www.flickr.com/photos/ritwikdey/426048360/sizes/l/

  • http://www.flickr.com/photos/densitydesign/3409542518/sizes/l/

  • http://1.bp.blogspot.com/_HRnKzjq-c5g/Sd9vtNArvJI/AAAAAAAAAks/rtrE4u5ZqgU/s1600-h/Imagen+2.png

  • http://www.behance.net/Gallery/Information-Matters-Promo/97671

  • 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/

  • Air safety cards.

    http://en.wikipedia.org/wiki/Aircraft_safety_card

  • Jaques Bertin: Variables visuales.

  • Variables visuales de Jaques Bertin.http://www.infovis-wiki.net/index.php?title=Visual_Variables

  • Las dimensiones de los esquemas.

  • Abstraccin

    Informacin

    Inteligibilidad

    Semanticidad

    Iconicidad

    Redundancia

    Complejidad

    Esttica

    Joan Costa. La Esquemtica. 1998.

  • Pasos bsicos para la visualizacin de un fenmeno.

  • La explicacin visual de un fenmeno como se puede ver en los ejemplos anteriores tiene que ver con la narrativa.

    Qu explicas? podra equivaler a:

    Qu ests contando sobre el fenmeno?

  • * Dentro de la narracin de lo que es el fenmeno, al igual que un cuento, existen ciertas etapas.

    * Cada etapa cuenta una parte de la historia.

    * Para que la persona no pierda la continuidad en la historia debes cuidar lo que dices: de qu hablas? cmo explicas con claridad la historia para esa etapa? qu es importante mencionar en el comienzo? a qu idea se debe llegar al final?

  • * Del fenmeno, identifica cules son los sub-fenmenos o procesos asociados.

    * Para cada uno, determina qu elementos (concretos y abstractos) lo constituyen.

    * Identificados estos elementos, identifica cules son las acciones que se llevan a cabo a travs del tiempo.

    * An ms, fjate, qu se transforma en qu? en cuntos pasos? cmo se dio la accin en el tiempo? en forma lineal o no lineal? recursiva o iterativa?

  • * As como enlazas a nivel micro las ideas relacionadas a cada sub-proceso, piensa despus cmo se ligan todas?

    * Y ve definiendo a nivel micro cules son las formas de representacin que explican la evolucin de los sub-procesos o sub-fenmenos?

  • Proyecto.

  • El tema ser los videojuegos.

    Por equipo seleccionarn un videojuego.

    Primero se trabajar a nivel boceto con lpiz y papel sobre los procesos y caractersticas de jugar ese videojuego en particular.

  • Esta explicacin visual ser compuesta; es decir, incluir muchos chunks de informacin para explicar el fenmeno.

  • * Cul es el objetivo del juego? Cmo se gana?

    * Cules son los elementos de la interfaz de usuario?

    * Cmo se juega el video juego en relacin con el dispositivo de control? (La relacin botones o teclas con respecto a los movimientos)

    * Cmo se consiguen altos puntajes?

  • * Realiza una bitcora de sesiones en 1 semana que extraiga datos como:

    Cuntas veces se realizan movimientos desde el control?

    Cmo fue el desarrollo de los caracteres, poderes especiales o algn dato que se requiera incrementar o decrementar con el fin de ganar el juego?

    Cmo va la relacin de puntaje, avance o decrecimiento entre los miembros del equipo?

  • Gracias.

    * Manejo de ligas y/o imgenes para demostraciones educativas del tema.