SlideShare una empresa de Scribd logo
1 de 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
¿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.
¿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.
http://awesome.good.is/transparency/web/0912/dirty-water/flat.html
http://awesome.good.is/transparency/web/1101/census-data/flat.html
http://awesome.good.is/transparency/web/1009/the-world-of-data/flat.html
Relación de amigos en facebook de Omar Sosa Tzec
http://collabo.olihb.com/
http://apps.asterisq.com/mentionmap/
Representación gráfica de la ecuación del calor.
http://www.slideshare.net/Tzek/tesis-de-maestra-de-omar-sosa-tzec-en-cimat
¿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
•

•



•
http://www.gapminder.org/
http://www.idiagram.com/CP/cpprocess.html
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.
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.
http://dmtr.org/lunarcalendar/
http://www.informationisbeautiful.net/visualizations/colours-in-cultures/
http://www.informationarchitects.jp/en/web-trend-map-4-final-beta/
http://www.tacentral.com/manuscripts_miniature
s/images/bigmap.jpg
http://www.informationarchitects.jp/en/web-trend-map-4-final-beta/
http://dmtr.org/lunarcalendar/
http://www.informationarchitects.jp/en/web-trend-map-4-final-beta/
http://www.informationisbeautiful.net/visualizations/colours-in-cultures/
http://www.informationisbeautiful.net/visual
izations/timelines/
Gracias.


http://tzek-design.com/blog
http://facebook.com/omitzek
http://twitter.com/tzek




                              * Apuntes realizados sin fines de lucro.

Más contenido relacionado

Similar a Infodes001 110308180935-phpapp02

Esquemática y Diseño de Información
Esquemática y Diseño de InformaciónEsquemática y Diseño de Información
Esquemática y Diseño de InformaciónOmar Sosa-Tzec
 
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de informaciónUX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de informaciónUX Nights
 
Pres diseño de información diplomado
Pres diseño de información diplomadoPres diseño de información diplomado
Pres diseño de información diplomadomateo1987
 
DISEÑO DE INFORMACIÓN.pptx
DISEÑO DE INFORMACIÓN.pptxDISEÑO DE INFORMACIÓN.pptx
DISEÑO DE INFORMACIÓN.pptxAmableTorres1
 
DISEÑO DE INFORMACIÓN
DISEÑO DE INFORMACIÓNDISEÑO DE INFORMACIÓN
DISEÑO DE INFORMACIÓNAdeMorales8
 
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01Ana Isabel Gómez Marín
 
Introducción a la Esquemática, Infografía e Infovis
Introducción a la Esquemática, Infografía e InfovisIntroducción a la Esquemática, Infografía e Infovis
Introducción a la Esquemática, Infografía e InfovisOmar Sosa-Tzec
 
Conceptos del conectivismo en comunicación, filosofia
Conceptos del conectivismo en comunicación, filosofiaConceptos del conectivismo en comunicación, filosofia
Conceptos del conectivismo en comunicación, filosofiapaorios
 
Lineamientos para la visualización de datos
Lineamientos para la visualización de datosLineamientos para la visualización de datos
Lineamientos para la visualización de datosAntonio Bustamante Delon
 
Conceptos dato informacion conocimiento
Conceptos dato informacion conocimientoConceptos dato informacion conocimiento
Conceptos dato informacion conocimientoLeonardo Infante
 
Cómo crear una línea de tiempo. Por Daniel López Prieri.
Cómo crear una línea de tiempo. Por Daniel López Prieri.Cómo crear una línea de tiempo. Por Daniel López Prieri.
Cómo crear una línea de tiempo. Por Daniel López Prieri.Daniel López Prieri
 
Organizar Informacion
Organizar InformacionOrganizar Informacion
Organizar InformacioniConstruye
 
Arquitectura de la información y mapas de procesos
Arquitectura de la información y mapas de procesosArquitectura de la información y mapas de procesos
Arquitectura de la información y mapas de procesosAlfredo Alejandro Aguilar
 

Similar a Infodes001 110308180935-phpapp02 (20)

Esquemática y Diseño de Información
Esquemática y Diseño de InformaciónEsquemática y Diseño de Información
Esquemática y Diseño de Información
 
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de informaciónUX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
 
Pres diseño de información diplomado
Pres diseño de información diplomadoPres diseño de información diplomado
Pres diseño de información diplomado
 
Cultura digital ok
Cultura digital okCultura digital ok
Cultura digital ok
 
DISEÑO DE INFORMACIÓN.pptx
DISEÑO DE INFORMACIÓN.pptxDISEÑO DE INFORMACIÓN.pptx
DISEÑO DE INFORMACIÓN.pptx
 
DISEÑO DE INFORMACIÓN
DISEÑO DE INFORMACIÓNDISEÑO DE INFORMACIÓN
DISEÑO DE INFORMACIÓN
 
Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01Intro infovis-infographics-090929030721-phpapp01
Intro infovis-infographics-090929030721-phpapp01
 
Introducción a la Esquemática, Infografía e Infovis
Introducción a la Esquemática, Infografía e InfovisIntroducción a la Esquemática, Infografía e Infovis
Introducción a la Esquemática, Infografía e Infovis
 
Conceptos del conectivismo en comunicación, filosofia
Conceptos del conectivismo en comunicación, filosofiaConceptos del conectivismo en comunicación, filosofia
Conceptos del conectivismo en comunicación, filosofia
 
Lineamientos para la visualización de datos
Lineamientos para la visualización de datosLineamientos para la visualización de datos
Lineamientos para la visualización de datos
 
Etnografia virtual
Etnografia virtualEtnografia virtual
Etnografia virtual
 
eCompleXcity
eCompleXcityeCompleXcity
eCompleXcity
 
3
33
3
 
Conceptos dato informacion conocimiento
Conceptos dato informacion conocimientoConceptos dato informacion conocimiento
Conceptos dato informacion conocimiento
 
Cómo crear una línea de tiempo. Por Daniel López Prieri.
Cómo crear una línea de tiempo. Por Daniel López Prieri.Cómo crear una línea de tiempo. Por Daniel López Prieri.
Cómo crear una línea de tiempo. Por Daniel López Prieri.
 
Organizar Informacion
Organizar InformacionOrganizar Informacion
Organizar Informacion
 
Tacto neuronal
Tacto neuronalTacto neuronal
Tacto neuronal
 
Inteligencia articial
Inteligencia articialInteligencia articial
Inteligencia articial
 
Arquitectura de la información y mapas de procesos
Arquitectura de la información y mapas de procesosArquitectura de la información y mapas de procesos
Arquitectura de la información y mapas de procesos
 
Edum conoc
Edum conocEdum conoc
Edum conoc
 

Más de Ana Isabel Gómez Marín

V Estudio anual de redes sociales versión reducida 140401064016-phpapp01
V Estudio anual de redes sociales versión reducida 140401064016-phpapp01V Estudio anual de redes sociales versión reducida 140401064016-phpapp01
V Estudio anual de redes sociales versión reducida 140401064016-phpapp01Ana Isabel Gómez Marín
 
Inversión publicidad-digital-s1-2013-informe-versión-final
Inversión publicidad-digital-s1-2013-informe-versión-finalInversión publicidad-digital-s1-2013-informe-versión-final
Inversión publicidad-digital-s1-2013-informe-versión-finalAna Isabel Gómez Marín
 
Presentacionmarketingmovilv7 100712111725-phpapp02
Presentacionmarketingmovilv7 100712111725-phpapp02Presentacionmarketingmovilv7 100712111725-phpapp02
Presentacionmarketingmovilv7 100712111725-phpapp02Ana Isabel Gómez Marín
 
Analticaymonitorizacin 120307071600-phpapp02
Analticaymonitorizacin 120307071600-phpapp02Analticaymonitorizacin 120307071600-phpapp02
Analticaymonitorizacin 120307071600-phpapp02Ana Isabel Gómez Marín
 
Icex planestrategico2009-2012-100517101520-phpapp02
Icex planestrategico2009-2012-100517101520-phpapp02Icex planestrategico2009-2012-100517101520-phpapp02
Icex planestrategico2009-2012-100517101520-phpapp02Ana Isabel Gómez Marín
 
Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02
Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02
Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02Ana Isabel Gómez Marín
 
Generacion Modelo de Negocio (BBVA Innovation Center)
Generacion Modelo de Negocio (BBVA Innovation Center)Generacion Modelo de Negocio (BBVA Innovation Center)
Generacion Modelo de Negocio (BBVA Innovation Center)Ana Isabel Gómez Marín
 
Plandemarketingypublicidad01 100715200313-phpapp02 (1)
Plandemarketingypublicidad01 100715200313-phpapp02 (1)Plandemarketingypublicidad01 100715200313-phpapp02 (1)
Plandemarketingypublicidad01 100715200313-phpapp02 (1)Ana Isabel Gómez Marín
 
Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02
Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02
Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02Ana Isabel Gómez Marín
 
20101229plandemarketing 101229043522-phpapp02
20101229plandemarketing 101229043522-phpapp0220101229plandemarketing 101229043522-phpapp02
20101229plandemarketing 101229043522-phpapp02Ana Isabel Gómez Marín
 
1fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp01
1fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp011fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp01
1fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp01Ana Isabel Gómez Marín
 

Más de Ana Isabel Gómez Marín (20)

V Estudio anual de redes sociales versión reducida 140401064016-phpapp01
V Estudio anual de redes sociales versión reducida 140401064016-phpapp01V Estudio anual de redes sociales versión reducida 140401064016-phpapp01
V Estudio anual de redes sociales versión reducida 140401064016-phpapp01
 
EstudioMediosComunicacionOnLine2014IAB
EstudioMediosComunicacionOnLine2014IABEstudioMediosComunicacionOnLine2014IAB
EstudioMediosComunicacionOnLine2014IAB
 
Inversión publicidad-digital-s1-2013-informe-versión-final
Inversión publicidad-digital-s1-2013-informe-versión-finalInversión publicidad-digital-s1-2013-informe-versión-final
Inversión publicidad-digital-s1-2013-informe-versión-final
 
Estrategias de Marketing Turístico
Estrategias de Marketing TurísticoEstrategias de Marketing Turístico
Estrategias de Marketing Turístico
 
Presentacionmarketingmovilv7 100712111725-phpapp02
Presentacionmarketingmovilv7 100712111725-phpapp02Presentacionmarketingmovilv7 100712111725-phpapp02
Presentacionmarketingmovilv7 100712111725-phpapp02
 
Redes publicitarias de IAB
Redes publicitarias de IABRedes publicitarias de IAB
Redes publicitarias de IAB
 
Ebusinessworld2013
Ebusinessworld2013Ebusinessworld2013
Ebusinessworld2013
 
Analticaymonitorizacin 120307071600-phpapp02
Analticaymonitorizacin 120307071600-phpapp02Analticaymonitorizacin 120307071600-phpapp02
Analticaymonitorizacin 120307071600-phpapp02
 
Métricas en la Publicidad Online
Métricas en la Publicidad OnlineMétricas en la Publicidad Online
Métricas en la Publicidad Online
 
Tendencias Publicitarias 2013 (IAB)
Tendencias Publicitarias 2013 (IAB)Tendencias Publicitarias 2013 (IAB)
Tendencias Publicitarias 2013 (IAB)
 
Hot topic viajes_iab_abril_2012
Hot topic viajes_iab_abril_2012Hot topic viajes_iab_abril_2012
Hot topic viajes_iab_abril_2012
 
Icex planestrategico2009-2012-100517101520-phpapp02
Icex planestrategico2009-2012-100517101520-phpapp02Icex planestrategico2009-2012-100517101520-phpapp02
Icex planestrategico2009-2012-100517101520-phpapp02
 
Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02
Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02
Guiadeserviciosparalainternacionalizacion 121024060153-phpapp02
 
Elbriefdeagencia1 120621032951-phpapp01
Elbriefdeagencia1 120621032951-phpapp01Elbriefdeagencia1 120621032951-phpapp01
Elbriefdeagencia1 120621032951-phpapp01
 
Generacion Modelo de Negocio (BBVA Innovation Center)
Generacion Modelo de Negocio (BBVA Innovation Center)Generacion Modelo de Negocio (BBVA Innovation Center)
Generacion Modelo de Negocio (BBVA Innovation Center)
 
Plandemarketingypublicidad01 100715200313-phpapp02 (1)
Plandemarketingypublicidad01 100715200313-phpapp02 (1)Plandemarketingypublicidad01 100715200313-phpapp02 (1)
Plandemarketingypublicidad01 100715200313-phpapp02 (1)
 
Fijacindeprecios 121215211350-phpapp01
Fijacindeprecios 121215211350-phpapp01Fijacindeprecios 121215211350-phpapp01
Fijacindeprecios 121215211350-phpapp01
 
Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02
Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02
Estudioactividadmarcasenmediossocialesiab2013 130209173909-phpapp02
 
20101229plandemarketing 101229043522-phpapp02
20101229plandemarketing 101229043522-phpapp0220101229plandemarketing 101229043522-phpapp02
20101229plandemarketing 101229043522-phpapp02
 
1fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp01
1fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp011fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp01
1fundamentosdelmarkestrategicoyoperativo 120814141906-phpapp01
 

Infodes001 110308180935-phpapp02