Presentación diseño de información

Diseño de Información.Karla Vargas

Nathaly SepúlvedaGabriela Pérez

Presentación al Diseño 3, marzo 2013.

ContenidosIntroducción

Exposición Textos

Rethoric of neutrality.

Simplification: what is gained and what is lost.

EL PENSAMIENTO VISUAL EN DISEÑO: EL ROL DE LOS MAPAS CONCEPTUALES EN LA CONSTRUCCIÓN DE MODELOS VISUALES,

1

2

3

Diseño de la Información (DI)Introducción al tema

-Trata con la organización y presentación de datos: su transformación a infor-mación valiosa y significativa.

-Transformación de datos en información, haciendo de lo complejo algo fácil de usar y entender.

-Definición de requerimientos tales como la selección, transformación y trans-misión de la información con el propósito de entregar conocimiento , asi como de optimizar la información en relación a dichos requerimientos.

Modelo explicativo del Diseño de Información ideado por Nathan Shedroff en el estudio Teoría unificada del Diseño.

Fuente: http://www.nathan.com/thoughts/unified/index.html

1The Retoric of Neutrality. 1985Robin Kinross

¿Qué es retórica?

Retórica

desambiguación

-

-

-

El arte de la comunicación dirigida.-

1The Retoric of Neutrality. 1985Robin Kinross

Retórica e información

Información en estado “puro” + Retórica = Diseño de Información

Abstracto Concreto

1The Retoric of Neutrality. 1985Robin Kinross

Retórica y neutralidad

Ejemplo Recursos Retóricos

- Estructura Lógica- Diagramación- Escritura- Tipografía- Jerarquías- Simbología- Color

- Elocuencia - Persuación

Objetivo

Línea de Tiempo del Ferrocarril de Londres (1928).Fuente: KINROSS, Robin. ”The Retoric of Neutrality”. Design Issues Vol.2, No.2.(1985).

1The Retoric of Neutrality. 1985Robin Kinross

Información Neutral: Ejemplo

Evolución línea de tiempo del ferrocarril de Londes

< 1928 1928 1974

Tipografía Gill Sans para toda la tabla.Sustitución del símbolo doble punto por una línea en las columnas horizontales alternadas. Más espacio entre símbolos y carácteres.

Uso de más de dos familias tipográficas.Incluyendo tipos condensados, bold y con serif.Menos margen y espacio entre la tabla y los caracteres.

Se mantiene la tipografía Gill Sans.Los nombres de la estaciones están en minúscula.Se reduce el peso de las líneas horizontales.Los tiempos se escriben en negrita.

-

-

- -

-

- -

- - Líneas de Tiempo del Ferrocarril de Londres (1928)/1974).

Fuente: KINROSS, Robin. ”The Retoric of Neutrality”. Design Issues Vol.2, No.2.(1985).

1The Retoric of Neutrality. 1985Robin Kinross

Influencias históricas.

MODERNISMO ESTILO SUIZO

BauhausSentido prácticoInterés científicoReduccionismo

Ideales GlobalesAvance TecnológicoPrecisiónNeutralidad

----

----

(1)Tipografía DESSAU de Herbert Bayer en 1925. Reproducida en el libro “Die neue Typogra-phie” de Jan Tschihold (Berlin: Verlag des Bildungverbandes der Deutsche Buc drucker, 1928).

(2) Univers de Adrian Frutiger. Fuente http://crowderdesign.wordpress.com/2012/10/14/famous-typefaces/

2Simplification: What is gained and what is lost. 2011Rob Waller

¿Qué es entiende directamente por simplificación?

SIMPLIFICACIÓN Hacer más sencillo, más fácil o menos complicado algo.

Definición de ‘simplificar’ según la RAE

Construir una forma de hacer más sencillo y fácil entender un documento de mayor complijidad.

Definición de ‘simplificar’ según Rob Waller

2Simplification: What is gained and what is lost. 2011Rob Waller

SIMPLIFICACIÓN

REDUCCIÓN

REPLANTEADO

AMPLIFICACIÓN

ESTRATIFICACIÓN

PERSONALIZADO

OMISIÓN

DESTILACIÓN

ABSTRACCIÓN

APRENDIZAJE AYUDA

GLOSSING

VISUALIZACIÓN

ESTRATIFICACIÓN

DRILL DOWN

ORGANIZACIÓN DE TRÁFICO

DECONSTRUCCIÓN

Y

RECONSTRUCCIÓN

PERSONALIZACIÓN

AYUDA Y ASESORES

2Simplification: What is gained and what is lost. 2011Rob Waller

REDUCCIÓN / OMISIÓN REDUCCIÓN / DESTILACIÓN

2Simplification: What is gained and what is lost. 2011Rob Waller

REDUCCIÓN / ABSTRACCIÓN AMPLIFICACIÓN / APRENDIZAJE AYUDA

2Simplification: What is gained and what is lost. 2011Rob Waller

AMPLIFICACIÓN / GLOSSING AMPLIFICACIÓN / VISUALIZACIÓN

2Simplification: What is gained and what is lost. 2011Rob Waller

ESTRATIFICACIÓN / ESTRATIFICACIÓN

2Simplification: What is gained and what is lost. 2011Rob Waller

ESTRATIFICACIÓN / DRILL DOWN

2Simplification: What is gained and what is lost. 2011Rob Waller

ESTRATIFICACIÓN / ORGANIZACIÓN DE TRÁFICO REPLANTEADO / DECONSTRUCCIÓN Y RECONSTRUCCIÓN

2Simplification: What is gained and what is lost. 2011Rob Waller

PERSONALIZADO PERSONALIZACIÓN

AYUDA Y ASESORES

El pensamiento visual en Diseño: el rol de los mapas conceptuales en la construcción de modelos visualesHerbert Spencer - Dámaris Sepúlveda

Introducción al texto

Acción y desarrollo de los modelos visuales. Vía entre lo que son y lo que debiesen entregar como resultado

Modelos visuales

Representaciones construidas a partir de datos que

arroja una investigación

Requiere un conjunto elaborado de categorías,

Componer un todo

Explicación de un fenómeno

Revelan aspectos críticos de la materia investigada

Facilitar el análisis, toma de decisiones

Lo que debe ser

Lo que son

temáticas o conceptos yuxtapuestos y/o relacionados

3

El pensamiento visual en Diseño: el rol de los mapas conceptuales en la construcción de modelos visualesHerbert Spencer - Dámaris Sepúlveda

Antecedentes del Pensamiento Visual

1. Afiche de Tadeuz Tepkowski, “Nie!” (¡No!). 1952. Ejemplificación de la imagen conceptual mediante un afiche de la Guerra Mundial

2. Análisis del discurso visual

Experimentación de la imagen como un todo, independiente de su origen o manera de ser representada (abstracta o concreta).

Imagen provoca en el lector un sentido y necesidad de relación, asociación.La imagen conceptual trae consigo un contenido, idea aparte de lo que se pu-

ede mostrar de manera textual.

Espacio conceptual

DI ¡NO!

LA GUERRA

DESTRUCCIÓN

TEXTO

UNA BOMBA

LA RUINA

Espacio visual

representado por

representado por

que trae

representado por

a

3

El pensamiento visual en Diseño: el rol de los mapas conceptuales en la construcción de modelos visualesHerbert Spencer - Dámaris Sepúlveda

El vínculo entre el Mapa, Imagen y Modelo

Imagen

Lectura radica en un acceso a su total configurado

Encontrar detalles y componentes que la definen

Espacio conceptual

Sintaxis gráfica abierta, lectura evocativa

Modelo

Mapa

Llevar conceptos al plano visual para entenderlos

Complejidad del lenguaje, más allá del uso de recursos gráficos (color, tipografía)

Abstracción para identificar patrones,conectores,sintaxis y jerarquías.

Esquema teórico de un sistema o realidad compleja

Estudio del comportamiento de lo analizado

Elementos del modelo son una represenatción esquemática, alegórica o simbólica del fenómeno.

Abstracción unívoca (código) y multívoca (modelo)

3

El pensamiento visual en Diseño: el rol de los mapas conceptuales en la construcción de modelos visualesHerbert Spencer - Dámaris Sepúlveda

Modelo genérico de la Experiencia del Paciente en la Salud Pública realizado por Damáris Sepúlveda. 2010

Modelos de experiencia: Genérico

3

El pensamiento visual en Diseño: el rol de los mapas conceptuales en la construcción de modelos visualesHerbert Spencer - Dámaris Sepúlveda

Modelos de experiencia: Problemáticas

Modelo problemáticas de la Experiencia del Paciente en la Salud Pública realizado por Damáris Sepúlveda. 2010

3

El pensamiento visual en Diseño: el rol de los mapas conceptuales en la construcción de modelos visualesHerbert Spencer - Dámaris Sepúlveda

Modelos de experiencia: cómo debería ser

Modelo cómo debería ser la Experiencia del Paciente en la Salud Pública realizado por Damáris Sepúlveda. 2010

3