Introducción a la Esquemática, Infografía e Infovis

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

description

Conceptos básicos para dar origen a explicaciones visuales introducidos a través de ejemplos.

Transcript of Introducción a la Esquemática, Infografía e Infovis

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.

Gapminder.

http://www.gapminder.org/

¿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)?

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.