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

1.  Facilitar la percepción de la información
 Mejorar el proceso de comunicación didáctica
Tema 1: Las TIC en la Sociedad de la Información
Tema 2: Concepto, clasificación y características de las TIC aplicadas a la Educación
Tema 3: La comunicación didáctica con TIC
Tema 4: Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
Bloque I: Conceptualización de las TIC
Contenidos
TIC
aplicadas
a
la
Educación
Principios básicos para el diseño de medios~TIC
¡Erroresmás comunes! ¡Principiosbásicos!

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

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

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

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

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

7. 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

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

9. 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

10.  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

11.  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

12. 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

13. 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

14. 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

15.  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

16.  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 (…).

17.  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

18. 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

19. 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

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

21. 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
¡Principiosbásicos!
Principios básicos para el diseño de medios~TIC
TIC
aplicadas
a
la
Educación

22. 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

23. 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

24.  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

25.  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 (…).

26.  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 (…).

27.  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

28.  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
 Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.

29.  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
 Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.

30.  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
 Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.

31.  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

32.  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

33.  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

34.  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

35.  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

36.  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

37.  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

38.  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

39.  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

40.  Facilitar la percepción de la información
 Mejorar el proceso de comunicación didáctica
Tema 1: Las TIC en la Sociedad de la Información
Tema 2: Concepto, clasificación y características de las TIC aplicadas a la Educación
Tema 3: La comunicación didáctica con TIC
Tema 4: Principios para la selección, utilización, diseño-producción y evaluación de medios~TIC
Bloque I: Conceptualización de las TIC
Contenidos
TIC
aplicadas
a
la
Educación
Principios básicos para el diseño de medios~TIC
¡Erroresmás comunes! ¡Principiosbásicos!