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.