intro infovis-infographics-090929030721-phpapp01
TRANSCRIPT
Esquemática, Infovise Infografías.Introducción a las explicaciones visuales.
Otoño 2009.
Mtro. Omar Sosa Tzechttp://www.tzek-design.com/blog
Esquemática.
Un esquema puede considerarse como una representación gráfica o simbólica 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 fenómenos 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 transformación de los fenómenos en información y la información en conocimiento.
La Esquemática. Joan Costa, 1998.
Fenómeno.
Realidad.
No accesible al ojo humano.
Transformar los fenómenos en información.
Información en conocimiento.
fenómeno información conocimiento
¿Por qué es importante transformar la información en conocimiento?
La ecuación del calor.
Representación gráfica de la ecuación del calor.http://www.tzek-design.com/archivos/OmiTesis_CIMAT.pdf
El tiempo.
El tiempo.
La semiótica.
Los elementos identificadores (semiótica).
La semiótica.
El nivel de iconicidad.
La repetición.
La variación.
La escala.
La visualización de información involucra una actividad cognitiva y conlleva a la construcción de modelos internos en la mente…
Según 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.
¿Cuáles son los elementos gráficos que ayudan a entender los fenómenos?
¿Todos tienen que ver con el tiempo?
The art of complex problem solving.
http://www.idiagram.com/CP/cpprocess.html
¿Cuáles son los elementos gráficos que ayudan a entender los fenómenos?
¿Todos tienen que ver con el tiempo?
¿Y todas las gráficas tienen que ver con el tiempo?
Es decir, ¿tiene que haber animación?
¿Qué sucede cuando el medio es estático (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.
Abstracción
Información
Inteligibilidad
Semanticidad
Iconicidad
Redundancia
Complejidad
Estética
Joan Costa. La Esquemática. 1998.
Pasos básicos para la visualización de un fenómeno.
La explicación visual de un fenómeno como se puede ver en los ejemplos anteriores tiene que ver con la narrativa.
¿Qué explicas? podría equivaler a:
¿Qué estás contando sobre el fenómeno?
* 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 en la historia debes cuidar lo que dices: ¿de qué hablas? ¿cómo explicas con claridad la historia para esa etapa? ¿qué es importante mencionar en el comienzo? ¿a qué idea se debe llegar al final?
* 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áles son las acciones que se llevan a cabo a través del tiempo.
* Aún más, fíjate, qué se transforma ¿en qué? ¿en cuántos pasos? ¿cómo se dio la acción 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 después ¿cómo se ligan todas?
* Y ve definiendo a nivel micro ¿cuáles son las formas de representación que explican la evolución de los sub-procesos o sub-fenómenos?
Proyecto.
El tema será los videojuegos.
Por equipo seleccionarán un videojuego.
Primero se trabajará a nivel boceto con lápiz y papel sobre los procesos y características de “jugar ese videojuego” en particular.
Esta explicación visual será compuesta; es decir, incluirá muchos “chunks” de información para explicar el fenómeno.
* ¿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 el dispositivo de control? (La relación botones o teclas con respecto a los movimientos)
* ¿Cómo se consiguen altos puntajes?
* Realiza una bitácora de sesiones en 1 semana que extraiga datos como:
¿Cuántas veces se realizan movimientos desde el control?
¿Cómo fue el desarrollo de los caracteres, poderes especiales o algún dato que se requiera incrementar o decrementar con el fin de ganar el juego?
¿Cómo va la relación de puntaje, avance o decrecimiento entre los miembros del equipo?
Gracias.
* Manejo de ligas y/o imágenes para demostraciones educativas del tema.