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

Upload: omar-sosa-tzec

Post on 26-Jul-2015

3.775 views

Category:

Design


3 download

TRANSCRIPT

Page 1: 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

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

Esquemática.

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

Un esquema puede considerarse como una representación gráfica o simbólica de las cosas materiales o inmateriales.

www.rae.es, 2009.

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

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.

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

Fenómeno.

Realidad.

No accesible al ojo humano.

Transformar los fenómenos en información.

Información en conocimiento.

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

fenómeno información conocimiento

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

¿Por qué es importante transformar la información en conocimiento?

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

La ecuación del calor.

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

Representación gráfica de la ecuación del calor.http://www.tzek-design.com/archivos/OmiTesis_CIMAT.pdf

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

El tiempo.

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

El tiempo.

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

La semiótica.

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

Los elementos identificadores (semiótica).

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

La semiótica.

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

El nivel de iconicidad.

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

La repetición.

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

La variación.

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

La escala.

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

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

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

Actividad cognitiva.

Modelos internos de la mente.

Ayudar a ver cosas no entendidas.

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

Gapminder.

http://www.gapminder.org/

Page 22: Introducción a la Esquemática, Infografía e Infovis
Page 23: Introducción a la Esquemática, Infografía e Infovis

¿Cuáles son los elementos gráficos que ayudan a entender los fenómenos?

¿Todos tienen que ver con el tiempo?

Page 24: Introducción a la Esquemática, Infografía e Infovis
Page 25: Introducción a la Esquemática, Infografía e Infovis

The art of complex problem solving.

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

Page 26: Introducción a la Esquemática, Infografía e Infovis
Page 27: Introducción a la Esquemática, Infografía e Infovis

¿Cuáles son los elementos gráficos que ayudan a entender los fenómenos?

¿Todos tienen que ver con el tiempo?

Page 28: Introducción a la Esquemática, Infografía e Infovis
Page 29: Introducción a la Esquemática, Infografía e Infovis

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

Page 31: Introducción a la Esquemática, Infografía e Infovis
Page 32: Introducción a la Esquemática, Infografía e Infovis
Page 38: Introducción a la Esquemática, Infografía e Infovis

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/

Page 39: Introducción a la Esquemática, Infografía e Infovis
Page 40: Introducción a la Esquemática, Infografía e Infovis

Air safety cards.

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

Page 41: Introducción a la Esquemática, Infografía e Infovis
Page 42: Introducción a la Esquemática, Infografía e Infovis

Jaques Bertin: Variables visuales.

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

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

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

Las dimensiones de los esquemas.

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

Abstracción

Información

Inteligibilidad

Semanticidad

Iconicidad

Redundancia

Complejidad

Estética

Joan Costa. La Esquemática. 1998.

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

Pasos básicos para la visualización de un fenómeno.

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

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?

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

* 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?

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

* 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?

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

* 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?

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

Proyecto.

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

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.

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

Esta explicación visual será compuesta; es decir, incluirá muchos “chunks” de información para explicar el fenómeno.

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

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

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

* 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?

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

Gracias.

* Manejo de ligas y/o imágenes para demostraciones educativas del tema.