Este documento presenta una introducción a los sketchnotes, que son apuntes visuales que combinan texto, dibujos, formas y elementos visuales. Explica que los sketchnotes pueden usarse como una herramienta de aprendizaje y comunicación visual. Además, muestra ejemplos de sketchnotes creados por diferentes artistas y ofrece consejos para crear sketchnotes propios.

1. Bienvenid@s
Sketchnotes
Reilly Dow
@ReillyPinkfish / reilly@pinkfish.ca / pinkfish.ca
Presentación © 2015 Reilly Dow

2. ¡Hola!
Soy Reilly

6. Actividad
Dibuja una linea o forma sobre una hoja o Post-it (2 segundos)
Busca alguien con una forma similar
¿Cómo definen similar?

7. ¿Cómo vas a utilizar los
sketchnotes?

8. ¿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

11. Mike Rohde @rohdesign, 2007

12. Mike Rohde @rohdesign, 2008

13. Mike Rohde @rohdesign

14. Sacha Chua @sachac

15. Sacha Chua @sachac

16. Giulia Forsythe @giuliaforsythe

17. Giulia Forsythe @giuliaforsythe

18. Rachel Smith @ninmah

19. Eva-Lotta Lamm @evalottchen

20. Eva-Lotta Lamm @evalottchen

21. Otros sketchnoters
Craighton Berman @craightonberman
http://blog.fueledbycoffee.com
Doug Neill @douglaspneill
http://www.verbaltovisual.com

25. ≠
arte
ilustraciones profesionales
=
pensamiento visual
comunicación visual
una herramienta de aprendizaje

26. Por ejemplo
Mike 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

27. Pictograma

28. ¡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?

29. “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í.

30. 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

31. La inteligencia visual ocupa casi la mitad de la corteza cerebral

32. 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

33. 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

34. 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

35. Tomar apuntes
Uso de mapas conceptuales y
mapas mentales aumenta el
aprendizaje y la memoria
Tomar apuntes y hacer garabatos
nos ayudan a mantener la atención
Hay 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

36. 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.

37. ¿Qué tal la pasaron?

38. ¿Cómo se hace?

39. Tips & Práctica
Dibujar:
Personas
Contexto / Categorías
Procesos
Discurso
Usar color (menos es más suficiente)
Títulos & jerarquía

40. Hecho por Austin Kleon

41. Conectar y
organizar
Tomar notas y
dibujar
Escuchar e
interpretar

42. 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

43. 2
Escuchar e interpretar
Piensa 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

44. 3
Tomar notas y dibujar
Ejercicio: 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

45. El abecedario visual, Ed Emberley

46. Video original aquí
Ed Emberley

47. 3
Tomar notas y dibujar
Crear 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

49. 4
Conectar y organizar
Ejemplos de layout y formato por Jason Alderman:
http://www.slideshare.net/jalderman/practical-sketchnoting (desde lámina 107)

50. Eva-Lotta Lamm @evalottchen

51. Mike Rohde @rohdesign

52. Conectar y
organizar
Tomar notas y
dibujar
Escuchar e
interpretar

53. Mike Rohde @rohdesign, 2013

54. Mike Rohde @rohdesign, 2013

55. 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

56. ¿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

57. ¿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)

58. 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

59. 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.

60. ¡Gracias!
Reilly Dow
Facilitadora Gráfica
pinkfish.ca
@ReillyPinkfish