Diseño de Información

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