Esquemática y Diseño de Información

39
Diseño de Información: ¿Qué es Esquemática?, Leyes de Gestalt y Principios para el Diseño de Información por Edward Tufte. Elaborado por Omar Sosa Tzec. http://tzek-design.com

Transcript of Esquemática y Diseño de Información

Page 1: Esquemática y Diseño de Información

Diseño de Información:¿Qué es Esquemática?, Leyes de Gestalt y Principios para el Diseño de Información por Edward Tufte.

Elaborado por Omar Sosa Tzec.http://tzek-design.com

Page 2: Esquemática y Diseño de Información

¿Qué es Esquemática?

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

Real Academia Española, 2011.

Page 3: Esquemática y Diseño de Información

¿Cómo resulta importante la Esquemática?

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 4: Esquemática y Diseño de Información

… aspectos y fenómenos de la realidad que no son accesibles al ojo, y muchos de ellos ni siquiera de naturaleza visual …

Page 5: Esquemática y Diseño de Información

… transformación de los fenómenos en información y la información en conocimiento…

Page 6: Esquemática y Diseño de Información

http://awesome.good.is/transparency/web/0912/dirty-water/flat.html

Page 7: Esquemática y Diseño de Información

http://awesome.good.is/transparency/web/1101/census-data/flat.html

Page 8: Esquemática y Diseño de Información

http://awesome.good.is/transparency/web/1009/the-world-of-data/flat.html

Page 9: Esquemática y Diseño de Información

Relación de amigos en facebook de Omar Sosa Tzec

Page 10: Esquemática y Diseño de Información

http://collabo.olihb.com/

Page 11: Esquemática y Diseño de Información

http://apps.asterisq.com/mentionmap/

Page 12: Esquemática y Diseño de Información

Representación gráfica de la ecuación del calor.http://www.slideshare.net/Tzek/tesis-de-maestra-de-omar-sosa-tzec-en-cimat

Page 13: Esquemática y Diseño de Información

¿Cómo resulta importante la Esquemática?

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 14: Esquemática y Diseño de Información

• Actividad cognitiva

• Modelos internos de la mente

• Ayudar a ver cosas no entendidas

Page 15: Esquemática y Diseño de Información

http://www.gapminder.org/

Page 16: Esquemática y Diseño de Información

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

Page 17: Esquemática y Diseño de Información

Principios Gestalt (de la percepción)

La Gestalt es una teoría psicológica la cual indica, en términos de la percepción visual, que el entendimiento es alcanzado a través de reconocer el juego interno entre los elementos de diseño y la concurrente lectura de la composición como un todo. Los puntos más importantes para el estudio del diseño de información son

• el principio de la proximidad,

• el principio de la similaridad,

• el principio de la «pregnancia», y

• el principio de cierre.

Page 18: Esquemática y Diseño de Información

Principio de la proximidad

Page 19: Esquemática y Diseño de Información

Principio de la similaridad

Page 20: Esquemática y Diseño de Información

Principio de la pregnancia

Page 21: Esquemática y Diseño de Información

Principio de cierre

Page 22: Esquemática y Diseño de Información

Edward Tufte y el Diseño de Información

En su libro, Tufte describe algunos principios básicos que favorecen a un buen diseño de información. Estos son:

• la macro y micro lecturas,

• la separación y manejo de capas,

• pequeños múltiplos,

• el color y la información, y

• las narrativas de tiempo y espacio.

Envisioning Information. Edward Tufte, 1990.

Page 23: Esquemática y Diseño de Información

Macro y micro lecturas

Page 24: Esquemática y Diseño de Información

Macro y micro lecturas

http://dmtr.org/lunarcalendar/

Page 25: Esquemática y Diseño de Información

Macro y micro lecturashttp://www.informationisbeautiful.net/visualizations/colours-in-cultures/

Page 26: Esquemática y Diseño de Información

Macro y micro lecturashttp://www.informationarchitects.jp/en/web-trend-map-4-final-beta/

Page 27: Esquemática y Diseño de Información

Separación y manejo de capas

Page 28: Esquemática y Diseño de Información

Separación y manejo de capas

Page 29: Esquemática y Diseño de Información

Separación y manejo de capas

http://www.tacentral.com/manuscripts_miniatures/images/bigmap.jpg

Page 30: Esquemática y Diseño de Información

Separación y manejo de capashttp://www.informationarchitects.jp/en/web-trend-map-4-final-beta/

Page 31: Esquemática y Diseño de Información

Pequeños múltiplos

Page 32: Esquemática y Diseño de Información

Pequeños múltiplos

Page 33: Esquemática y Diseño de Información

Pequeños múltiplos

http://dmtr.org/lunarcalendar/

Page 34: Esquemática y Diseño de Información

Color e información

Page 35: Esquemática y Diseño de Información

Color e informaciónhttp://www.informationarchitects.jp/en/web-trend-map-4-final-beta/

Page 36: Esquemática y Diseño de Información

Color e informaciónhttp://www.informationisbeautiful.net/visualizations/colours-in-cultures/

Page 37: Esquemática y Diseño de Información

Narrativas de tiempo y espacio

Page 38: Esquemática y Diseño de Información

Narrativas de tiempo y espacio

http://www.informationisbeautiful.net/visualizations/timelines/

Page 39: Esquemática y Diseño de Información

Gracias.

http://tzek-design.com/bloghttp://facebook.com/omitzekhttp://twitter.com/tzek

* Apuntes realizados sin fines de lucro.