Consejos y recursos para elaborar una presentación educativa efectiva. Trabajo elaborado colaborativamente por PDI de la Universidade da Coruña en el marco del curso de formación del CUFIE "Deseño e implementación de materiais didácticos multimedia para a docencia". Diciembre de 2020.
2. "Trabajo colaborativo en el marco del curso virtual del CUFIE
"Diseño e implementación de materiales multimedia para la docencia"
Autoría: Matilde Massó Lago, Miguel Ángel Talavera Valverde, Noelia Salido Andrés, Noelia Collado Rodríguez, Juan Monroy Camafreita,, Edu Carballeira,
Beatriz Pérez Sánchez, Susana Viñas Diz, Beatriz Pérez Sánchez, Jorge González Domínguez, Alazne Carlosena, Víctor Arufe Giráldez, Ruth María
Gutiérrez Fernández y Juan Ignacio Martín Legendre.
Diseño y maquetación: Miguel Ángel Talavera Valverde
Finalizada la maquetación en Ferrol a 14 diciembre de 2020.
3. INTRODUCCIÓN
Y TIPOS DE
PRESENTACIONES
RECOMENDACIONES
PARA UNA
PRESENTACIÓN
EDUCATIVA
TIPOGRAFÍAS
USO DEL COLOR
FOTOGRAFÍAS E
ILUSTRACIONES
GRÁFICOS Y
VIDEOS
TRANSICIONES
Y
ANIMACIONES
BANCOS DE
RECURSOS PARA
ELABORAR
PRESENTACIONES
REFERENCIAS
COMPOSICIÓN
5. 02. Introducir otras metodologías
Participativas, nuevas herramientas
03. Aplicaciones en Office 365
01. Mejorar la didáctica de los materiales
Organización, nuevos materiales
El objetivo de
esta
presentación es
mejorar la
calidad de los
materiales
docentes que
presentamos a
nuestros y
nuestras
alumnas
Ruth María Gutiérrez Fernández
6. Las presentaciones educativas son los documentos
más utilizados en el ámbito universitario, tanto en una
modalidad docente presencial, semipresencial, o virtual.
Susana Viñas Diz
7. 1 Estructurar información para mostrarla,
y facilitar el proceso de enseñanza-
aprendizaje.
2 Que el alumno retenga y asimile
información importante, y de interés en
base a los contenidos abordados.
3 Facilitar la participación activa del
alumnado, favoreciendo la
reflexión/discusión.
Objetivos
Susana Viñas Diz
8. Uso-finalidad
Presentaciones con orador Presentaciones sin orador
• Trasmitir ideas principales.
• El hilo conductor de la explicación recae en
el DOCENTE.
• No necesitan explicaciones detalladas.
• Presentan imágenes y poco texto.
• Es necesario una buena organización de
los contenidos.
• Requieren de más detalles explicativos.
• Claras y fáciles de entender, para facilitar el
aprendizaje autónomo del alumno.
• Necesitan mayor presencia de texto.
Susana Viñas Diz
9. 03. Muy visual, una imagen vale más que mil palabras
01. Poco texto
02. Información estructurada
02. Información relevante
03. Esquemas, gráficos,
ejemplos ilustra@vos
01. Mas texto, redacción compacta
Con el objetivo de apoyar
una exposición oral
Con el objetivo de exponer un
tema para estudio individual
Ruth María Gutiérrez Fernández
16. ¿QUÉ? – Idea
Ten muy clara la idea principal a transmitir.
¿PARA QUIÉN? – Perfilea a tu audiencia
Conoce a tu audiencia de antemano y adapta tu relato (exposición oral) y
soporte visual (presentación educativa) para conectar más fácilmente con
ella.
¿CÓMO?
• Prepara tu presentación y exposición con antelación, teniendo en cuenta
los condicionantes del espaciales físico donde se proyectará.
• Estructura el contenido siguiendo una lógica secuencial y coherente, a
través de apartados y subapartados alineados a los objetivos a lograr.
• Utiliza ejemplos y datos concretos para ilustrar el contenido.
• Atrapa la atención de tu audiencia a través de la respuesta emocional:
cuenta una historia.
• Ensaya y ensaya; la improvisación también se ensaya.
Noelia Salido Andrés
17. LUCES A POTENCIAR
CLARIDAD-LEGIBILIDAD-SIMPLICIDAD-CONCRECIÓN
La presentación es un complemento visual para el presentador.
Conecta con la audiencia (empatía, historias, interacción).
Menos es más.
Una idea por diapositiva.
Emplea principios básicos de diseño.
Dedica tiempo de preparación y ensayo previo.
Noelia Salido Andrés
18. SOMBRAS A EVITAR
• Un exceso de información que impida
recordar lo contado: saturación por
sobreestimulación.
• Incluir un exceso de información textual por
diapositiva.
• Que la presentación cumpla la función de
“teleprompter”.
• Descartar el poder de los recursos visuales
VS. abusar de efectos multimedia.
• Escasa o nula preparación y ensayo previo.
• Colección de hechos y datos VS. emplear
abstracciones.
Noelia Salido Andrés
20. 1. Lineales (paloseco o sans serif)
Recomendadas para TODOS los elementos de texto de una presentación.
2. Clásicas (romanas o serif)
• Aconsejadas para los elementos de texto de una presentación, aunque deben
preferirse las lineales
• Si se combinan con lineales, dejar las clásicas para titulares.
3. Caligráfica
• Para elementos de texto ocasionales o presentaciones educativas muy específicas.
• No deben utilizarse para texto de párrafo por su poca legibilidad.
4. Decorativas
• Solo ocasionalmente para titulares.
• Prescindir de tipografías decorativas exageradas.
Beatriz Pérez Sánchez
Uso
21. Estilos
GROSOR o espesor
• El cambio produce la negrita (bold), media negrita (medium bold), doble
negrita (ultra bold) o, al revés. Se utilizan en resaltes y destacados.
INCLINACIO" N
• El cambio produce la cursiva o itálica.
• Se usa en citas, títulos de libros y articulos, palabras en otros idiomas.
CAJA
• Determina si la fuente es minúscula, MAYÚSCULA, o MAYÚSCULA
PEQUEÑA (‘versalita’).
• Mayúsculas y versales se usan en títulos, subtítulos y entradillas
TAMAN$ O o cuerpo
• Una fuente puede ser dimensionada a casi cualquier tamaño, debido a su
diseño escalable
ESPACIADO o interlineado
• Determina la d i s t a n c i a entre las letras de una fuente.
Las fuentes tienen variaciones o estilos, que se construyen según
Beatriz Pérez Sánchez
22. Combinar fuentesUtilizar el mínimo de tipografías posible.
Jugar con los estilos de una fuente antes de incluir nuevas fuentes.
Restringir las tipografías caligráficas y decorativas.
Imágenes extraídas de " El diseño de presentaciones educativos: Fundamentos, técnicas y recursos" de Francesc Llorens
Beatriz Pérez Sánchez
24. Uso del color (I)
• El color es otro elemento fundamental a tener en cuenta
• Usa el color en el texto para
• Resaltar títulos y secciones
• Remarcar palabras o frases importantes
• Cómo usar el color
• Contraste alto con el fondo para mejorar la legibilidad
• No uses más de tres o cuatro colores
• Utiliza el mismo esquema de colores para todo el documento
• Combina los colores del texto con el de las imágenes realizadas por ti y otros
elementos gráficos
Juan Monroy Camafreita
25. • Cómo seleccionar los colores
• Utiliza colores complementarios para
asegurar un contraste alto
• Ten en cuenta las normas de
selección de colores para personas
con deficiencias en la vista
• Contraste mínimo 4.5:1 para texto
pequeño y 3:1 para texto grande
• Usa esquemas de color ya diseñados
• Valora la psicología del color
• Blanco: pureza
• Rojo: pasión y fuerza
• Naranja: entusiasmo y energía
• Etc.
Ejemplos de esquemas de colores predefinidos
Uso del color (II)
Juan Monroy Camafreita
27. • La composición es la combinación
de los diferentes elementos de que
consta una diapositiva en aras de la
eficacia comunicativa, estética y
emocional.
• La composición comprende el
conjunto de reglas de ordenación del
espacio visual. Muchos de los
conceptos de la composición son
psicológicos.
• La composición incluye técnicas de
encuadre, proporciones, escalas y
tamaños.
Juan Ignacio Martín Legendre
28. • Una buena composición
comienza por un encuadre
adecuado.
• El encuadre es el plano visual: el
espacio, en definitiva, que capta
una cámara.
• Es importante que las
diapositivas dejen en sus bordes
un espacio de seguridad.
• El contenido legible debe situarse
dentro de dicho espacio.
• Es aconsejable por razones
técnicas, que dependen del
proyector y de la pantalla o zona
de proyección.
Juan Ignacio Martín Legendre
29. • La regla de los tercios
es una de las normas
más populares para
aplicar a la hora de
componer una imagen.
• Esta regla divide una
imagen en nueve
partes diferentes,
utilizando dos líneas
imaginarias paralelas y
equiespaciadas de
forma horizontal y dos
más de las mismas
características de
forma vertical.
• Los elementos
situados a lo largo de
los ejes se perciben
como más
importantes.
• Las esquinas y zonas
próximas a los bordes
ejercen menor
atracción
Juan Ignacio Martín Legendre
30. Por razones culturales,
el ojo occidental tiende
a leer las imágenes de
izquierda a derecha y
de arriba a abajo,
siguiendo
aproximadamente la
trayectoria de la letra
“Z”. Ello puede darnos
unaorientación
compositiva.
Juan Ignacio Martín Legendre
31. Los elementos de una diapositiva pueden disponerse
siguiendo variadas trayectorias: vertical, horizontal,
diagonal, en sentido curvilíneo.
• Las líneas verticales expresan fuerza, equilibrio y orden
• Las líneas horizontales calma, tranquilidad, estatismo y
descanso
• Las diagonales dan la sensación de dinamismo
• Las líneas sinuosas dan sensación de movimiento y
trayectoria
• Las líneas circulares (los círculos) expresan centralidad,
acierto, conclusión, centran la atención
Juan Ignacio Martín Legendre
33. Ayudar a comprender la explicación
Motivar y estimular al estudiante
Jorge González Domínguez
34. Sin permisos suficientes
Con baja resolución
Prediseñadas de programas ofimáticos
Con marcas de agua
Con emoticonos insertados
Tipos de imágenes a evitar
Jorge González Domínguez
35. Otros tipos de ilustraciones
Gráficas Mapas Diagramas
Jorge González Domínguez
38. Gráficos – La regla de los tercios
Si dividimos la composición de imágenes y gráficos en 9 cuadrículas, deberemos
colocar las imágenes a destacar en las intersecciones – focalizar la atención!
Edu Carballeira
39. Videos (I)
Emplea repositorios de videos que se pueden incrustar en plataformas
educativas para favorecer una mejor comprensión de la información.
- JOVE
- Alila Medical Media
- Videos Humanidades y
Ciencias Sociales
Edu Carballeira
40. Edu Carballeira
Videos (II)
Crea tus propios videos de aprendizaje, ¡añádeles interactividad!
Un vídeo interactivo es
un vídeo que mientras es
visualizado presenta entre
sus imágenes preguntas
que el espectador puede
responder para ser
evaluado.
tonimatasbarcelo.com
42. Las animaciones y
transiciones son
elementos de
énfasis
…Pero
Deben ser usados con
cuidado y
moderación
Alatzne Carlosena
43. Transiciones y animaciones
• Las animaciones y transiciones pueden hacer que tus presentaciones sean más ordenadas y fluidas
• Se recomiendan fundamentalmente para la presentación oral
• Permiten acompañar de forma sincrónica el texto o imagen de la diapositiva con la presentación oral
• Facilitan captar la atención en la explicación oral
• Otorgan énfasis al discurso
Mati Massó
44. • Texto
• Imágenes
• Formas
• Movimiento
• Cambios de color
• Cambios de tamaño
Evitar
Ø Chispas
Ø Parpadeos
Ø Ráfagas…
Animación – dentro de la diapositiva!
Alazne Carlosena
45. Animaciones
¿Cómo introducir animaciones?
• Selecciona el texto u objeto que quieres animar.
• En la pestaña Animaciones, selecciona un efecto de animación de la galería. Los iconos de los
efectos de entrada son verdes, los iconos de los efectos de énfasis son amarillos y los iconos de
los efectos de salida son rojos.
• Algunas animaciones tienen Opciones de efectos que le agregan dirección a la animación.
• Selecciona el botón Presentación con diapositivas para ver la animación.
Mati Massó
46. • Efectos de movimiento
• Velocidad
• Sonidos
• Orientación…
Transición – entre diapositivas
Alatzne Carlosena
52. Basart. I. (2009). MONOGRÁFICO: Presentaciones efectivas - Presentaciones efectivas en el ámbito educativo.
Recuperado de http://recursostic.educacion.es/observatorio/web/es/component/content/article/917-
monografico-presentaciones-efectivas?start=1
Colorzilla (2020). Selector de colores. Recuperado de https://www.colorzilla.com/
Colorlovers (2020). Paletas y esquemas predefinidos. Recuperado de https://www.colourlovers.com/
Galactic (2020). Búsqueda de colores relacionados. Recuperado de https://galactic.ink/sphere/
Llorens, F. (s.f.). El diseño de presentaciones educativas: fundamentos, técnicas, recursos. Recuperado de
https://es.slideshare.net/fllorensc/el-diseo-de-presentaciones-educativas
Peña Cabanas, A. (2020). Deseño de materiais multimedia baseados en texto. UDC: A Coruña.
Webaim (2020). Comprobador de contraste. Recuperado de https://webaim.org/resources/contrastchecker/
W3C (2020). Normas de accesibilidad web del color. Recuperado de https://www.w3.org/TR/WCAG21/#use-of-
color