sketchnotes / apuntes gráficos
TRANSCRIPT
Bienvenid@s Sketchnotes
Reilly Dow @ReillyPinkfish / [email protected] / pinkfish.ca
Presentación © 2015 Reilly Dow
ActividadDibuja una linea o forma sobre una hoja o Post-it (2 segundos)
Busca alguien con una forma similar¿Cómo definen similar?
¿Qué son?Los sketchnotes son apuntes visuales comprimidos de texto escrito, dibujos, lettering, formas, y elementos visuales como flechas, cajas y líneas.
- Mike Rohde, The Sketchnote Handbook
Otros sketchnoters
Craighton Berman @craightonberman http://blog.fueledbycoffee.com
Doug Neill @douglaspneill http://www.verbaltovisual.com
≠arte
ilustraciones profesionales
=pensamiento visual comunicación visual
una herramienta de aprendizaje
Por ejemploMike Rohde
https://www.youtube.com/watch?v=Njo6I33g0wI
Binaebi Akah https://www.youtube.com/watch?v=EK_sQam0mvY
https://www.youtube.com/watch?v=OHf3ZEpyJHI&list=UUr6soVux101QqgGLrm4C0XQ
¡Primer intento!Sketchnotes al tiro: Tomar apuntes sobre lo que vamos a ver
ahora (el “por qué” de los apuntes visuales).
¿Cuáles son los puntos claves para ti? ¿Cómo se relacionan? ¿Cómo vas a representar la información?
“La percepción visual no tiene que ver con imágenes. Tiene que ver con procesar información que es relevante para entender el mundo que nos rodea.” Dr. Luis Miguel Martínez Otero, director del Laboratorio de Neurociencias Visuales, Instituto de Neurociencias Alicante, España. Charla completa sobre la neurociencia y el aprendizaje visual disponible aquí.
Imagen original aquí
• La retina empieza a procesar y clasificar la información que recibimos
• Ver e interpretar son procesos cognitivos • Atención = seleccionar una cosa sobre otra
Pensamiento visual
La inteligencia visual ocupa casi la mitad de la corteza cerebral
Directorio visuoespacial, teoría de la memoria de trabajo (Baddeley) Teoría de codificación dual (Paivio)
La memoria
Picture superiority effect: más fácil recordar imágenes vs. lenguaje verbal o texto, por factores conceptuales y perceptivos La organización espacial de la información (ej. mapas) > texto en formato convencional Presentación multimedia de la información aumenta la retención
El cerebro…representa la información de manera no lineal,
dinámica, interconectada.
Se pueden utilizar herramientas variadas:
fotografía“pintar/escribir”
imágenes mentales
dibujos mapas programas y apps para la visualizacióndiagramas
El cerebro…cambia cuando dibujamos!
En un estudio con alumnos de pregrado, se midieron cambios físicos en el cerebro después de una clase de dibujo con sólo
tres meses de duración:
aumento en pensamiento creativo relacionado con cambios en la materia blanca prefrontal actividad en el cerebelo y la corteza cerebral
Tomar apuntesUso de mapas conceptuales y mapas mentales aumenta el aprendizaje y la memoria Tomar apuntes y hacer garabatos nos ayudan a mantener la atenciónHay beneficios en tomar notas y dibujar a mano, porque implica procesos cognitivos como ‘digerir’ y sintetizar Mover los dedos escribiendo letras activa las áreas del cerebro del pensamiento, el lenguaje y la memoria de trabajo El uso de apuntes visuales en un contexto laboral aumenta la concentración y memoria
Tomar buenos apuntes
Tomar apuntes a mano, entender lo
que escribes, utilizar tus propias
palabras
Mover la mano y hacer garabatos para mantener la atención (“doodling”)
Utilizar mapas conceptuales,
mapas mentales y diagramas
Reflejar la representación de la información que existe en nuestro cerebro: no lineal, dinámica, interconectada.
Tips & Práctica
Dibujar: Personas
Contexto / Categorías Procesos Discurso
Usar color (menos es más suficiente)
Títulos & jerarquía
1 Preparar
Escribir el título de este taller, Sketchnotes, en una letra que comunica algo sobre la experiencia - serio? académico? entretenido?
Titulo Titulo TíTULO
TItulo Título título Título
2 Escuchar e interpretarPiensa en una idea, estadística, o cifra interesante que escuchaste o leíste (o busca uno ahora). Comparte con tu mesa mientras ellos toman sketchnotes. Cambio.
Inspiración: Citas ilustradas (Illustrated Charts) en http://maggieappleton.com Maggie Appleton @Mappletons
3 Tomar notas y dibujarEjercicio: Divide una página en tres secciones. Sección 1: escribe el alfabeto lentamente y claramente. Sección 2: escribe el alfabeto lo más rápido que puedas. Sección 3: busca una forma rápida pero legible.
Brandy Agerbeck, loosetooth.com
1: Clara
3: Clara & Rápida
2: Rápida
3 Tomar notas y dibujarCrear un ícono para:
• Las ideas • Las personas • La ciudad de Santiago • Tu trabajo (profesor/a de lenguaje, historia, ciencias…) • Un concepto clave que utilizas diario en lo que haces
4 Conectar y organizar
Ejemplos de layout y formato por Jason Alderman: http://www.slideshare.net/jalderman/practical-sketchnoting (desde lámina 107)
Escuchar charlas TED (aquí una recomendación, aquí otra) y tomar apuntes visuales.
Escoge un layout o flujo si quieres probar. Juega con lettering, flechas, personas y otros iconos.
Compartir en Twitter #sketchnotes @ReillyPinkfish ;)
Homework
¿Ahora qué?¿Cómo se aplica esta técnica?
Reuniones Charlas Clases Eventos
Planeación Compartir ideas
Diseño
En el aula: Ej. alumnos con dislexia y autismo
¿Ahora qué?¿Cómo se aplica esta técnica?
Docentes & alumnos: Tomar mejores apuntes
Planear Compartir ideas
Resolver problemas
Evaluación: ¿Qué queremos evaluar?Calidad estética del producto final? Comprensión de textos / contenidos
Trabajo en equipo (crear sketchnotes / mapas en grupos) Nivel de análisis / explicación (ej. exponer con sketchnotes)
Libros, etc.Pensamiento Visual - David Sibbet
Liderazgo Visual - David Sibbet La Clave es la Servilleta - Dan Roam
The Sketchnote Handbook - Mike Rohde The Graphic Facilitator’s Guide - Brandy Agerbeck
The Doodle Revolution - Sunni Brown Sketchnotes 2012 - Eva-Lotta Lamm
Blogs: http://cityroom.blogs.nytimes.com/category/kids-draw-the-news/ (en inglés)
https://aquideomnibusdubitandum.wordpress.com/2013/04/07/teoria-de-la-visualizacion-algunos-consejos-de-edward-tufte/ (en español)
http://facilitaciongrafica.blogspot.com (en español) http://tumblr.austinkleon.com (en inglés)
http://sketchnotearmy.com (internacional) http://blog.fueledbycoffee.com (en inglés) http://www.verbaltovisual.com (en inglés)
Twitter: #sketchnotes #visualthinking #vizthink Flickr: sketchnotes
Apps para el iPad: Penultimate, Paper (de 53), SketchbookPro, Brushes, Inkflow Lápices: Pencil (de 53), Cosmonaut (por Studio Neat)
No tomo muchos sketchnotes digitales. Recomiendo el blog de Rachel Smith si te interesa (en inglés): http://digitalfacilitation.net
Bibliografía• Andrade, J. (2010). What does doodling do? Applied Cognitive Psychology, 24, 100-106. • Dake, D. M. (2007). A natural visual mind: The art and science of visual literacy. Journal of Visual
Literacy, 27(1), 7-28. • Dunkel, P. (1985). The immediate recall of English lecture information by native and non-native
speakers of English as a function of notetaking. Retrieved from http://arizona.openrepository.com/arizona/handle/10150/188030
• Finson, K., & Pederson, J. (2011). What are visual data and what utility do they have in science education? Journal of Visual Literacy, 30(1), 66-85.
• Hyerle, D. (2009). Beyond the wall of text: Thinking Maps® as a universal visual language for transforming how we see knowledge, thinking and learning. In J. E. Pedersen & K. D. Finson (Eds.), Visual data: Understanding and applying visual data to research in education (31-49). Rotterdam: Sense Publishers.
• Institute for the Advancement of Research in Education (IARE) (2003). Graphic organizers: A review of scientifically based research. Portland, OR: Inspiration Software Inc.
• Mueller & Oppenheimer (2014). The pen is mightier than the keyboard: Advantages of longhand over laptop note taking. Psychological Science, 25(6), 1159-1168.
• Schlegel, A., et al. (2015). The artist emerges: Visual art learning alters neural structure and function. NeuroImage, 105(15), 440-451.
• Stenberg, G. (2006). Conceptual and perceptual factors in the picture superiority effect. European Journal of Cognitive Psychology, 18(6), 813-847.
¡Gracias!
Reilly Dow Facilitadora Gráfica
pinkfish.ca @ReillyPinkfish