Download - Esquemática y Diseño de Información
![Page 1: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/2.jpg)
¿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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/3.jpg)
¿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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/4.jpg)
… 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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/5.jpg)
… 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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/6.jpg)
http://awesome.good.is/transparency/web/0912/dirty-water/flat.html
![Page 7: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/7.jpg)
http://awesome.good.is/transparency/web/1101/census-data/flat.html
![Page 8: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/8.jpg)
http://awesome.good.is/transparency/web/1009/the-world-of-data/flat.html
![Page 9: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/9.jpg)
Relación de amigos en facebook de Omar Sosa Tzec
![Page 12: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/13.jpg)
¿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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/14.jpg)
• Actividad cognitiva
• Modelos internos de la mente
• Ayudar a ver cosas no entendidas
![Page 17: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/18.jpg)
Principio de la proximidad
![Page 19: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/19.jpg)
Principio de la similaridad
![Page 20: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/20.jpg)
Principio de la pregnancia
![Page 21: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/21.jpg)
Principio de cierre
![Page 22: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/23.jpg)
Macro y micro lecturas
![Page 25: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/25.jpg)
Macro y micro lecturashttp://www.informationisbeautiful.net/visualizations/colours-in-cultures/
![Page 26: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/26.jpg)
Macro y micro lecturashttp://www.informationarchitects.jp/en/web-trend-map-4-final-beta/
![Page 27: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/27.jpg)
Separación y manejo de capas
![Page 28: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/28.jpg)
Separación y manejo de capas
![Page 29: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/29.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/30.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/31.jpg)
Pequeños múltiplos
![Page 32: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/32.jpg)
Pequeños múltiplos
![Page 34: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/34.jpg)
Color e información
![Page 35: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/35.jpg)
Color e informaciónhttp://www.informationarchitects.jp/en/web-trend-map-4-final-beta/
![Page 36: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/36.jpg)
Color e informaciónhttp://www.informationisbeautiful.net/visualizations/colours-in-cultures/
![Page 37: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/37.jpg)
Narrativas de tiempo y espacio
![Page 38: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/38.jpg)
Narrativas de tiempo y espacio
http://www.informationisbeautiful.net/visualizations/timelines/
![Page 39: Esquemática y Diseño de Información](https://reader036.vdocuments.co/reader036/viewer/2022062304/55b47caebb61eb014c8b47c4/html5/thumbnails/39.jpg)
Gracias.
http://tzek-design.com/bloghttp://facebook.com/omitzekhttp://twitter.com/tzek
* Apuntes realizados sin fines de lucro.