Your SlideShare is downloading. ×
El poder de lo visual
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

El poder de lo visual

413
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
413
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. CerrarCampaña para fomentar el diseño de materiales educativos con elementos visuales para las clases presenciales y no presenciales.
  • 2. Cerrar Descubreel Poder de lo Visual UNIDAD DE NUEVAS TECNOLOGÍAS APLICADAS A LA EDUCACIÓN INSTITUTO DE ESTUDIOS EN EDUCACIÓN - IESE UNIVERSIDAD DEL NORTE
  • 3. 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
  • 4. CerrarDiseñe una presentación LEGIBLE:
  • 5. Cerrar Diseñe una presentación LEGIBLE:Haga el texto Grande
  • 6. 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
  • 7. 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 para• Esto es Tahoma 44 el título
  • 8. 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
  • 9. CerrarCuanto menos más… COMPRENSIÓN
  • 10. Cerrar Cuanto menos más… comprensiónDiseñe una presentación sencilla únicamente con loselementos necesarios, para que el estudiante comprendalos conceptos.
  • 11. CerrarDiseñe una presentación sencillaNo 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
  • 12. Cerrar Cuanto menos más… comprensiónUtilice diagramas visuales tales como: Esquemas, mapasconceptuales, mapas mentales, mapa de ideas,cronologías, tablas, gráficas.Por ejemplo:
  • 13. CerrarQue son los mapas conceptualesJoseph D. Novak afirma que un mapaconceptual es un recurso esquemático parapresentar un conjunto de significadosconceptuales incluidos en una estructura deproposiciones. Es una forma de organizar elconocimiento.Muchosu origen en las teorías Tienen texto!sobre la psicología del aprendizaje de DavidAusubel enunciadas en los años 60. Los mapasconceptuales son una herramienta para elaprendizaje muy útil. Pueden ser usados comoherramientas para el aprendizaje tanto para laenseñanza.
  • 14. CerrarMucho mejor!
  • 15. CerrarCuál es tu estilo de aprendizaje?Gardner define la inteligencia como una capacidad, cuando hastahace poco era considerada algo innato e inamovible: se nacíainteligente o no, y la educación no podía cambiar esta situación.Al definir la inteligencia como una capacidad, Gardner la convierteen una destreza que se puede desarrollar. No niega elcomponente genético, pero esas potencialidades se van a Mucho texto!desarrollar de una manera o de otra dependiendo del medioambiente, nuestras experiencias, la educación recibida, etc. Así,ningún deportista llega a la cima sin entrenar, por buenas quesean sus cualidades naturales, y lo mismo se puede decir de losmatemáticos, los poetas, etc. Existen ocho tipos de inteligenciaidentificados por Gardner, así como sus características principales:lógico-matemática, lingüístico-verbal, corporal-kinestésica,espacial, musical, interpersonal, intrapersonal y naturalista.
  • 16. Mapa mental de las inteligencias múltiples en el aula (Gardner) Cerrar 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)
  • 17. Cerrar Yaser ArafatNació en agosto de 1929 en El Cairo. En 1933 muere sumadre. a la Con 17 años se unió a los grupos palestinosarmados que luchaban contra la creación de un Estado judíoen Palestina. Participó en los combates de 1947-48 entrejudíos y árabes, y luego en la guerra de 1948 que siguió a lacreación del Estado de Israel. 1949 Arafat es elegido Mucho texto!presidente de la Federación Palestina de Estudiantes. En1969 es nombrado jefe de la OLP creada en 1964. Organizael ataque terrorista en Munich en 1974. En 1988 declara laindependencia de Palestina. Arafat obtuvo el Premio Nobelde la Paz en 1994. En el 2001 se interna en su cuartelgeneral en Ramala donde solo sale en Noviembre de 2004para internarse en un hospital en Paris donde murió el 11 denoviembre de 2004.
  • 18. CerrarMucho mejor!
  • 19. CerrarDiseñe una presentación DIDÁCTICA
  • 20. Cerrar Diseñe una presentación didáctica (ilustraciones)Demasiadas ilustraciones pueden distraer a sus estudiantes.
  • 21. 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.
  • 22. 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
  • 23. CerrarDiseñe una presentación didáctica (imágenes) Tipo de Ilustraciones para materiales educativosAlgorí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
  • 24. CerrarEjemplo de una ilustración Algorítmica. Estas ilustraciones son diagramas dondese 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.
  • 25. 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
  • 26. Cerrar Ejemplo de una ilustración Expresiva sobre el hambre. Este tipo de ilustracionesbuscan lograr un impacto en el estudiante considerando aspectos de actitud y emoción.
  • 27. Cerrar Ejemplo de una ilustración Construccional de un cloroplasto. Este tipo deilustraciones es útil cuando se busca explicar los componentes o elementos de un objeto aparato o sistema
  • 28. Cerrar Ejemplo de una ilustración Lógico-matemática sobre un análisis comparativoterritorial situado fiscal. Estas ilustraciones son arreglos diagramáticos de conceptos y funciones matemáticos
  • 29. Cerrar Ejemplo de una ilustración de Arreglo de datos.Estas ilustraciones son comparaciones visuales de datos realizadas por medio de diagramas o tablas.
  • 30. CerrarEjemplo de una ilustraciónFuncional sobre el proceso de laFotosíntesis.Estas ilustraciones muestran cómose realiza un proceso o laorganización de un sistema.
  • 31. CerrarDiseñe una presentación didáctica (sonido)• Los efectos de sonido también pueden distraer.• Use los sonidos únicamente cuando sean necesarios
  • 32. 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.Tomado de Encarta Así canta un petirrojo
  • 33. 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 GalloTomado de Encarta
  • 34. Cerrar Diseñe una presentación didáctica (transición)• Esta transición molesta, no ayuda• "Aparecer" y "Desaparecer" es mejor
  • 35. CerrarDiseñe una presentación CONSISTENTE
  • 36. 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
  • 37. Cerrar Diseñe una presentación consistente (Fuente)Sanserif Z Serif Z Claro Confuso
  • 38. Cerrar Diseñe una presentación consistente (Fuente)• La tip o g rafía S e rif e s d ifícil d e le e r e n la p an talla• La tipografía Sanserif es más legible• La tipografía Itálica es difícil de leer en la pantalla
  • 39. 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
  • 40. Cerrar Diseñe una presentación consistente (Números)Utilice números para hacer listas con secuenciaPor ejemplo:¿Cómo colocas un elefante en una nevera?1. Abres la puerta de la nevera2. Colocas el elefante3. Cierras la puerta
  • 41. CerrarDiseñ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
  • 42. CerrarDiseñe una presentación consistente (Viñetas) Utilice viñetas para presentar una lista sin: • Prioridad • Secuencia • Jerarquía
  • 43. CerrarDiseñe una presentación consistente (Color)• Utilice colores que contrasten• Claro sobre oscuro Vs. oscuro sobre claro• Utilice colores complementarios
  • 44. CerrarDiseñe una presentación consistente (Color)• Utilice colores que contrasten• Claro sobre oscuro Vs. oscuro sobre claro• Utilice colores complementarios Alto contraste Bajo contraste
  • 45. CerrarDiseñ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
  • 46. CerrarDiseñ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
  • 47. CerrarDiseñe una presentación consistente (Colores complementarios)• Utilice colores que contrasten• Claro sobre oscuro vs oscuro sobre claro• Utilice colores complementariosEstos colores no se complementan
  • 48. CerrarDiseñ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
  • 49. CerrarDiseñe una presentación consistente • Las diferencias llaman la atención • Las diferencias pueden implicar importancia • Utilice sorpresas para atraer, no para distraer
  • 50. CerrarDiseñ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
  • 51. CerrarDiseñ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!
  • 52. CerrarDiseñ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
  • 53. CerrarDiseñ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
  • 54. CerrarDiseñ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
  • 55. CerrarDiseñe una presentación consistente• Las diferencias llaman la atención• Las diferencias pueden implicar importancia• Utilice sorpresas para atraer, no para distraer atraer Esto distrae!
  • 56. CerrarDiseñe una presentación PROGRESIVA
  • 57. CerrarDiseñe una presentación PROGRESIVA ¿Por qué Implementar el AprendizajeVisual?Varias investigaciones sugieren que el aprendizajevisual es uno de los mejores métodos para ¡Mucha informaciónenseñar a pensar, mediante el cual se en una diapositiva!acostumbran a los estudiantes a procesar,organizar y priorizar nueva información al tiempoque clarifican su pensamiento. Los diagramasvisuales revelan patrones, interrelaciones einterdependencias además de estimular elpensamiento creativo.
  • 58. 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.
  • 59. Cerrar Aorta Vena Vena cava braqio- superior cefálica izquierda Arteriapulmonar ¡Mucha información Venas pulmonares en una imagen!Ventrículo Ventrículo derecho izquierdo Vena cava inferior
  • 60. Cerrar Aorta Vena cava Vena superior braqio- cefálica Arteria izquierdapulmonar Progresivo y Venas pulmonares al granoVentrículo Ventrículo derecho izquierdo Vena cava inferior
  • 61. Cerrar En resumen• Legible• Cuanto menos más…• Didáctica• Consistente• Progresiva
  • 62. Cerrar Palabras finales• La comunicación es la clave• El texto apoya a la comunicación• Las imágenes simplifican conceptos complejos
  • 63. Cerrar Palabras finales• Las animaciones ayudan a explicar relaciones complejas• Los elementos visuales son para ayudar, no para distraer
  • 64. 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.
  • 65. Cerrar ¿Quiere saber más? !Contáctenos! Unidad de Nuevas Tecnologías aplicadas a la Educación Bloque B, 2° piso - Ext. 217 hfontalvo@uninorte.edu.cohttp://www.uninorte.edu.co/nuevas_tecnologias/
  • 66. CerrarCampaña para fomentar el diseño de materiales educativos con elementos visuales para las clases presenciales y no presenciales.