Visual thinking more than words

42
VISUAL THINKING -MORE THAN WORDS- Lucía Morales sara pedrero

Transcript of Visual thinking more than words

Page 1: Visual thinking  more than words

VISUAL THINKING-MORE THAN WORDS-

Lucía Morales sara pedrero

Page 2: Visual thinking  more than words

VISUAL THINKING-MORE THAN WORDS-

Page 3: Visual thinking  more than words

0. VISUAL THINKING VS DESIGN THINKING

Page 4: Visual thinking  more than words

1. pensamiento verbal vs pensamiento visual

Page 5: Visual thinking  more than words

1. pensamiento verbal vs pensamiento visual

PENSAMIENTO VERBAL

● Activa la imaginación y distrae de las palabras

● Conlleva un camino monótono en el discurso

● Es difícil retener la información

Page 6: Visual thinking  more than words

1. pensamiento verbal vs pensamiento visual

PENSAMIENTO VISUAL

● DA FORMA Y SENTIDO A LAS PALABRAS

● COMPLEMENTA EL DISCURSO

● MEJORA LA RETENCIÓN DE CONCEPTOS Y SU

COMPRENSIÓN

Page 7: Visual thinking  more than words

“UNA IMAGEN VALE MÁS QUE MIL PALABRAS”

Page 8: Visual thinking  more than words

GRAMÁTICA2MENSAJE3

LENGUAJE VISUAL

ALFABETO1

técnica de comunicación visual

Page 9: Visual thinking  more than words

2. LENGUAJE VISUAL

nivel pictórico de antiguos alumnos

Page 10: Visual thinking  more than words

2. LENGUAJE VISUAL - alfabeto visual

Page 11: Visual thinking  more than words

Dan Roam BIKABLO

2. LENGUAJE VISUAL - gramática visual

Page 12: Visual thinking  more than words

2. LENGUAJE VISUAL - gramática visual

ALFABETO VISUAL

● LETRAS● BULLETS● COLORES● LÍNEAS● CONECTORES● CAJAS● SOMBRAS● PERSONAS

Page 13: Visual thinking  more than words

2. LENGUAJE VISUAL - gramática visual

expresiones faciales y estados de ánimo

Page 14: Visual thinking  more than words

púrpuraCalmante y relajador.Usado en productos femeninos y de spa

rojoEnérgico y agresivo.Acelera el pulso cardiaco, se suele usar para rebajas, ofertas y saldos.

VERDENatural, fresco y sano.Es el color más fácil de procesar por el ojo humano, utilizado para inducir relajación en tiendas y decoración

amarilloOptimista y Joven.Usado para captar la atención en las ventanas de compra

azulConfianza y seguridad.Usado para negocio y banca

2. LENGUAJE VISUAL - gramática visual - color

Page 15: Visual thinking  more than words

2. LENGUAJE VISUAL - gramática visual - color

Page 16: Visual thinking  more than words

orden de lectura (OCCIDENTE)

2. LENGUAJE VISUAL - gramática visual - sentido de lectura

Page 17: Visual thinking  more than words

3. LENGUAJE VISUAL - TIPOS DE LENGUAJE

1LITERAL 2METAFÓRICO 3ESQUEMÁTICO

Page 18: Visual thinking  more than words

COMIENZO FIN

blau blau bl...

M O N Ó T O N O

3. LENGUAJE VISUAL - PRIORIZAR EL MENSAJE

Page 19: Visual thinking  more than words

COMIENZO FIN

Problema

SOLUCIÓN

INCERTIDUMBRE TENSIÓN RESOLUCIÓN CIERRE, MORALEJA

Mapa de una (buena) historiaBrett Dillingham, 2001

3. LENGUAJE VISUAL - PRIORIZAR EL MENSAJE

Page 20: Visual thinking  more than words

TARGET OBJETIVO PROBLEMA SOLUCIÓN MENSAJE

?

elementos para construir nuestra historia

3. LENGUAJE VISUAL - PRIORIZAR EL MENSAJE

Page 21: Visual thinking  more than words

4. composición de la información - según el mensaje

pósterhacer foco en una idea

listaenumerar conceptos similares

agrupacionesmostrar similitudes entre grupos

diagramamostrar procesos o sistemas

cuadrículacombinar y comparar

mandalamostrar unidad

Page 22: Visual thinking  more than words

4. composición de la información -retículas

recorrido vertical radial

tipo cloud rejilla modular

Page 23: Visual thinking  more than words

4. composición de la información

Page 24: Visual thinking  more than words

4. composición de la información

Page 25: Visual thinking  more than words

visual thinkingen business model canvas

Page 26: Visual thinking  more than words

BRAINSTORMING

● suspender el juicio● pensar libremente● la cantidad es importante● el efecto multiplicador

5. mind mapping

Page 27: Visual thinking  more than words

Sirven para representar contenidos y su relación entre ellos

5. mind mapping

Page 28: Visual thinking  more than words

5. mind mapping

CLÁSICO ARTÍSTICOCLÁSICO ABSTRACTO-ARTÍSTICO

Page 29: Visual thinking  more than words

5. mind mapping

CONCEPTUAL

Page 30: Visual thinking  more than words

5. mind mapping

FRÍO-CALOR

Page 31: Visual thinking  more than words

● Jerarquizar prioridades de entrega● Definir zonas de interacción● Localizar posibles problemas técnicos● Estimación de tiempos

6. estructuras y diagramación

Page 32: Visual thinking  more than words

A

A

A

B

B

B

6. estructuras y diagramación

Page 33: Visual thinking  more than words

DIAGRAMA PLANO

6. estructuras y diagramación

Page 34: Visual thinking  more than words

BLUEPRINT

6. estructuras y diagramación

Page 35: Visual thinking  more than words

WIREFRAME

6. estructuras y diagramación

Page 36: Visual thinking  more than words

6. estructuras y diagramación

PADRES E HIJOS - SECUENCIALES - CONCÉNTRICAS - HORIZONTALES

Page 37: Visual thinking  more than words

6. estructuras y diagramación

Page 38: Visual thinking  more than words

¡AHORA TÚ!- Ejercicio práctico -

Page 39: Visual thinking  more than words

1. BRAINSTORMING

2. MIND MAPPING

3. PRIORIZAR CONCEPTOS

4. PRIORIZAR MENSAJE

5. PREPARA TU SPEECH

6. ¡CONVÉNCENOS!

Page 41: Visual thinking  more than words

enlaces de interés LIBROS:

tu mundo en una servilleta - dan roam

visual meetings - david sibbet

the sketchnote workbook - mike rohde

gamestorming - dave gray

PRESENTACIONES Y MOCKUPS:

KEYNOTE

WWW.VIDEOSCRIBE.CO

WWW.GRAPHICBURGER.COM

WWW.MOQUPS.COM

Page 42: Visual thinking  more than words

¡ MUCHAS GRACIAS !@luciadesigns

@piedragirl