CerrarCampaña para fomentar el diseño de materiales educativos con elementos        visuales para las clases presenciales ...
Cerrar     Descubreel Poder de lo Visual UNIDAD DE NUEVAS TECNOLOGÍAS APLICADAS A LA EDUCACIÓN       INSTITUTO DE ESTUDIOS...
Cerrar Haga click en cadaóvalo para continuar                              Legible                                        ...
CerrarDiseñ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...
Cerrar                    Haga el texto grande•   Esto es Tahoma 12•   Esto es Tahoma 18• Esto es Tahoma 24• Esto es Tahom...
Cerrar                    Haga el texto grande•   Esto es Tahoma 12•   Esto es Tahoma 18• Esto es Tahoma 24               ...
CerrarCuanto menos más…  COMPRENSIÓN
Cerrar       Cuanto menos más…          comprensiónDiseñe una presentación sencilla únicamente con loselementos necesarios...
CerrarDiseñe una presentación sencillaNo se recomienda:• Muchísimos colores• Muchísimas fuentes y estilos• Recuerde la reg...
Cerrar       Cuanto menos más…          comprensiónUtilice diagramas visuales tales como: Esquemas, mapasconceptuales, map...
CerrarQue son los mapas conceptualesJoseph D. Novak        afirma que un mapaconceptual es un recurso esquemático parapres...
CerrarMucho mejor!
CerrarCuál es tu estilo de aprendizaje?Gardner define la inteligencia como una capacidad, cuando hastahace poco era consid...
Mapa mental de las inteligencias múltiples en el aula (Gardner)                                Cerrar                     ...
Cerrar                 Yaser ArafatNació en agosto de 1929 en El Cairo. En 1933 muere sumadre. a la Con 17 años se unió a ...
CerrarMucho mejor!
CerrarDiseñe una presentación      DIDÁCTICA
Cerrar       Diseñe una presentación       didáctica (ilustraciones)Demasiadas ilustraciones pueden distraer a sus estudia...
Cerrar      Diseñe una presentación      didáctica (ilustraciones)Las ilustraciones son más recomendables para:• Clarifica...
Cerrar      Diseñe una presentación      didáctica (ilustraciones)• Permitir una explicación en términos visuales que  se ...
CerrarDiseñe una presentación  didáctica (imágenes)              Tipo de Ilustraciones para                 materiales edu...
CerrarEjemplo de una ilustración Algorítmica. Estas ilustraciones son diagramas dondese plantean posibilidades de acción, ...
Cerrar                                       Ejemplo       de     una    ilustración                                      ...
Cerrar   Ejemplo de una ilustración Expresiva sobre el hambre. Este tipo de ilustracionesbuscan lograr un impacto en el es...
Cerrar    Ejemplo de una ilustración Construccional de un cloroplasto. Este tipo deilustraciones es útil cuando se busca e...
Cerrar    Ejemplo de una ilustración Lógico-matemática sobre un análisis comparativoterritorial situado fiscal. Estas ilus...
Cerrar                Ejemplo de una ilustración de Arreglo de datos.Estas ilustraciones son comparaciones visuales de dat...
CerrarEjemplo de una ilustraciónFuncional sobre el proceso de laFotosíntesis.Estas ilustraciones muestran cómose realiza u...
CerrarDiseñe una presentación didáctica            (sonido)• Los efectos de sonido también pueden distraer.• Use los sonid...
Cerrar       Diseñe una presentación didáctica                   (sonido)                     El robin o petirrojo america...
Cerrar         Diseñe una presentación didáctica                     (sonido)                     Los Gallos y gallinas do...
Cerrar    Diseñe una presentación      didáctica (transición)• Esta transición molesta, no ayuda• "Aparecer" y "Desaparece...
CerrarDiseñ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• ...
Cerrar      Diseñe una presentación        consistente (Fuente)Sanserif   Z       Serif   Z    Claro            Confuso
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 ...
Cerrar        Diseñe una presentación          consistente (Fuente)• La fuente Normal o negrita es más legible• Subrayar p...
Cerrar      Diseñe una presentación       consistente (Números)Utilice números para hacer listas con secuenciaPor ejemplo:...
CerrarDiseñe una presentación consistente            (Números) ¿Cómo colocas una jirafa en una nevera? 1.   Abres la never...
CerrarDiseñe una presentación consistente             (Viñetas) Utilice viñetas para presentar una lista sin: • Prioridad ...
CerrarDiseñe una presentación consistente              (Color)• Utilice colores que contrasten• Claro sobre oscuro Vs. osc...
CerrarDiseñe una presentación consistente              (Color)• Utilice colores que contrasten• Claro sobre oscuro Vs. osc...
CerrarDiseñe una presentación consistente              (Color)• Utilice colores que contrasten• Claro sobre oscuro Vs. osc...
CerrarDiseñe una presentación consistente              (Color)• Utilice colores que contrasten• Claro sobre oscuro Vs. osc...
CerrarDiseñe una presentación consistente     (Colores complementarios)• Utilice colores que contrasten• Claro sobre oscur...
CerrarDiseñe una presentación consistente    (Colores complementarios)• Utilice colores que contrasten• Claro sobre oscuro...
CerrarDiseñe una presentación consistente • Las diferencias llaman la atención • Las diferencias pueden implicar importanc...
CerrarDiseñe una presentación consistente Las diferencias llaman la atención• Las diferencias pueden implicar importancia...
CerrarDiseñe una presentación consistente Las diferencias llaman la atención Las diferencias pueden implicar importancia...
CerrarDiseñe una presentación consistente • Las diferencias llaman la atención • Las diferencias pueden implicar importanc...
CerrarDiseñe una presentación consistente Las diferencias llaman la atención• Las diferencias pueden implicar  importanci...
CerrarDiseñe una presentación consistente• Las diferencias llaman la atención• Las diferencias pueden implicar importancia...
CerrarDiseñe una presentación consistente• Las diferencias llaman la atención• Las diferencias pueden implicar importancia...
CerrarDiseñe una presentación     PROGRESIVA
CerrarDiseñe una presentación PROGRESIVA    ¿Por qué Implementar el AprendizajeVisual?Varias investigaciones sugieren que ...
Cerrar      ¿Por qué implementar el        Aprendizaje Visual?• Enseña a pensar          Progresivo y al• Enseña a procesa...
Cerrar             Aorta                                        Vena Vena cava                             braqio-  superi...
Cerrar             Aorta Vena cava                             Vena  superior                            braqio-          ...
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 simplifica...
Cerrar            Palabras finales• Las animaciones ayudan a explicar relaciones  complejas• Los elementos visuales son pa...
Cerrar             Palabras finales• Los sonidos se deben utilizar únicamente cuando  sea necesario• Los diagramas o esque...
Cerrar    ¿Quiere saber más?         !Contáctenos!    Unidad de Nuevas Tecnologías aplicadas               a la Educación ...
CerrarCampaña para fomentar el diseño de materiales educativos con elementos        visuales para las clases presenciales ...
Upcoming SlideShare
Loading in …5
×

El poder de lo visual

1,031 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
1,031
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
63
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

El poder de lo visual

  1. 1. CerrarCampaña para fomentar el diseño de materiales educativos con elementos visuales para las clases presenciales y no presenciales.
  2. 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. 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. 4. CerrarDiseñe una presentación LEGIBLE:
  5. 5. Cerrar Diseñe una presentación LEGIBLE:Haga el texto Grande
  6. 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. 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. 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. 9. CerrarCuanto menos más… COMPRENSIÓN
  10. 10. Cerrar Cuanto menos más… comprensiónDiseñe una presentación sencilla únicamente con loselementos necesarios, para que el estudiante comprendalos conceptos.
  11. 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. 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. 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. 14. CerrarMucho mejor!
  15. 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. 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. 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. 18. CerrarMucho mejor!
  19. 19. CerrarDiseñe una presentación DIDÁCTICA
  20. 20. Cerrar Diseñe una presentación didáctica (ilustraciones)Demasiadas ilustraciones pueden distraer a sus estudiantes.
  21. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 34. Cerrar Diseñe una presentación didáctica (transición)• Esta transición molesta, no ayuda• "Aparecer" y "Desaparecer" es mejor
  35. 35. CerrarDiseñe una presentación CONSISTENTE
  36. 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. 37. Cerrar Diseñe una presentación consistente (Fuente)Sanserif Z Serif Z Claro Confuso
  38. 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. 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. 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. 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. 42. CerrarDiseñe una presentación consistente (Viñetas) Utilice viñetas para presentar una lista sin: • Prioridad • Secuencia • Jerarquía
  43. 43. CerrarDiseñe una presentación consistente (Color)• Utilice colores que contrasten• Claro sobre oscuro Vs. oscuro sobre claro• Utilice colores complementarios
  44. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 56. CerrarDiseñe una presentación PROGRESIVA
  57. 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. 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. 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. 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. 61. Cerrar En resumen• Legible• Cuanto menos más…• Didáctica• Consistente• Progresiva
  62. 62. Cerrar Palabras finales• La comunicación es la clave• El texto apoya a la comunicación• Las imágenes simplifican conceptos complejos
  63. 63. Cerrar Palabras finales• Las animaciones ayudan a explicar relaciones complejas• Los elementos visuales son para ayudar, no para distraer
  64. 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. 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. 66. CerrarCampaña para fomentar el diseño de materiales educativos con elementos visuales para las clases presenciales y no presenciales.

×