SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
BLOQUE II: Utilización educativa de las TIC en los procesos de formación



    Tema 4: Principios para la selección, utilización, diseño-producción y evaluación de las TIC




              Principios básicos para el diseño de medios~TIC aplicados a la Educación


                  Facilitar la percepción de la información
                  Mejorar el proceso de comunicación didáctica


    ¡Errores más comunes!                              ¡Principios básicos!




¡Errores más comunes!

 Exceso de información
¡Errores más comunes!

 Demasiados niveles de inclusión




¡Errores más comunes!

 Mala elección de colores
¡Errores más comunes!

 Errores de ortografía




¡Errores más comunes!

 Demasiados efectos de animación
¡Errores más comunes!

 Gráficos incomprensibles ~ saturación de datos




¡Errores más comunes!

 Consecuencias…
¡Principios básicos!
                                                                           Sencillez
                                                               Estático vs Dinámico
                                                 Elementos animados y audiovisuales
                                                              Longitud de los Textos
                                                                       Tipo de Letra
                                                                           Gráficos
                                                                              Color
                                                     Organización del espacio visual




                                                   ¡Principios básicos!
                                                                           Sencillez



Evitar el exceso de información:
     ~ Dificultad de lectura
     ~ Copia de apuntes
     ~ Distracción y dispersión de la atención
¡Principios básicos!
                                                                                    Sencillez



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




                                                                  ¡Principios básicos!
                                                                         Estático vs Dinámico



Contenidos vs efectos: evitar el «espectáculo de distracción multimedia»


Uso moderado y didáctico de los efectos-transiciones, animaciones y sonidos
¡Principios básicos!
                                                                  Elementos animados y audiovisuales




Sonidos, animaciones y secuencias de vídeo


Ayudan a ilustrar y/o reforzar las ideas principales




                                                              ¡Principios básicos!
                                                                     Longitud de los Textos



Hacer referencia a una única idea


Resaltar sólo los aspectos más importantes


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
¡Principios básicos!
                                                                                                        Tipo de Letra




Fuentes:   Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma

Combinar sólo varios tipos de fuentes: distracciones y fatiga visual


Diferenciar los títulos y contenidos: subapartados principales y secundarios


                                           «El Guadalquivir»
        (…) 3. Curso alto
              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 (…).




                                                                            ¡Principios básicos!
                                                                                                        Tipo de Letra




Fuentes:   Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma

Combinar sólo varios tipos de fuentes: distracciones y fatiga visual


Diferenciar los títulos y contenidos: subapartados principales y secundarios


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


Mantener los tipos de letras y tamaños seleccionados en todo el medio~TIC


Evitar los textos en MAYÚSCULAS o cursivas: dificultades de lectura y cansancio visual
¡Principios básicos!
                                                                                     Gráficos



Utilizar con precaución


Evitar el exceso de información: estadística y numérica




                                                             ¡Principios básicos!
                                                                                       Color



No debe limitarse a los fondos y elementos gráficos


Resaltar las palabras y textos claves


Evitar el subrayado: confusión con hipervínculos ~ palabras de enlace


Mantener la relación de contraste entre el fondo y los textos ~ elementos gráficos
¡Principios básicos!
                                                                                         Color




                                                             ¡Principios básicos!
                                                                      Organización del espacio visual



Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)




                                       Espacio de respiro




                                         Área de trabajo




                                       Espacio de respiro
¡Principios básicos!
                                                                              Organización del espacio visual



Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…)



                      Título                 Espacio de respiro
                                                         Apartado - subapartados




                         Vídeo
                                               Área de trabajo Texto




                                             Espacio de respiro




                                                                   ¡Principios básicos!
                                                                              Organización del espacio visual



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



                                          El Guadalquivir

                1. Geografía                                  4. Curso Medio
                                                                  4.1. Vegetación, clima y geología
                2. Origen geológico                               4.2. Historia


                3. Curso Alto                                 5. Curso Bajo
                     3.1. Vegetación, clima y geología            5.1. Vegetación, clima y geología
                     3.2. Nacimiento                              5.2. Importancia de Sevilla
Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc.




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: puntos de atención y líneas de fuerza
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza




Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza




Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
Elementos para la organización perceptiva: puntos de atención y líneas de fuerza




Elementos para la organización perceptiva: puntos de atención y líneas de fuerza

Más contenido relacionado

Destacado

Métodos y técnicas de investigación
Métodos y técnicas de investigaciónMétodos y técnicas de investigación
Métodos y técnicas de investigaciónliliangranizo
 
Ute problemas dentro de la sociedad de apego y ansiedad
Ute problemas dentro de la sociedad de apego y ansiedadUte problemas dentro de la sociedad de apego y ansiedad
Ute problemas dentro de la sociedad de apego y ansiedadMARYJARAMILLO
 
Actividad 2, módulo 3. Tics para aprender y enseñar.
Actividad 2, módulo 3. Tics para aprender y enseñar.Actividad 2, módulo 3. Tics para aprender y enseñar.
Actividad 2, módulo 3. Tics para aprender y enseñar.Eva Mª Hidalgo Martínez
 
Tipos de versiones de linux
Tipos de versiones de linuxTipos de versiones de linux
Tipos de versiones de linuxBryamnt
 
La materia mary
La materia maryLa materia mary
La materia marymariajeank
 
Etude TNS/Sofres : Vie privée des Français
Etude TNS/Sofres : Vie privée des FrançaisEtude TNS/Sofres : Vie privée des Français
Etude TNS/Sofres : Vie privée des FrançaisAlexandre Villeneuve
 
Mantenimiento de una computadora
Mantenimiento de una computadoraMantenimiento de una computadora
Mantenimiento de una computadoraDainerCruz
 
Aprendizaje colaborativo andrea santander
Aprendizaje colaborativo andrea santanderAprendizaje colaborativo andrea santander
Aprendizaje colaborativo andrea santanderandrea_95
 
Prac3 ximena josefinahernándezramírez.
Prac3 ximena josefinahernándezramírez.Prac3 ximena josefinahernándezramírez.
Prac3 ximena josefinahernándezramírez.Gustavi70
 
Power de paola pennacchio
Power de paola pennacchioPower de paola pennacchio
Power de paola pennacchiopaolapennacchio
 

Destacado (20)

SETMANA SANTA VILA-REAL2013
SETMANA SANTA  VILA-REAL2013SETMANA SANTA  VILA-REAL2013
SETMANA SANTA VILA-REAL2013
 
Algoritmo
AlgoritmoAlgoritmo
Algoritmo
 
Métodos y técnicas de investigación
Métodos y técnicas de investigaciónMétodos y técnicas de investigación
Métodos y técnicas de investigación
 
Redes sociales sonico
Redes sociales sonicoRedes sociales sonico
Redes sociales sonico
 
Ute problemas dentro de la sociedad de apego y ansiedad
Ute problemas dentro de la sociedad de apego y ansiedadUte problemas dentro de la sociedad de apego y ansiedad
Ute problemas dentro de la sociedad de apego y ansiedad
 
Actividad 2, módulo 3. Tics para aprender y enseñar.
Actividad 2, módulo 3. Tics para aprender y enseñar.Actividad 2, módulo 3. Tics para aprender y enseñar.
Actividad 2, módulo 3. Tics para aprender y enseñar.
 
Tipos de versiones de linux
Tipos de versiones de linuxTipos de versiones de linux
Tipos de versiones de linux
 
La materia mary
La materia maryLa materia mary
La materia mary
 
Fascículo 2
Fascículo 2Fascículo 2
Fascículo 2
 
Etude TNS/Sofres : Vie privée des Français
Etude TNS/Sofres : Vie privée des FrançaisEtude TNS/Sofres : Vie privée des Français
Etude TNS/Sofres : Vie privée des Français
 
Presentación1
Presentación1Presentación1
Presentación1
 
Mantenimiento de una computadora
Mantenimiento de una computadoraMantenimiento de una computadora
Mantenimiento de una computadora
 
Las nuevas tics
Las nuevas ticsLas nuevas tics
Las nuevas tics
 
Bilal Amraoui
Bilal AmraouiBilal Amraoui
Bilal Amraoui
 
Tarea modulo 4-cpalma
Tarea modulo  4-cpalmaTarea modulo  4-cpalma
Tarea modulo 4-cpalma
 
Carteras de cuero
Carteras de cueroCarteras de cuero
Carteras de cuero
 
Aprendizaje colaborativo andrea santander
Aprendizaje colaborativo andrea santanderAprendizaje colaborativo andrea santander
Aprendizaje colaborativo andrea santander
 
Central
CentralCentral
Central
 
Prac3 ximena josefinahernándezramírez.
Prac3 ximena josefinahernándezramírez.Prac3 ximena josefinahernándezramírez.
Prac3 ximena josefinahernándezramírez.
 
Power de paola pennacchio
Power de paola pennacchioPower de paola pennacchio
Power de paola pennacchio
 

Similar a Tema 04

Principios básicos para el diseño de medios-TIC
Principios básicos para el diseño de medios-TICPrincipios básicos para el diseño de medios-TIC
Principios básicos para el diseño de medios-TICeducatio3000
 
Reglas básicas para preparar presentaciones de alto impacto
Reglas básicas para preparar presentaciones de alto impactoReglas básicas para preparar presentaciones de alto impacto
Reglas básicas para preparar presentaciones de alto impactopatrimoni
 
Reglas bsicas-para-preparar-presentaciones-de-impacto-
Reglas bsicas-para-preparar-presentaciones-de-impacto-Reglas bsicas-para-preparar-presentaciones-de-impacto-
Reglas bsicas-para-preparar-presentaciones-de-impacto-patrimoni
 
Consideraciones para presentaciones
Consideraciones para presentacionesConsideraciones para presentaciones
Consideraciones para presentacionesJony Ventura
 
Como hacer presentaciones
Como hacer presentacionesComo hacer presentaciones
Como hacer presentacionesNoemiCortes
 
Como diseñar una buena presentación educativa
Como diseñar una buena presentación educativaComo diseñar una buena presentación educativa
Como diseñar una buena presentación educativaCUFIE
 
Presentación de resultados
Presentación de resultadosPresentación de resultados
Presentación de resultadosDocere Motio
 
Reglas básicas 2 para hacer una presentación de power
Reglas básicas 2 para hacer una presentación de powerReglas básicas 2 para hacer una presentación de power
Reglas básicas 2 para hacer una presentación de powercomputacionadri
 
Power point cómo elaborar presentaciones
Power point cómo elaborar presentacionesPower point cómo elaborar presentaciones
Power point cómo elaborar presentacionesericka8800
 
Orientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivasOrientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivas30281731lucha
 
Orientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivasOrientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivas30281731lucha
 
Diseño de diapositivas 2
Diseño de diapositivas 2Diseño de diapositivas 2
Diseño de diapositivas 2olgaroldan
 
Claves para presentaciones (1)
Claves para presentaciones (1)Claves para presentaciones (1)
Claves para presentaciones (1)Sam Gomez
 

Similar a Tema 04 (20)

Documentos PDF
Documentos PDFDocumentos PDF
Documentos PDF
 
Principios básicos para el diseño de medios-TIC
Principios básicos para el diseño de medios-TICPrincipios básicos para el diseño de medios-TIC
Principios básicos para el diseño de medios-TIC
 
Reglas básicas para preparar presentaciones de alto impacto
Reglas básicas para preparar presentaciones de alto impactoReglas básicas para preparar presentaciones de alto impacto
Reglas básicas para preparar presentaciones de alto impacto
 
Reglas bsicas-para-preparar-presentaciones-de-impacto-
Reglas bsicas-para-preparar-presentaciones-de-impacto-Reglas bsicas-para-preparar-presentaciones-de-impacto-
Reglas bsicas-para-preparar-presentaciones-de-impacto-
 
Consideraciones para presentaciones
Consideraciones para presentacionesConsideraciones para presentaciones
Consideraciones para presentaciones
 
Como hacer presentaciones
Como hacer presentacionesComo hacer presentaciones
Como hacer presentaciones
 
Como hacer una presentacion
Como hacer una presentacionComo hacer una presentacion
Como hacer una presentacion
 
ComoprepararPPT
ComoprepararPPTComoprepararPPT
ComoprepararPPT
 
Como diseñar una buena presentación educativa
Como diseñar una buena presentación educativaComo diseñar una buena presentación educativa
Como diseñar una buena presentación educativa
 
Presentación de resultados
Presentación de resultadosPresentación de resultados
Presentación de resultados
 
Tema 5. presentaciones visuales
Tema 5. presentaciones visualesTema 5. presentaciones visuales
Tema 5. presentaciones visuales
 
Reglas básicas 2 para hacer una presentación de power
Reglas básicas 2 para hacer una presentación de powerReglas básicas 2 para hacer una presentación de power
Reglas básicas 2 para hacer una presentación de power
 
Cómo hacer una presentación
Cómo hacer una presentaciónCómo hacer una presentación
Cómo hacer una presentación
 
Presentaciones
PresentacionesPresentaciones
Presentaciones
 
Power point cómo elaborar presentaciones
Power point cómo elaborar presentacionesPower point cómo elaborar presentaciones
Power point cómo elaborar presentaciones
 
Rs tips socializarpresentaciones-ap
Rs tips socializarpresentaciones-apRs tips socializarpresentaciones-ap
Rs tips socializarpresentaciones-ap
 
Orientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivasOrientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivas
 
Orientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivasOrientaciones para diseño de diapositivas
Orientaciones para diseño de diapositivas
 
Diseño de diapositivas 2
Diseño de diapositivas 2Diseño de diapositivas 2
Diseño de diapositivas 2
 
Claves para presentaciones (1)
Claves para presentaciones (1)Claves para presentaciones (1)
Claves para presentaciones (1)
 

Más de 7lunes5

Trabajo tic
Trabajo ticTrabajo tic
Trabajo tic7lunes5
 
Posibilidades y limitaciones tic
Posibilidades y limitaciones ticPosibilidades y limitaciones tic
Posibilidades y limitaciones tic7lunes5
 
Text2mindmap
Text2mindmapText2mindmap
Text2mindmap7lunes5
 
Text2mindmap
Text2mindmapText2mindmap
Text2mindmap7lunes5
 
Mitos de las tic
Mitos de las ticMitos de las tic
Mitos de las tic7lunes5
 
Caracteristicas de las tic
Caracteristicas de las ticCaracteristicas de las tic
Caracteristicas de las tic7lunes5
 

Más de 7lunes5 (8)

Trabajo tic
Trabajo ticTrabajo tic
Trabajo tic
 
Esquema
EsquemaEsquema
Esquema
 
Posibilidades y limitaciones tic
Posibilidades y limitaciones ticPosibilidades y limitaciones tic
Posibilidades y limitaciones tic
 
Text2mindmap
Text2mindmapText2mindmap
Text2mindmap
 
Tabla
TablaTabla
Tabla
 
Text2mindmap
Text2mindmapText2mindmap
Text2mindmap
 
Mitos de las tic
Mitos de las ticMitos de las tic
Mitos de las tic
 
Caracteristicas de las tic
Caracteristicas de las ticCaracteristicas de las tic
Caracteristicas de las tic
 

Tema 04

  • 1. BLOQUE II: Utilización educativa de las TIC en los procesos de formación Tema 4: Principios para la selección, utilización, diseño-producción y evaluación de las TIC Principios básicos para el diseño de medios~TIC aplicados a la Educación Facilitar la percepción de la información Mejorar el proceso de comunicación didáctica ¡Errores más comunes! ¡Principios básicos! ¡Errores más comunes! Exceso de información
  • 2. ¡Errores más comunes! Demasiados niveles de inclusión ¡Errores más comunes! Mala elección de colores
  • 3. ¡Errores más comunes! Errores de ortografía ¡Errores más comunes! Demasiados efectos de animación
  • 4. ¡Errores más comunes! Gráficos incomprensibles ~ saturación de datos ¡Errores más comunes! Consecuencias…
  • 5. ¡Principios básicos! Sencillez Estático vs Dinámico Elementos animados y audiovisuales Longitud de los Textos Tipo de Letra Gráficos Color Organización del espacio visual ¡Principios básicos! Sencillez Evitar el exceso de información: ~ Dificultad de lectura ~ Copia de apuntes ~ Distracción y dispersión de la atención
  • 6. ¡Principios básicos! Sencillez 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 ¡Principios básicos! Estático vs Dinámico Contenidos vs efectos: evitar el «espectáculo de distracción multimedia» Uso moderado y didáctico de los efectos-transiciones, animaciones y sonidos
  • 7. ¡Principios básicos! Elementos animados y audiovisuales Sonidos, animaciones y secuencias de vídeo Ayudan a ilustrar y/o reforzar las ideas principales ¡Principios básicos! Longitud de los Textos Hacer referencia a una única idea Resaltar sólo los aspectos más importantes 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
  • 8. ¡Principios básicos! Tipo de Letra Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma Combinar sólo varios tipos de fuentes: distracciones y fatiga visual Diferenciar los títulos y contenidos: subapartados principales y secundarios «El Guadalquivir» (…) 3. Curso alto 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 (…). ¡Principios básicos! Tipo de Letra Fuentes: Arial ~ Helvética ~ Palatino ~ Times New Roman ~ Verdana ~ Tahoma Combinar sólo varios tipos de fuentes: distracciones y fatiga visual Diferenciar los títulos y contenidos: subapartados principales y secundarios 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 Mantener los tipos de letras y tamaños seleccionados en todo el medio~TIC Evitar los textos en MAYÚSCULAS o cursivas: dificultades de lectura y cansancio visual
  • 9. ¡Principios básicos! Gráficos Utilizar con precaución Evitar el exceso de información: estadística y numérica ¡Principios básicos! Color No debe limitarse a los fondos y elementos gráficos Resaltar las palabras y textos claves Evitar el subrayado: confusión con hipervínculos ~ palabras de enlace Mantener la relación de contraste entre el fondo y los textos ~ elementos gráficos
  • 10. ¡Principios básicos! Color ¡Principios básicos! Organización del espacio visual Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…) Espacio de respiro Área de trabajo Espacio de respiro
  • 11. ¡Principios básicos! Organización del espacio visual Respetar el área de trabajo y los espacios de respiro (títulos, guías de navegación, botones…) Título Espacio de respiro Apartado - subapartados Vídeo Área de trabajo Texto Espacio de respiro ¡Principios básicos! Organización del espacio visual 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 El Guadalquivir 1. Geografía 4. Curso Medio 4.1. Vegetación, clima y geología 2. Origen geológico 4.2. Historia 3. Curso Alto 5. Curso Bajo 3.1. Vegetación, clima y geología 5.1. Vegetación, clima y geología 3.2. Nacimiento 5.2. Importancia de Sevilla
  • 12. Principio de consistencia: regularidad en el diseño, fuentes, tamaños, colores, localización, etc. 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: puntos de atención y líneas de fuerza
  • 13. Elementos para la organización perceptiva: puntos de atención y líneas de fuerza Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
  • 14. Elementos para la organización perceptiva: puntos de atención y líneas de fuerza Elementos para la organización perceptiva: puntos de atención y líneas de fuerza
  • 15. Elementos para la organización perceptiva: puntos de atención y líneas de fuerza Elementos para la organización perceptiva: puntos de atención y líneas de fuerza