Pensamiento Visual y Prototipado Rápido Tema: 1. Intro Diseño al información
Mtra. Nora Morales Zaragoza MDEO Ibero Puebla Agosto 2021
Lápiz negro
Marcador amarillo
Pásame el lápiz
No se dibujar… pero
No dudan en hacer garabatos y son conversos espontáneos al poder del dibujo como herramienta para resolver problemas. No muestran mucha preocupación pro sus habilidades para dibujar. Independientemente de cuan primitivas sean sus ilustraciones.
Suelen ser muy hábiles para identi car los aspectos más importantes o interesantes de lo que otra persona está dibujando.
fi
fi
Este per l representa alrededor de una 4a parte de las reuniones.
Tienden a ser mas verbales, se sienten a gusto cuadro otro dibuja en un pizarrón hacen comentarios que aportan al tema. Este grupo forma el 50% de la población asistente a reuniones
Lápiz rojo No se dibujar… pero Son los que menos cómodos se sienten con el suyo de dibujos en un contexto educativo. Tienden a permanecer calladas mientras otros dibuja animadamente, cuando se logra motivar a qué comuniquen observaciones, lo hacen a manera de corrección del dibujo. Representan el otro 1/4 de la población asistente a reuniones
Rompe-hielos ¿De qué color es tu lápiz?
Independientemente del tipo de pensador visual que seas, o del color del lápiz que pre eras, todo el mundo tiene las habilidades para el pensamiento visual y puede mejorarlas fácilmente. Dan Roam 2018
fi
Ingresa a esta liga: https://miro.com/app/board/o9J_knFsx5U=/
Teoría Revisar algunas teorías y principios básicos tanto cognitivos, estéticos y de comunicación.
Exploraremos herramientas y métodos en conjunto con ejercicios prácticos, que nos permitan conocer la aplicación del diseño de información y el pensamiento visual en el diseño de estrategias.
Práctica
¿Quién soy? Nora Morales Zaragoza
Soy Nora Morales una diseñadora de información, desde que tengo memoria me gusta dibujar, cuando estaba en secundaria quería ser biologa y mi sueñ, como Darwin. Un día mi profesor de Biología vió mis dibujos y me convenció de estudiar diseño. Fue la prmera vez que escuché del Diseño.
Walking wounded EVERYTHING BUT THE GIRL [INGLATERRA]
The Empire of Light RENE MAGRITTE [BELGICA]
Gadget Favorito [MÉXICO]
Yoani Sanchez [CUBA]
PAN
1950
1960
1970
1980
1990
1976
Contexto 1968
1996
PAN
2010 11/9
PRI
2009
1994
1986
2020 2012
2014
Ciudad Favorita [CHICAGO, IL]
NACÍ [MÉXICO]
ME CASÉ
Personal
1a HIJA
2a HIJA
HOY
MUDÉ A USA
EMPECÉ LICENCIATURA EN DISEÑO GRÁFICO [UIA MÉXICO]
Profesional
2000
1ST TRABAJO TELEVISA [MÉXICO]
WORDS PICTURES [CHICAGO] SCHOOL OF THE ART INSTITUTE [CHICAGO]
MDI [UDLA]
UAM CUAJIMALPA
INSITUM [MÉXICO] FREE-LANCE [MÉXICO]
MADIC UAM CUAJIMALPA
¿Que es el diseño de información?
Principios de Comunicación
Cómo se transmite el conocimiento: • Procesamiento de la información a través del lenguaje • Teorías de la comunicación. •
Clasificación de la Información (LATCH, Saul Wurman, tipología).
• Semiótica (Iconos, Símbolos, Índices) • Pictograma
Sept/2014 MADIC
Principios Estéticos / Composición Históricamente la principal preocupación del diseñador ha tenido que ver con la presentación visual del mensaje. •
Principios de Composición
•
Contraste
•
Estructura (Sistema de retículas), jerarquía y organización de la información
• Modelos de visualización de datos, clasificación. • Color, Tipografía
• Consideraciones culturales.
Principios de Cognición El objetivo de el diseño de información es comunicar un mensaje específico a una audiencia de forma clara, accesible, y fácil de entender. • Estilos de aprendizaje: visual, auditivo
verbal, cenestésico y táctil • El ojo humano, La memoria • Percepción • Principios Gestalt • Legibilidad • Estadística • Orientación y Wayfinding
• Sobresaturación de Info
Tendencias
Necesitamos nuevas estrategias para encontrar, manipular y presentar la información, que se apeguen al proceso natural cognitivo y demuestren resultados efectivos y menos disruptivos. Maneras de significar envuelve el lenguaje visual y estrategias de comunicación y exploración. Maneras de pensar: envuelve estrategias visuales para el análisis, organización y manipulación de la información así como la resolución de problemas. ¡Maneras de trabajar envuelve sistemas visuales para la colaboración, incluyendo acercamientos o enfoques para la educación, interfaces y la presentación de la información.
La nueva alfabetización Los mensajes contemporáneos se presentan a partir de nuevos códigos de comunicación que incluyen principalmente 3 tipos de lenguaje Lenguaje verbal/fonético ABC... Los símbolos representan un sonido del lenguaje hablado y llevan una secuencia lineal.
Lenguaje de los números 123... El símbolo representa un valor y se pueden realizar operaciones no lineales con el.
Lenguaje visual
Es la imagen que representa el concepto o la idea. es clave para verificar la identidad de un objeto o persona
En un mundo complejo, la información clara y accesible por medio de un amplio rango de medios se ha vuelto esencial. El diseño de información satisface esta necesidad a través de conocimientos y manejo en: Tipografía, Ilustración y estudios de Comunicación, ergonomía, Psicología, Sociología, Lingüística, Ciencias de la computación, etc.
Crear mensajes claros, relevantes y pertinentes
ANSIEDAD DE LA INFORMACIÓN
© Nora Morales
Richard Saul Wurman Es un arquitecto y diseñador gráfico estadounidense. Ha escrito, diseñado y publicado 90 libros y ha creado la conferencia TED. La arquitectura de información. El diseño estructural de entornos de información. El arte y la ciencia de organizar la información respaldando la usabilidad y búsqueda de datos. Comunidad de práctica emergente centrada en llevar los principios del diseño, la arquitectura y la ciencias de la información al panorama digital 30 aniversario de Ted talks
https://blog.ted.com/the-30th-birthday-of-ted-richard-s
Kiosco de la Salud
Televisa-WalMart 2007
Necesidad de un Arquitecto de la información
• La demanda universal de conocimiento accesible • La demanda de seguir el paso a la tecnología en este mundo moderno. • Pasar más tiempo trabajando. • Restricciones de espacio y tiempo. • Más medios más mensajes. • Más que aprender mas que ofrecer. • El valor del diseño (transformar datos en conocimiento).
Diseño de Información
“El uso de imágenes, símbolos, colores y palabras para comunicar ideas, ilustrar información y expresar relaciones de forma visual”.
John Emerson. Information Design Advocacy.
“La única manera de comunicar de forma efectiva, es comprender lo que significa NO entender… En ese momento, es cuando se puede lograr algo comprensible”. R. Saul Wurman
“El diseño de información organiza la presentación de datos y los transforma en información valiosa y significativa”
Nathan Shedroff
El arte y la ciencia de preparar la información para ser usada por el ser humano de forma efectiva y eficiente. Su principal objetivo es: 1. Desarrollar documentos comprensibles y recuperables, fáciles de traducir a acciones efectivas. 2. Diseñar interacciones sencillas, naturales y placenteras. 3. Permitir a las personas encontrar cómodamente su camino en el espacio físico y virtual
Robert E. Horn (1999)
Diseño de Información
¿Que es el Diseño?
TERMINADO CONCRETO
Estructura
Diseño de Información
Diseño estratégico
Lenguaje Gramática Requisitos ABSTRACTO
CONCEPCIÓN
Sept/2014 MADIC
Diseño Visual
Proceso El diseño de información es una practica que se centra en el usuario, considera las necesidades de las personas para determinar la pertinencia del contenido. Revisión Entender el contexto de uso + Entender al usuario audiencia y requisitos de la Institución
Evaluar las soluciones de acuerdo a los requerimientos
Producir Soluciones de Diseño
Retroalimentación Investigación y Análisis
Síntesis y Creación
Análisis
Human center design model ISO 13407
3 tipos de pensamiento
PENSAMIENTO CREATIVO
PENSAMIENTO VISUAL
QUE: Proceso de solución de problemas
QUE: Proceso de generación de ideas
QUE: Usar imágenes para resolver problemas
OBJETIVO: Generar soluciones pata una audiencia en particular que cumplan demandas especificas.
OBJETIVO: Generar ideas distintas, únincas y novedosas en cualquiier dominio.
OBJETIVO: Utilizar el dibujo para represenetar los que vemos e imaginamos de los problemas, desde diferntes ángulos, capturar las ideas, imaginar posibles soluciones, identificar co-relaciones y fomenntar la colabpración.
DESIGN THINKING
TAREAS CLAVE
EVALUAR
PROTOTIPAR
IDEAR
DEFINNIR
EMPATIZAR
ENTENDER
Pensamiento Divergente
Pensamiento Convergente
VER
IMAGINAR
T
Diferir en un juicio (aplazar el jucio)
DIBUJAR
Breve HISTORIA
Historia del DI
Petroglifos: los más antiguas formas de comunicación no verbal.
William Playfair, político economista escocés, inventor de la gráfica de barras. (1786). Publicó 43 gráficas que representaba cambios en variables de volumen de barras con el tiempo.
Un ejemplo claro de una infografía que no solamente ilustra el contenido sino lo interpreta de una manera nueva.
Dr. John Snow, 1854. localización de las muertos de cólera en el Centro de Londres
"Mapa figurativo de las sucesivas pérdidas de hombres de la Armada Francesa de Napoleon, en la campaña de Rusia 1812-1813", gráfico que elaborara Charles Minard en 1869 a la edad de 88 años.
Uno de los primeros proyectos para desarrollar un sistema de comunicación mediante imágenes fue desarrollado por Otto Neurath ISOTYPE (International System of Typographyc Picture education) durante el periodo de entre guerras, con el objetivo de facilitar la comunicación pedagógica y social.
Henry Beck, 1930. Mapa del metro de Londres
George Rorick, el creador del mapa del tiempo de USA Today a principios de los 80 entrevista a Charles M. Blow, el hombre que convirtió la sección de NY Times en la mas respetada dentro y fuera de su periódico.
Visualización Directa’ o ‘Visualización mediática’ Crear una representación visual con el objeto actual o su imagen en escala real. Len Manovich
Sociedad Moderna y compleja
El manejo de la información hoy en día requiere de computo sofisticado y dispositivos de comunicación en redes.
No necesitamos más información sino la habilidad de presentarla en el momento preciso para la gente adecuada.
El valor del Diseño de información
Les copié el video en el Miro
Bibliografía Presentación note-taking http://www.slideshare.net/evalottchen/visual-note-taking-3768130 Artículo de Doodling http://www.smashingmagazine.com/2012/08/03/i-draw-pictures-all-day/ Sitio del libro the Back of the Napking. Dan Roam http://www.danroam.com/the-back-of-the-napkin/ Dave Gray Blog: http://www.davegrayinfo.com/ Video de Whirl Dave Gray: http://www.davegrayinfo.com/2008/04/11/the-whirl/ Libros Visocky O’Grady, J. & Visocky O’Grady, K., (2008). The information design handbook. Mies: RotoVision.
Roam, D. (2009). The back of the Napking: solving problems and selling ideas with pictures. Penguin Group. Nueva York.
Gracias nmorales@correo.cua.uam.mx norismo@gmail.com T: @norismo
Sept/2014 MADIC