Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Presentación diseño de información
1. Diseño de Información.
Karla Vargas
Nathaly Sepúlveda
Gabriela Pérez
Presentación al Diseño 3, marzo 2013.
2. Contenidos
Introducción
Exposición Textos
1 Rethoric of neutrality.
2 Simplification: what is gained and what is lost.
3 EL PENSAMIENTO VISUAL EN DISEÑO: EL ROL DE LOS MAPAS CONCEPTUALES
EN LA CONSTRUCCIÓN DE MODELOS VISUALES,
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- Modelo explicativo del Diseño de Información ideado
mación valiosa y significativa. por Nathan Shedroff en el estudio Teoría unificada del Diseño.
-Transformación de datos en información, haciendo de lo complejo algo fácil de Fuente: http://www.nathan.com/thoughts/unified/index.html
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.
4. The Retoric of Neutrality. 1985
Robin Kinross
1
¿Qué es retórica?
desambiguación
Retórica
- -
-
- El arte de la comunicación dirigida.
5. The Retoric of Neutrality. 1985
Robin Kinross
1
Retórica e información
Abstracto Concreto
Información en estado “puro” + Retórica = Diseño de Información
6. The Retoric of Neutrality. 1985
Robin Kinross
1
Retórica y neutralidad
Ejemplo Recursos Retóricos Objetivo
- Estructura Lógica - Elocuencia
- Diagramación - Persuación
- Escritura
- Tipografía
- Jerarquías
- Simbología
- Color
Línea de Tiempo del Ferrocarril de Londres (1928).
Fuente: KINROSS, Robin. ”The Retoric of Neutrality”. Design Issues Vol.2, No.2.(1985).
7. The Retoric of Neutrality. 1985
Robin Kinross
1
Información Neutral: Ejemplo
Evolución línea de tiempo del ferrocarril de Londes
< 1928 1928 1974
- Uso de más de dos familias tipográficas. - Tipografía Gill Sans para toda la tabla. - Se mantiene la tipografía Gill Sans.
Incluyendo tipos condensados, bold y - Sustitución del símbolo doble punto por una línea - Los nombres de la estaciones
con serif. en las columnas horizontales alternadas. están en minúscula.
- Menos margen y espacio entre la tabla - Más espacio entre símbolos y carácteres. - Se reduce el peso de las líneas horizontales.
y los caracteres. - 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).
8. The Retoric of Neutrality. 1985
Robin Kinross
1
Influencias históricas.
MODERNISMO ESTILO SUIZO
- Bauhaus - Ideales Globales
- Sentido práctico - Avance Tecnológico
- Interés científico - Precisión
- Reduccionismo - Neutralidad
(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/
9. Simplification: What is gained and what is lost. 2011
Rob Waller
2
¿Qué es entiende directamente por simplificación?
Construir una forma de hacer
Hacer más sencillo, más fácil
SIMPLIFICACIÓN más sencillo y fácil entender
o menos complicado algo.
un documento de mayor
complijidad.
Definición de ‘simplificar’ según la RAE Definición de ‘simplificar’ según Rob Waller
10. Simplification: What is gained and what is lost. 2011
Rob Waller
2
OMISIÓN
REDUCCIÓN DESTILACIÓN
ABSTRACCIÓN
APRENDIZAJE AYUDA
GLOSSING
AMPLIFICACIÓN
VISUALIZACIÓN
ESTRATIFICACIÓN
SIMPLIFICACIÓN DRILL DOWN
ESTRATIFICACIÓN
ORGANIZACIÓN DE TRÁFICO
DECONSTRUCCIÓN
Y
REPLANTEADO
RECONSTRUCCIÓN
PERSONALIZACIÓN
PERSONALIZADO
AYUDA Y ASESORES
11. Simplification: What is gained and what is lost. 2011
Rob Waller
2
REDUCCIÓN / OMISIÓN REDUCCIÓN / DESTILACIÓN
12. Simplification: What is gained and what is lost. 2011
Rob Waller
2
REDUCCIÓN / ABSTRACCIÓN AMPLIFICACIÓN / APRENDIZAJE AYUDA
13. Simplification: What is gained and what is lost. 2011
Rob Waller
2
AMPLIFICACIÓN / GLOSSING AMPLIFICACIÓN / VISUALIZACIÓN
14. Simplification: What is gained and what is lost. 2011
Rob Waller
2
ESTRATIFICACIÓN / ESTRATIFICACIÓN
15. Simplification: What is gained and what is lost. 2011
Rob Waller
2
ESTRATIFICACIÓN / DRILL DOWN
16. Simplification: What is gained and what is lost. 2011
Rob Waller
2
ESTRATIFICACIÓN / ORGANIZACIÓN DE TRÁFICO REPLANTEADO / DECONSTRUCCIÓN Y RECONSTRUCCIÓN
17. Simplification: What is gained and what is lost. 2011
Rob Waller
2
PERSONALIZADO PERSONALIZACIÓN
AYUDA Y ASESORES
18. El pensamiento visual en Diseño: el rol de los mapas conceptuales en la
construcción de modelos visuales
3 Herbert Spencer - Dámaris Sepúlveda
Introducción al texto
Re
ar pres
ro
Re ja ent
ve un ac
lan a i ion
nv es
as es
pe tig con
cto ac str
sc ión uid
rít as
ico ap
sd ar
Lo el tir
qu am de
es ate da
tos
on ria qu
inv e
Re es
qu tig
ier ad
eu a
nc Componer un todo
on
jun
to Explicación de un fenómeno
ela
bo Facilitar el análisis, toma de decisiones
ra
do
de
ca
teg
or
ías
, temáticas o conceptos yuxtapuestos y/o relacionados
Mode
los v Lo que debe ser
i suale
s
Acción y desarrollo de los modelos visuales. Vía entre lo que son y lo que debiesen
entregar como resultado
19. El pensamiento visual en Diseño: el rol de los mapas conceptuales en la
construcción de modelos visuales
3 Herbert Spencer - Dámaris Sepúlveda
Antecedentes del Pensamiento Visual
Espacio conceptual Espacio visual
DI ¡NO! representado por
TEXTO
a
LA GUERRA UNA BOMBA
representado por
que trae
DESTRUCCIÓN LA RUINA
representado por
1. Afiche de Tadeuz Tepkowski, “Nie!” (¡No!). 1952. Ejemplificación de la imagen
Experimentación de la imagen como un todo, independiente de su origen o conceptual mediante un afiche de la Guerra Mundial
manera de ser representada (abstracta o concreta). 2. Análisis del discurso visual
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.
20. El pensamiento visual en Diseño: el rol de los mapas conceptuales en la
construcción de modelos visuales
3 Herbert Spencer - Dámaris Sepúlveda
El vínculo entre el Mapa, Imagen y Modelo
Espacio conceptual
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.
Mapa 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.
Lectura radica en un acceso a su total configurado
Abstracción unívoca (código) y multívoca (modelo)
Imagen
Encontrar detalles y componentes que la definen
Sintaxis gráfica abierta, lectura evocativa
Modelo
21. El pensamiento visual en Diseño: el rol de los mapas conceptuales en la
construcción de modelos visuales
3 Herbert Spencer - Dámaris Sepúlveda
Modelos de experiencia: Genérico
Modelo genérico de la Experiencia del Paciente en la Salud Pública realizado
por Damáris Sepúlveda. 2010
22. El pensamiento visual en Diseño: el rol de los mapas conceptuales en la
construcción de modelos visuales
3 Herbert 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
23. El pensamiento visual en Diseño: el rol de los mapas conceptuales en la
construcción de modelos visuales
3 Herbert 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