principios básicos para el diseño de medios~tic

37
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 ¡Errores más comunes! ¡Principios básicos!

Upload: educatio3000

Post on 09-Aug-2015

1.162 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Principios básicos para el diseño de medios~TIC

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

ap

licad

as a

la E

du

cació

n

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

¡Errores más comunes! ¡Principiosbásicos!

Page 2: Principios básicos para el diseño de medios~TIC

¡Errores más comunes!

Exceso de información

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 3: Principios básicos para el diseño de medios~TIC

Demasiados niveles de inclusión

¡Errores más comunes!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 4: Principios básicos para el diseño de medios~TIC

Mala elección de colores

¡Errores más comunes!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 5: Principios básicos para el diseño de medios~TIC

Errores de ortografía

¡Errores más comunes!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 6: Principios básicos para el diseño de medios~TIC

Demasiados efectos de animación

¡Errores más comunes!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 7: Principios básicos para el diseño de medios~TIC

Gráficos incomprensibles ~ saturación de datos

¡Errores más comunes!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 8: Principios básicos para el diseño de medios~TIC

Consecuencias…

¡Errores más comunes!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 9: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 10: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 11: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 12: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 13: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 14: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 15: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 16: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

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

Page 17: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

El Guadalquivir vs EL GUADALQUIVIR ~ EL GUADALQUIVIR ~ El Guadalquivir

Page 18: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 19: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Contraste Contraste

Page 20: Principios básicos para el diseño de medios~TIC

Color

¡Principiosbásicos!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 21: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 22: Principios básicos para el diseño de medios~TIC

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ídeoTexto

TítuloApartado - subapartados

¡Principiosbásicos!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 23: Principios básicos para el diseño de medios~TIC

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ídeoTexto

TítuloApartado - subapartados

¡Principiosbásicos!

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 24: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

1. Geografía

2. Origen geológico

3. Curso Alto

3.1. Vegetación, clima y geología

3.2. Nacimiento

4. Curso Medio4.1. Vegetación, clima y geología

4.2. Historia

5. Curso Bajo5.1. Vegetación, clima y geología

5.2. Importancia de Sevilla

El Guadalquivir

Page 25: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

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

Page 26: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

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

Page 27: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 28: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 29: Principios básicos para el diseño de medios~TIC

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~TICT

IC a

plicad

as a

la E

du

cació

n

Page 30: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 31: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 32: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 33: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 34: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 35: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 36: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n

Page 37: Principios básicos para el diseño de medios~TIC

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

Principios básicos para el diseño de medios~TICT

IC a

plicad

as a

la E

du

cació

n