Cerrar
Campaña para fomentar el diseño de materiales educativos con
elementos visuales para las clases presenciales y no presenciales.
Cerrar
Descubre
el Poder de lo Visual
UNIDAD DE NUEVAS TECNOLOGÍAS APLICADAS A LA EDUCACIÓN
INSTITUTO DE ESTUDIOS EN EDUCACIÓN - IESE
UNIVERSIDAD DEL NORTE
Cerrar
Haga click en
cada óvalo para
continuar Legible
Cuanto menos
Progresiva Diseño de más…
presentaciones
PowerPoint
con Técnicas de
Aprendizaje Visual
Didáctica
Resumen Consistente
Cerrar
Diseñe una presentación
LEGIBLE:
Cerrar
Diseñe una presentación
LEGIBLE:
Haga el texto
Grande
Cerrar
Haga el texto grande
• Esto es Tahoma 12
• Esto es Tahoma 18
• Esto es Tahoma 24
• Esto es Tahoma 32
• Esto es Tahoma 36
•Esto es Tahoma 44
Cerrar
Haga el texto grande
• Esto es Tahoma 12
• Esto es Tahoma 18
• Esto es Tahoma 24
• Esto es Tahoma 32
• Esto es Tahoma 36 Sugerida
•Esto es Tahoma 44 para
el título
Cerrar
Haga el texto grande
• Esto es Tahoma 12
• Esto es Tahoma 18
• Esto es Tahoma 24
Sugerida para
• Esto es Tahoma 32
el texto
• Esto es Tahoma 36
•Esto es Tahoma 44
Cerrar
Cuanto menos más…
COMPRENSIÓN
Cerrar
Cuanto menos más…
comprensión
Diseñe una presentación sencilla únicamente con
los elementos necesarios, para que el estudiante
comprenda los conceptos.
Cerrar
Diseñe una presentación
sencilla
No se recomienda:
• Muchísimos colores
• Muchísimas fuentes y estilos
• Recuerde la regla del 6 x 7
– No más de 6 líneas por diapositiva
– No más de 7 palabras por línea
Cerrar
Cuanto menos más…
comprensión
Utilice diagramas visuales tales como: Esquemas,
mapas conceptuales, mapas mentales, mapa de
ideas, cronologías, tablas, gráficas.
Por ejemplo:
Cerrar
Que son los mapas
conceptuales
Joseph D. Novak afirma que un mapa conceptual
es un recurso esquemático para presentar un
conjunto de significados conceptuales incluidos en
una estructura de proposiciones. Es una forma de
organizar el conocimiento. Tienen su origen en las
teorías sobre la psicología del aprendizaje de
David Ausubel enunciadas
Mucho en los años 60. Los
texto!
mapas conceptuales son una herramienta para el
aprendizaje muy útil. Pueden ser usados como
herramientas para el aprendizaje tanto para la
enseñanza.
Cerrar
Mucho mejor!
Cuál es tu estilo de
Cerrar
Gardner
aprendizaje?
define la inteligencia como una capacidad,
cuando hasta hace poco era considerada algo innato e
inamovible: se nacía inteligente o no, y la educación no
podía cambiar esta situación. Al definir la inteligencia
como una capacidad, Gardner la convierte en una
destreza que se puede desarrollar. No niega el
Mucho texto!
componente genético, pero esas potencialidades se van a
desarrollar de una manera o de otra dependiendo del
medio ambiente, nuestras experiencias, la educación
recibida, etc. Así, ningún deportista llega a la cima sin
entrenar, por buenas que sean sus cualidades naturales,
y lo mismo se puede decir de los matemáticos, los
poetas, etc. Existen ocho tipos de inteligencia
identificados por Gardner, así como sus características
principales: lógico-matemática, lingüístico-verbal,
corporal-kinestésica, espacial, musical, interpersonal,
Mapa mental de las inteligencias múltiples en el aula Cerrar
(Gardner)
Intrapersonal
Lingüística-
Naturalista
Mucho mejor! verbal
Cual es tu estilo
de aprendizaje?
Viso-espacial corporal-
kinestésica
Lógica-
Musical matemática
Interpersonal
(Social)
Cerrar
Yaser Arafat
Nació en agosto de 1929 en El Cairo. En 1933 muere
su madre. a la Con 17 años se unió a los grupos
palestinos armados que luchaban contra la creación
de un Estado judío en Palestina. Participó en los
combates de 1947-48 entre judíos y árabes, y luego
en la guerra de 1948 que siguió a la creación del
Estado de Israel.Mucho
1949 Arafattexto!
es elegido presidente de
la Federación Palestina de Estudiantes. En 1969 es
nombrado jefe de la OLP creada en 1964. Organiza el
ataque terrorista en Munich en 1974. En 1988 declara
la independencia de Palestina. Arafat obtuvo el
Premio Nobel de la Paz en 1994. En el 2001 se
interna en su cuartel general en Ramala donde solo
sale en Noviembre de 2004 para internarse en un
hospital en Paris donde murió el 11 de noviembre de
Cerrar
Mucho mejor!
Cerrar
Diseñe una presentación
DIDÁCTICA
Cerrar
Diseñe una presentación
didáctica (ilustraciones)
Demasiadas ilustraciones pueden distraer a sus
estudiantes.
Cerrar
Diseñe una presentación
didáctica (ilustraciones)
Las ilustraciones son más recomendables para:
• Clarificar y organizar la información
• Dirigir y mantener la atención de los alumnos.
Cerrar
Diseñe una presentación
didáctica (ilustraciones)
• Permitir una explicación en términos visuales
que
se dificulta en forma verbal
• Favorecer la retención de la información
• Promover y mejorar el interés y la motivación
Cerrar
Diseñe una presentación
didáctica (imágenes)
Tipo de Ilustraciones para
materiales educativos
Algorítmica Descriptivas Expresiva Construccional
Haga click en cada
Lógico Arreglo de cuadro para ver los
Funcional
Matemática datos ejemplos o siga la
flecha para
continuar
Cerrar
Ejemplo de una ilustración Algorítmica. Estas ilustraciones son
diagramas donde se plantean posibilidades de acción, rutas críticas,
pasos de un procedimiento, demostración de reglas o normas, cartas de
flujo de información, etc.
Cerrar
Ejemplo de una ilustración
descriptiva que muestra cómo
es un objeto, especialmente
cuando es difícil describirlo o
comprenderlo en términos
verbales.
Estatua en bronce de Alejandro Magno
Cerrar
Ejemplo de una ilustración Expresiva sobre el hambre. Este tipo de
ilustraciones buscan lograr un impacto en el estudiante considerando
aspectos de actitud y emoción.
Cerrar
Ejemplo de una ilustración Construccional de un cloroplasto. Este tipo
de ilustraciones es útil cuando se busca explicar los componentes o
elementos de un objeto aparato o sistema
Cerrar
Ejemplo de una ilustración Lógico-matemática sobre un análisis
comparativo territorial situado fiscal. Estas ilustraciones son arreglos
diagramáticos de conceptos y funciones matemáticos
Cerrar
Ejemplo de una ilustración de Arreglo de datos.
Estas ilustraciones son comparaciones visuales de datos realizadas por
medio de diagramas o tablas.
Cerrar
Ejemplo de una ilustración
Funcional sobre el proceso
de la Fotosíntesis.
Estas ilustraciones muestran
cómo se realiza un proceso o
la organización de un
sistema.
Cerrar
Diseñe una presentación
didáctica (sonido)
• Los efectos de sonido también pueden distraer.
• Use los sonidos únicamente cuando sean
necesarios
Cerrar
Diseñe una presentación
didáctica (sonido)
El robin o petirrojo americano es una
especie migratoria común en
Norteamérica, y vive cerca de los
asentamientos humanos. Su canto es
hermoso, en especial al empezar el alba.
Así canta un
Tomado de Encarta
petirrojo
Cerrar
Diseñe una presentación
didáctica (sonido)
Los Gallos y gallinas domésticos quizá
provengan del Sureste asiático. Se han
desarrollado muchas variedades para fines
específicos, como la producción de carne y
huevos, y como animales ornamentales.
Así canta un
Tomado de Encarta
Gallo
Cerrar
Diseñe una presentación
didáctica (transición)
• Esta transición molesta, no ayuda
• "Aparecer" y "Desaparecer" es
mejor
Cerrar
Diseñe una presentación
CONSISTENTE
Cerrar
Diseñe una presentación
consistente (Mayúsculas)
• TODAS LAS LETRAS EN MAYÚSCULAS SON
DIFÍCILES DE LEER
• Utilizar una combinación de mayúsculas y
minúsculas es más atractivo visualmente
que todo el titular en mayúsculas y se lee
mucho mejor
Cerrar
Diseñe una presentación
consistente (Fuente)
Sanserif Z Serif Z
Claro Confuso
Cerrar
Diseñe una presentación
consistente (Fuente)
• La tipografía Serif es difícil de leer en la pantalla
• La tipografía Sanserif es más legible
• La tipografía Itálica es difícil de leer en la pantalla
Cerrar
Diseñe una presentación
consistente (Fuente)
• La fuente Normal o negrita es más legible
• Subrayar puede significar hipervínculos
• En vez de subrayar, utilice color para
enfatizar
Cerrar
Diseñe una presentación
consistente (Números)
Utilice números para hacer listas con secuencia
Por ejemplo:
¿Cómo colocas un elefante en una nevera?
1. Abres la puerta de la nevera
2. Colocas el elefante
3. Cierras la puerta
Cerrar
Diseñe una presentación
consistente (Números)
¿Cómo colocas una jirafa en una nevera?
1. Abres la nevera
2. Sacas el elefante
3. Colocas la jirafa
4. Cierras la puerta
Cerrar
Diseñe una presentación
consistente (Viñetas)
Utilice viñetas para presentar una lista sin:
• Prioridad
• Secuencia
• Jerarquía
Cerrar
Diseñe una presentación
consistente (Color)
• Utilice colores que contrasten
• Claro sobre oscuro Vs. oscuro sobre claro
• Utilice colores complementarios
Cerrar
Diseñe una presentación
consistente (Color)
• Utilice colores que contrasten
• Claro sobre oscuro Vs. oscuro sobre claro
• Utilice colores complementarios
Alto contraste
Bajo
contraste
Cerrar
Diseñe una presentación
consistente (Color)
• Utilice colores que contrasten
• Claro sobre oscuro Vs. oscuro sobre claro
• Utilice colores complementarios
Esto es claro sobre oscuro
Cerrar
Diseñe una presentación
consistente (Color)
• Utilice colores que contrasten
• Claro sobre oscuro Vs. oscuro sobre claro
• Utilice colores complementarios
Esto es oscuro sobre claro
Cerrar
Diseñe una presentación
consistente
(Colores complementarios)
• Utilice colores que contrasten
• Claro sobre oscuro vs oscuro sobre claro
• Utilice colores complementarios
Estos colores no se complementan
Cerrar
Diseñe una presentación
consistente
(Colores complementarios)
• Utilice colores que contrasten
• Claro sobre oscuro vs oscuro sobre
claro
• Utilice colores complementarios
Estos colores se complementan
Cerrar
Diseñe una presentación
consistente
• Las diferencias llaman la atención
• Las diferencias pueden implicar importancia
• Utilice sorpresas para atraer, no para distraer
Cerrar
Diseñe una presentación
consistente
Las diferencias llaman la atención
• Las diferencias pueden implicar importancia
• Utilice sorpresas para atraer, no para distraer
Este chulito llama la atención
Cerrar
Diseñe una presentación
consistente
Las diferencias llaman la atención
Las diferencias pueden implicar importancia
• Utilice sorpresas para atraer, no para distraer
Estas diferencias distraen!
Cerrar
Diseñe una presentación
consistente
• Las diferencias llaman la atención
• Las diferencias pueden implicar importancia
• Utilice sorpresas para atraer, no para distraer
Esto implica importancia
Cerrar
Diseñe una presentación
consistente
Las diferencias llaman la atención
• Las diferencias pueden implicar
importancia
• Utilice sorpresas para atraer, no para distraer
Estas diferencias confunden
Cerrar
Diseñe una presentación
consistente
• Las diferencias llaman la atención
• Las diferencias pueden implicar importancia
• Utilice sorpresas para atraer, no para distraer
Esta sorpresa atrae
Cerrar
Diseñe una presentación
consistente
• Las diferencias llaman la atención
• Las diferencias pueden implicar importancia
• Utilice sorpresas para atraer,
atraer no para distraer
Esto distrae!
Cerrar
Diseñe una presentación
PROGRESIVA
Cerrar
Diseñe una presentación
PROGRESIVA
¿Por qué Implementar el Aprendizaje
Visual?
Varias investigaciones sugieren que el
aprendizaje visual es uno de los mejores métodos
¡Mucha
para enseñar a pensar, mediante el cual se
acostumbran a los estudiantes a procesar,
información en
organizar y priorizar nueva información al tiempo
que clarifican su pensamiento. Los diagramas
una diapositiva!
visuales revelan patrones, interrelaciones e
interdependencias además de estimular el
pensamiento creativo.
Cerrar
¿Por qué implementar el
Aprendizaje Visual?
• Enseña a pensar
Progresivo y al
• Enseña a procesar, organizar y priorizar nueva
información
grano
• Clarifica el pensamiento
• Revela patrones, interrelaciones e
interdependencias
• Estimula el pensamiento creativo.
Cerrar
Aorta
Vena
Vena braqio-
cava cefálica
superior izquierda
Arteria
pulmona
r
¡Mucha Venas
pulmonares
información en
una imagen!
Ventrícul Ventrícul
o o
derecho izquierdo
Vena
cava
inferior
Cerrar
Aorta
Vena Vena
cava braqio-
superior cefálica
Arteria izquierda
pulmona
r
Progresivo y Venas
pulmonares
al grano
Ventrícul Ventrícul
o o
derecho izquierdo
Vena
cava
inferior
Cerrar
En resumen
• Legible
• Cuanto menos más…
• Didáctica
• Consistente
• Progresiva
Cerrar
Palabras finales
• La comunicación es la clave
• El texto apoya a la comunicación
• Las imágenes simplifican conceptos
complejos
Cerrar
Palabras finales
• Las animaciones ayudan a explicar relaciones
complejas
• Los elementos visuales son para ayudar, no
para distraer
Cerrar
Palabras finales
• Los sonidos se deben utilizar únicamente
cuando sea necesario
• Los diagramas o esquemas ayudan a:
- Organizar la información que
presentaremos, y
- Facilitar la comprensión de conceptos.
Cerrar
¿Quiere saber más?
!Contáctenos!
Unidad de Nuevas Tecnologías aplicadas
a la Educación
Bloque B, 2° piso - Ext. 217
[email protected]http://www.uninorte.edu.co/nuevas_tecnologias/
Cerrar
Campaña para fomentar el diseño de materiales educativos con
elementos visuales para las clases presenciales y no presenciales.
