El documento proporciona directrices sobre cómo diseñar presentaciones efectivas utilizando técnicas de aprendizaje visual y diseño didáctico. Se enfatiza la importancia de la claridad, sencillez y el uso de diagramas visuales para mejorar la comprensión de los conceptos presentados. Además, se mencionan las características tipográficas y de color que facilitan la legibilidad y el impacto visual en las presentaciones.

2. Impacto Visual
¿Cómo hacer presentaciones
inteligentes?

3. Legible
Cuanto
Progresiva menos
mas…
Diseño de
presentaciones
PowerPoint
con Técnicas de
Aprendizaje Consistente Didáctica
Visual
Abril de 2012
Por: MTH

4. Haga una presentación:
Tamaño
Titulares
Legible
Texto
Abril de 2012
Por: MTH

5. Haga una presentación: L EGIBLE
Tamaño
Abril de 2012
Por: MTH

6. Haga una presentación: L EGIBLE
 Esto es Tahoma 12
 Esto es Tahoma 18
Esto es Tahoma 24
Use Esto es Tahoma 32
Texto
Grande Esto es Tahoma 36
Esto es Tahoma 44
Abril de 2012
Por: MTH

7. Haga una presentación: L EGIBLE
 Esto es Tahoma 12
 Esto es Tahoma 18
Esto es Tahoma 24
Esto es Tahoma 32
Sugerida Esto es Tahoma 36
para el
Título Esto es Tahoma 44
Abril de 2012
Por: MTH

8. Haga una presentación: L EGIBLE
 Esto es Tahoma 12
 Esto es Tahoma 18
Sugerida Esto es Tahoma 24
para el
Texto Esto es Tahoma 32
Esto es Tahoma 36
Esto es Tahoma 44
Abril de 2012
Por: MTH

9. Haga una presentación:
Comprensión
Sencillez
Cuanto Regla del 6 x 7
menos
Diagramas
más… visuales
Abril de 2012
Por: MTH

10. Cuanto menos más… COMPRENSIÓN
Diseñe una presentación sencilla, solo
con los elementos necesarios.
Objetivo:
Sencillez
Comprender los conceptos.
Abril de 2012
Por: MTH

11. Cuanto menos más… COMPRENSIÓN
No se recomienda: Si se recomienda:
Muchísimos colores Aplicar la regla del 6 x 7
Muchísimas fuentes No más de 6 líneas por
diapositiva
Variedad de estilos
No más de 7 palabras por línea
Uso de en los
textos Uso de Diagramas Visuales
Regla 6 X 7
Abril de 2012
Por: MTH

12. Cuanto menos más… COMPRENSIÓN
Esquemas
Mapas Conceptuales
Mapas Mentales
Mapa de Ideas
Cronologías
Use
Tablas
Diagramas
Gráficas
Visuales
Abril de 2012
Por: MTH

13. Cuanto menos más… COMPRENSIÓN
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 Mucho texto!psicología
las teorías sobre la
Diagramas del aprendizaje de David Ausubel
enunciadas en los años 60. Los mapas
Visuales conceptuales son una herramienta para el
aprendizaje muy útil. Pueden ser usados
como herramientas para el aprendizaje
Abril de 2012
tanto para la enseñanza.
Por: MTH

14. Cuanto menos más… COMPRENSIÓN
Mucho mejor!
Diagramas
Visuales
Abril de 2012
Por: MTH

15. Cuanto menos más… COMPRENSIÓN
Gardner 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 componente genético, pero esas
potencialidades se van a desarrollar de una manera o de
Mucho texto!
otra dependiendo del medio ambiente, nuestras
experiencias, la educación recibida, etc. Así, ningún
Diagramas deportista llega a la cima sin entrenar, por buenas que sean
sus cualidades naturales, y lo mismo se puede decir de los
Visuales 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,
Abril de 2012 intrapersonal y naturalista.
Por: MTH

16. Cuanto menos más… COMPRENSIÓN
Diagramas Mucho mejor!
Visuales
Abril de 2012
Por: MTH

17. Cuanto menos más… COMPRENSIÓN
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. 1949 Arafat es
elegido presidente de la Federación Palestina de
Mucho texto!
Estudiantes. En 1969 es nombrado jefe de la OLP creada
en 1964. Organiza el ataque terrorista en Munich en
Diagramas 1974. En 1988 declara la independencia de Palestina.
Visuales 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
Abril de 2012
2004.
Por: MTH

18. Cuanto menos más… COMPRENSIÓN
Mucho mejor!
Diagramas
Visuales
Abril de 2012
Por: MTH

19. Diseñe una presentación:
Ilustraciones
Didáctica Sonido
Transiciones
Abril de 2012
Por: MTH

20. Diseñe una presentación: DIDÁCTICA
Demasiadas ilustraciones
pueden distraer
Ilustraciones
Abril de 2012
Por: MTH

21. Diseñe una presentación: DIDÁCTICA
Las ilustraciones sirven para:
• Clarificar y organizar la información
• Dirigir y mantener la atención
• Permitir una explicación en términos
visuales que se dificulta en forma verbal
• Favorecer la retención de la información
Ilustraciones • Promover y mejorar el interés y la
motivación
Abril de 2012
Por: MTH

22. Diseñe una presentación: DIDÁCTICA
Tipo de Ilustraciones para
materiales de formación
Algorítmica Descriptivas Expresiva Construccional
Ilustraciones
Imágenes
Lógico Arreglo de
Funcional
Matemática datos
Abril de 2012
Por: MTH

23. Diseñe una presentación: DIDÁCTICA
Ejemplo de una ilustración Algorítmica.
Diagramas que 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.
Abril de 2012
Por: MTH

24. Diseñe una presentación: DIDÁCTICA
Ejemplo de una ilustración Descriptiva
Muestra cómo es un
objeto, cuando es
difícil describirlo o
comprenderlo en
términos verbales.
Abril de 2012
Por: MTH

25. Diseñe una presentación: DIDÁCTICA
Ejemplo de una ilustración Expresiva
Hambre.
Este tipo de
ilustraciones pretende
lograr un impacto,
considerando aspectos
de actitud y emoción.
Abril de 2012
Por: MTH

26. Diseñe una presentación: DIDÁCTICA
Ejemplo de una ilustración Construccional
Cloroplasto.
Tipo de ilustraciones
útil cuando se busca
explicar los
componentes o
elementos de un
objeto, aparato o
sistema
Abril de 2012
Por: MTH

27. Diseñe una presentación: DIDÁCTICA
Ejemplo de una ilustración Lógico - matemática
Estas ilustraciones
son arreglos
diagramáticos de
conceptos y
funciones
matemáticos
Abril de 2012
Por: MTH

28. Diseñe una presentación: DIDÁCTICA
Ejemplo de una ilustración de Arreglo de Datos
Estas ilustraciones
son comparaciones
visuales de datos
realizadas por medio
de diagramas o
tablas.
Abril de 2012
Por: MTH

29. Diseñe una presentación: DIDÁCTICA
Ejemplo de una ilustración Funcional
Proceso de la
Fotosíntesis.
Estas ilustraciones
muestran cómo se
realiza un proceso o
la organización de un
sistema.
Abril de 2012
Por: MTH

30. Diseñe una presentación: DIDÁCTICA
Los efectos de sonido también pueden
distraer.
Use los sonidos únicamente cuando
sean necesarios.
Sonido
Abril de 2012
Por: MTH

31. Diseñe una presentación: DIDÁCTICA
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.
Sonido
Abril de 2012
Así canta un petirrojo
Por: MTH

32. Diseñe una presentación: DIDÁCTICA
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
Sonido ornamentales.
Así canta un Gallo
Abril de 2012
Por: MTH

33. Diseñe una presentación: DIDÁCTICA
Las transiciones pueden ser molestas.
No hay que abusar
de ellas. Usar el
mismo efecto en
toda la presentación.
Utilizar movimientos
Transiciones
de acuerdo a la
intención del relato.
Abril de 2012
Por: MTH

34. Haga una presentación:
Mayúsculas
Sin Serifa
Consistente Listados
Contraste
Diferencias
Abril de 2012
Por: MTH

35. Haga una presentación: C ONSISTENTE
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
Mayúsculas que todo el titular en mayúsculas y se lee
mucho mejor
Abril de 2012
Por: MTH

36. Haga una presentación:
C ONSISTENTE
Sanserif Serif
Z Z
Tipografía Claro Confuso
Sans Serif es más difícil de leer en
legible la pantalla
Abril de 2012
Por: MTH

37. Haga una presentación: C ONSISTENTE
La fuente Normal o negrita es más
legible
En vez de subrayar, utilice color para
enfatizar
Además… Subrayar puede significar hipervínculos
La tipografía Itálica es difícil de
leer en la pantalla
Abril de 2012
Por: MTH

38. Haga una presentación: C ONSISTENTE
Secuencias
Utilice números para hacer listas con secuencia
Por ejemplo:
Haga uso ¿Cómo colocas un elefante en una nevera?
de los
Listados 1. Abres la puerta de la nevera
2. Colocas el elefante
3. Cierras la puerta
Abril de 2012
Por: MTH

39. Haga una presentación: C ONSISTENTE
Secuencias
Utilice números para hacer listas con secuencia
¿Cómo colocas una jirafa en una nevera?
Haga uso
de los 1. Abres la nevera
Listados 2. Sacas el elefante
3. Colocas la jirafa
4. Cierras la puerta
Abril de 2012
Por: MTH

40. Haga una presentación: C ONSISTENTE
Secuencias
Utilice viñetas para presentar una lista sin:
Haga uso
de los
Prioridad
Listados Secuencia
Jerarquía
Abril de 2012
Por: MTH

41. Haga una presentación: C ONSISTENTE
Utilice colores que contrasten
Claro sobre oscuro Vs. oscuro sobre
claro
Contraste Utilice colores complementarios
Color Bajo Alto
contraste contraste
Abril de 2012
Por: MTH

42. Cuanto menos más… C ONSISTENTE
Utilice colores que contrasten
Claro sobre oscuro Vs. oscuro sobre
claro
Contraste Utilice colores complementarios
Color
Esto es claro sobre oscuro
Abril de 2012
Por: MTH

43. Cuanto menos más… C ONSISTENTE
Utilice colores que contrasten
Claro sobre oscuro Vs. oscuro sobre
claro
Utilice colores complementarios
Contraste
Color Esto es oscuro sobre claro
Abril de 2012
Por: MTH

44. Haga una presentación: C ONSISTENTE
Combinaciones Fondos – Letras recomendadas
Fondos oscuros y letras claras
Fondos claros y letras oscuras
Combinación Combinación Combinación
Contraste
Color Combinación Combinación
Combinación
Abril de 2012
Por: MTH

45. Cuanto menos más… C ONSISTENTE
Combinaciones Fondos – Letras no recomendadas
Fondos oscuros y letras oscuras
Fondos claros y letras claras
Fondos recargados donde las letras no se aprecian bien
Combinaciones que hacen contrastes erróneos
Combinación Combinación Combinación
Contraste
Color
Combinación Combinación Combinación
Abril de 2012
Por: MTH

46. Cuanto menos más… C ONSISTENTE
Las diferencias llaman la atención
Las diferencias pueden implicar
importancia
Las Utilice sorpresas para atraer, no
Diferencias para distraer
Abril de 2012
Por: MTH

47. Cuanto menos más… C ONSISTENTE
 Las diferencias llaman la atención
Las diferencias pueden implicar
importancia
Utilice sorpresas para atraer, no para
Las distraer
Diferencias
Este chulito llama la atención
Abril de 2012
Por: MTH

48. Cuanto menos más… C ONSISTENTE
o Las diferencias llaman la atención
 Las diferencias pueden implicar
importancia
Utilice sorpresas para atraer, no para
Las distraer
Diferencias
Estas diferencias distraen!
Abril de 2012
Por: MTH

49. Cuanto menos más… C ONSISTENTE
Las diferencias llaman la atención
Las diferencias pueden implicar importancia
Utilice sorpresas para atraer, no para
distraer
Las
Diferencias
Esto implica importancia
Abril de 2012
Por: MTH

50. Cuanto menos más… C ONSISTENTE
Las diferencias llaman la atención
Las diferencias pueden implicar
importancia
Utilice sorpresas para atraer, no para
Las distraer
Diferencias
Estas diferencias confunden
Abril de 2012
Por: MTH

51. Cuanto menos más… C ONSISTENTE
Las diferencias llaman la atención
Las diferencias pueden implicar
importancia
Utilice sorpresas para atraer, no para
Las distraer
Diferencias
Esta sorpresa atrae
Abril de 2012
Por: MTH

52. Cuanto menos más… C ONSISTENTE
Las diferencias llaman la atención
Las diferencias pueden implicar
importancia
Utilice sorpresas para atraer, no para
Las distraer
Diferencias
Esto distrae!
Abril de 2012
Por: MTH

53. Haga una presentación:
Significado
de las….
Progresiva
ANIMACIONES
Abril de 2012
Por: MTH

54. Cuanto menos más… P ROGRESIVA
¿Por qué Implementar el Aprendizaje Visual?
Varias investigaciones sugieren que el
aprendizaje visual es uno de los mejores
métodos para enseñar a pensar, mediante el cual
se acostumbran a losinformación
¡Mucha estudiantes a procesar,
Visualización en bloque!
organizar y priorizar nueva información al tiempo
que clarifican su pensamiento. Los diagramas
visuales revelan patrones, interrelaciones e
interdependencias además de estimular el
pensamiento creativo.
Abril de 2012
Por: MTH

55. Cuanto menos más… P ROGRESIVA
¿Por qué Implementar el
Cada aspecto va
apareciendo a Aprendizaje Visual?
medida que se
exponen
Enseña a pensar
Enseña a procesar, organizar y
Progresivo y al
priorizar nueva información
Visualización grano
Animación Clarifica el pensamiento
Estimula el pensamiento creativo.
Abril de 2012
Por: MTH

56. Cuanto menos más… P ROGRESIVA
Aorta
Vena braqio-
Vena cava cefálica
superior izquierda
Arteria
pulmonar
¡Mucha información
en bloque! Venas
pulmonares
Visualización Ventrículo Ventrículo
derecho izquierdo
Animación
Vena cava
inferior
Abril de 2012
Por: MTH

57. Cuanto menos más… P ROGRESIVA
Aorta
Vena braqio-
Cada aspecto va
Vena cava cefálica
apareciendo a
superior izquierda
medida que se
exponen Arteria
pulmonar
Progresivo y Venas
pulmonares
Visualización Ventrículo
enfocado
Ventrículo
derecho izquierdo
Animación
Vena cava
inferior
Abril de 2012
Por: MTH

58. Fuentes Bibliográficas
 Luis e Vázquez. Politécnico Colombiano
 José Onofre Montesa Andrés. Universidad
Politécnica de Valencia. Escuela Superior de
Informática Aplicada. 2003-2004
 Universidad Centroccidental Lisandro Alvarado
Presentaciones Decanato de Administración y Contaduría
 Idea del diseño para la presentación tomado del
trabajo de Omar Valderrama Alarcón
Abril de 2012
Por: MTH

59. U N I V E R S I D A D P O N T I F I C I A B O L I VA R I A N A
ESCUELA DE CIENCIAS SOCIALES
F A C U LTA D D E C O M U N I C A C I Ó N S O C I A L – P E R I O D I S M O
A S I G N AT U R A D E I N F O R M Á T I C A
Elaborado por: JEANNETTE TÉLLEZ HERNÁNDEZ
Correo electrónico: matehe@yahoo.com
Bucaramanga, Abril 2012
GRACIAS