Principios básicos para el diseño de medios-TIC (CP)

1. Departamento de
Didáctica y Organización Educativa
Grado en Educación Primaria
Dr. Cristóbal Ballesteros Regaña
cballesteros@us.es
Troncal - Formación Básica (6+2 créditos): 2do Cuatrimestre

2. Contenidos
Utilización educativa de las TIC en los procesos de formación
a) Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
b) Medios de enseñanza tradicionales
c) Medios de comunicación a distancia
TIC
aplicadas
a
la
Educación

3. a) Principios para la selección y utilización
b) Etapas-fases para el diseño-producción
c) Estrategias de evaluación: ventajas y limitaciones
Contenidos
Utilización educativa de las TIC en los procesos de formación
a) Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
TIC
aplicadas
a
la
Educación
Principios básicos para el diseño de medios~TIC

4. Psicología de la Gestalt: enfoque sistémico
 Facilitar la percepción de la información
 Mejorar el proceso de comunicación didáctica
Contenidos
Utilización educativa de las TIC en los procesos de formación
a) Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
TIC
aplicadas
a
la
Educación
Principios básicos para el diseño de medios~TIC

5. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
Contenidos
TIC
aplicadas
a
la
Educación
Aprendizaje =
 Los estímulos se perciben como un todo, no como un conjunto de elementos
 Rechazan el Asociacionismo:
- Aprendizaje = suma de las partes
- Aprendizaje = percepción conjunta-global de las partes
/
• Representar-agrupar mentalmente los estímulos que recibimos
• Proceso holístico–global y sistémico condicionado por el contexto
A 1

6. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
Busca las nueve personas
Contenidos
TIC
aplicadas
a
la
Educación

7. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
¿Saxofonista o rostro de mujer?
Contenidos
TIC
aplicadas
a
la
Educación

8. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
Prueba a contar las patas de este elefante…
Contenidos
TIC
aplicadas
a
la
Educación

9. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
El libro está abierto hacia…
Contenidos
TIC
aplicadas
a
la
Educación

10. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
¿Indio o esquimal?
Contenidos
TIC
aplicadas
a
la
Educación

11. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
Contenidos
TIC
aplicadas
a
la
Educación

12. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
Lee el siguiente texto:
Estás leyendo un texto con el que se demuestra cómo las personas
percibimos y aprendemos de manera global y no como resultado de la
suma de las diferentes partes. Con este ejemplo concreto se confirman
los presupuestos teóricos del aprendizaje global que determina la teoría
del aprendizaje de la Gestal ¡Alucinante, verdad!
Estás leynedo un texto con el que se deumsetra cómo las perosnas
pericibmos y aprneedmos de maenra global y no como resluatdo de la
suma de las diefrnetes partes. Con este ejmeplo concerto se confriman
los preusupsetos teóircos del aprneidazje global que detreimna la teoíra
de la Gestal ¡Aulicnnate, verdad!
Contenidos
TIC
aplicadas
a
la
Educación

13. Psicología de la Gestalt: enfoque sistémico (Wertheimer - Köhler - Lewin)
• Ley del esfuerzo: importancia del esfuerzo para el desarrollo de las capaces individuales
• Ley de las características del campo:
a) Importancia de la organización y estructuración de las partes ~ elementos de una materia
b) Captar conjuntos bien organizados y no elementos aislados: esquemas ~ mapas conceptuales
• Ley de la génesis del campo:
a) Importancia del método global de estudio: U.D globalizadas
b) Unificar las diferentes materias - áreas de conocimiento por un nexo común
Aportaciones a la Didáctica
Contenidos
TIC
aplicadas
a
la
Educación

14.  Facilitar la percepción de la información
 Mejorar el proceso de comunicación didáctica
Contenidos
Utilización educativa de las TIC en los procesos de formación
a) Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
TIC
aplicadas
a
la
Educación
Principios básicos para el diseño de medios~TIC
¡Erroresmás comunes! ¡Principiosbásicos!

15. ¡Erroresmás comunes!
Exceso de información
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

16. Demasiados niveles de inclusión
¡Erroresmás comunes!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

17. Mala elección de colores
¡Erroresmás comunes!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

18. Errores de ortografía
¡Erroresmás comunes!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

19. Demasiados efectos de animación
¡Erroresmás comunes!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

20. Gráficos incomprensibles ~ saturación de datos
¡Erroresmás comunes!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

21. Consecuencias…
¡Erroresmás comunes!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

22. Organización del espacio visual
Color
Gráficos
Tipo de Letra
Longitud de los Textos
Elementos animados y audiovisuales
Estático vs Dinámico
Sencillez
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

23.  Evitar el exceso de información:
~ Dificultad de lectura
~ Copia de apuntes
~ Distracción y dispersión de la atención
¡Principiosbásicos!
Sencillez
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

24.  Evitar el exceso de información:
~ Dificultad de lectura
~ Copia de apuntes
~ Distracción y dispersión de la atención
 Utilizar imágenes que ilustren la información:
~ Sencillas y simples (no simplistas)
~ Evitar imágenes polisémicas que puedan generar confusión
¡Principiosbásicos!
Sencillez
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

25. Estático vs Dinámico
 Uso moderado y didáctico de los efectos-transiciones, animaciones y sonidos
 Contenidos vs efectos: evitar el «espectáculo de distracción multimedia»
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

26. Elementos animados y audiovisuales
 Ayudan a ilustrar y/o reforzar las ideas principales
 Sonidos, animaciones y secuencias de vídeo
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

27. Longitud de los Textos
 Resaltar sólo los aspectos más importantes
 Hacer referencia a una única idea
 No utilizar más de seis ~ ocho líneas
 Evitar el uso de frases largas o copias de páginas impresas
 Emplear términos concisos y claros
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

28.  Diferenciar los títulos y contenidos: subapartados principales y secundarios
 Combinar sólo varios tipos de fuentes: distracciones y fatiga visual
 Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma
Tipo de Letra
1. Curso alto.
El Guadalquivir
1.1. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre las sierras de
Cazorla y Pozo Alcón.
La mayor parte de su recorrido discurre por un área deprimida limitada, al norte por Sierra Morena
y al sur por las Cordilleras Béticas, adquiriendo la forma de triángulo.
De sus 668,3 kilómetros de longitud, nos ocuparemos de sus últimos 90 kilómetros comprendidos
desde la salida de Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

29.  Diferenciar los títulos y contenidos: subapartados principales y secundarios
 Combinar sólo varios tipos de fuentes: distracciones y fatiga visual
 Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma
Tipo de Letra
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación
El Guadalquivir
1. Curso alto.
1.1. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre
las sierras de Cazorla y Pozo Alcón. La mayor parte de su recorrido discurre por un
área deprimida limitada, al norte por Sierra Morena y al sur por las Cordilleras
Béticas, adquiriendo la forma de triángulo. De sus 668,3 kilómetros de longitud,
nos ocuparemos de sus últimos 90 kilómetros comprendidos desde la salida de
Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).

30.  Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma
 Combinar sólo varios tipos de fuentes: distracciones y fatiga visual
 Evitar los textos en MAYÚSCULAS o cursivas: dificultades de lectura y cansancio visual
 Diferenciar los títulos y contenidos: subapartados principales y secundarios
 Mantener los tipos de letras y tamaños seleccionados en todo el medio~TIC
 Tamaños: condicionados por el lugar ~ distancia de proyección
~ Títulos: 18-20 y 32-36 puntos.
~ Contenidos: 12-14 y 20-24-26
Tipo de Letra
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación
El Guadalquivir vs EL GUADALQUIVIR ~ EL GUADALQUIVIR ~ El Guadalquivir

31. Gráficos
 Evitar el exceso de información: estadística y numérica
 Utilizar con precaución
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

32. Contraste Contraste
Color
 Resaltar las palabras y textos claves
 No debe limitarse a los fondos y elementos gráficos
 Mantener la relación de contraste entre el fondo y los textos ~ elementos gráficos
 Evitar el subrayado: confusión con hipervínculos ~ palabras de enlace
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación
Contraste Contraste

33. Color
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

34. Organización del espacio visual
 Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
Área de trabajo
Espacio de respiro
Espacio de respiro
Vídeo
Texto
Título
Apartado - subapartados
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

35.  Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
 Distribuir la información en función de su relevancia didáctica vs criterios estéticos
 Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación
1. Geografía
2. Origen geológico
3. Curso Alto
3.1. Vegetación, clima y geología
3.2. Nacimiento
4. Curso Medio
4.1. Vegetación, clima y geología
4.2. Historia
5. Curso Bajo
5.1. Vegetación, clima y geología
5.2. Importancia de Sevilla
El Guadalquivir

36.  Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
 Distribuir la información en función de su relevancia didáctica vs criterios estéticos
 Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación
3. Curso alto.
El Guadalquivir
3.2. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre las sierras de
Cazorla y Pozo Alcón.
La mayor parte de su recorrido discurre por un área deprimida limitada, al norte por Sierra Morena
y al sur por las Cordilleras Béticas, adquiriendo la forma de triángulo.
De sus 668,3 kilómetros de longitud, nos ocuparemos de sus últimos 90 kilómetros comprendidos
desde la salida de Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).

37.  Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
 Distribuir la información en función de su relevancia didáctica vs criterios estéticos
 Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación
El Guadalquivir
1. Curso alto.
1.1. Nacimiento.
El río Guadalquivir nace a 1645 metros de altura en la Cañada de las Fuentes entre
las sierras de Cazorla y Pozo Alcón. La mayor parte de su recorrido discurre por un
área deprimida limitada, al norte por Sierra Morena y al sur por las Cordilleras
Béticas, adquiriendo la forma de triángulo. De sus 668,3 kilómetros de longitud,
nos ocuparemos de sus últimos 90 kilómetros comprendidos desde la salida de
Sevilla, donde se hace navegable, hasta llegar a su desembocadura en Sanlúcar de
Barrameda en el Océano Atlántico (…).

38.  Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
 Distribuir la información en función de su relevancia didáctica vs criterios estéticos
 Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
 Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

39.  Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)
 Distribuir la información en función de su relevancia didáctica vs criterios estéticos
 Estructurar los contenidos diferenciando títulos y subapartados principales-secundarios
 Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.
 Elementos para la organización perceptiva (Aparici y Matilla, 1998): puntos de atención y líneas de fuerza
Organización del espacio visual
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

40.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

41.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

42.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

43.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

44.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

45.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

46.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

47.  Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

48.  Facilitar la percepción de la información
 Mejorar el proceso de comunicación didáctica
Contenidos
Utilización educativa de las TIC en los procesos de formación
a) Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
TIC
aplicadas
a
la
Educación
Principios básicos para el diseño de medios~TIC
¡Erroresmás comunes! ¡Principiosbásicos!

49. Departamento de
Didáctica y Organización Educativa
Grado en Educación Primaria
Dr. Cristóbal Ballesteros Regaña
cballesteros@us.es
Troncal - Formación Básica (6+2 créditos): 2do Cuatrimestre