Introducción

BIENVENIDOS !

Los docentes desarrollamos materiales educativos con el objetivo de que los alumnos aprendan. En el caso de la educación virtual, es necesario el uso de las TIC, además de sus competencias y habilidades: 

1. Saber qué decir. Debemos conocer la materia que vamos a impartir. También hay que establecer unos objetivos claros: Qué es lo que los alumnos comprenderán y serán capaces de hacer como resultado de la educación.
2. Conocer los lenguajes de comunicación de los medios que vamos a emplear. Cada uno de estos medios tiene características que hay que explotar, dependiendo de la situación. También hay que fijarse en la estructura de la información.
3. Conocer algunas técnicas específicas de carácter educativo. Dependiendo de los anteriores lenguajes, debemos aplicar estas técnicas.

Y generalmente son también interactivos, lo que tiene las siguientes ventajas:

 

Principios generales

Debemos tener en cuenta estos principios (Cabero y Gisbert):

1. Cuanto menos más. No saturar innecesariamente las paginas
2. Lo técnico supeditado a lo didáctico. No usar la multimedia si no es para fines educativos
3. Legibilidad contra irritabilidad. Todos los textos que aparezcan en las pantallas se deben leer sin dificultad
4. Evitar el aburrimiento. No caer en los extremos ni del abuso de la híper media, ni tampoco del texto plano
5. Interactividad. Debe haber mucha interacción con los materiales publicados en la plataforma
6. Flexibilidad en cuanto a herramientas y recursos, según las necesidades del alumno
7. Hipertextualidad. Una estructura reticular o jerarquizada permite que la navegación no siempre sea lineal sino
8. Participación del usuario. Favorece su responsabilidad en su propia educación.

Tipos de materiales educativos

Tenemos estos tipos:

1. De distribución de información. No es disciplinar sino se refiere a aspectos administrativos de la escuela y la carrera.
2. De Formación e instrucción. Se enfoca a los contenidos académicos y su aprendizaje. A su vez, pueden dividirse en:

 

2.1 No Controlados. No se manejan sesiones, inscripciones o seguimiento al alumno, solo se ofrecen contenidos, como por ejemplo los MOOC. Hay índices temáticos especializados para dar validez a dicho sitios.

 

2.2 Controlados. Se implementan mediante un LMS para poder efectuar todo el proceso de formación completo, y puede ser de e-learning (completamente virtual) o b-learning, mezcla entre modalidades presencial y virtual.

 

 

Diseño de la interfaz multimedia

Muchas veces se juzga una aplicación mas por la interface que por su funcionalidad, por eso hay que considerar estas cualidades:

1. Concisión. Presentar poco contenido inicial, pero muy significativo
2. Orden y limpieza. Numerar los elementos en forma de lista
3. Virtuosismo técnico. Utilizar elementos multimedia como objetos animados o efectos para hacer atractiva la página.
4. Diseño profesional. Cuidar aspectos estéticos y corporativos, encabezados y logotipos.
5. Diseño académico. Es importante un diseño ordenado de la información, incluyendo desde los objetivos hasta la evaluación.
6. Evitar el Caos y desorden. No perdamos la coherencia en la presentación de los elementos visuales ni en la estructura de la página.
7. Falta clara de un objetivo (cajón de sastre). No incluir elementos innecesarios, que no tienen razón de ser.

 

Para acomodar en la página cada elemento, hay que considerar la proporción Áurea o regla de los tercios, que significa que al quitar un cuadrado a un área como la pantalla, la parte restante conserva dicha proporción:

Entonces, si dividimos la pagina en 3 secciones verticales y 3 horizontales con dicha proporción, se forman los 4 puntos fuertes que atraen la atención visual.

Además consideremos algunos detalles:

• Los colores oscuros dan sensación de peso, sobre todo en la parte superior, mientras que en la inferior dan estabilidad
• Las imágenes horizontales  tienden al equilibrio, las verticales al contrario.
• Los objetos hacia el centro tienden al equilibrio, hacia afuera al contrario
• Las imágenes regulares tienden a ser más pesadas, así como los colores cálidos, en cambio los tonos fríos son más relajantes.

 

En general la interfase grafica debe tener estas características:

1. Sencillez. Debe contener únicamente aquellos elementos que sean significativos.
2. Coherencia interna. Uniformar los detalles de presentación de las páginas
3. Legibilidad de los elementos significativos. Depende del equilibrio y disposición de los objetos, colores y otras características tipográficas, y los contrastes entre ellos.
4. El tiempo de lectura depende de la cantidad y complejidad de los objetos. Debe ser suficiente pero no excesivo, para no perder el interés del lector.

 

Para que esta interfaz sea agradable es necesario:

Distribuir espacialmente los objetos que forman la pantalla en distintas zonas:

a) Zona de trabajo o lugar donde están los contenidos.

b) Zona de navegación y control, donde aparecen los botones e hipervínculos.

c) Zona de contextualización, que indica al usuario el contenido del capítulo y los apartados que ya ha visitado.

 

Incorporar Guías de navegación. Son mapas u otros indicadores visuales para orientar al usuario en su navegación

 

Elementos expresivos multimedia

Dependiendo del contenido, seleccionaremos los medios mas adecuados, que pueden ser:

 

1.      Texto escrito

Se puede distribuir máximo en 3 columnas

2.      Figuras e imágenes de síntesis. Pueden corresponder a una entidad real o a un concepto abstracto, y son:

• ilustraciones, son las mas parecidas a la realidad, se dice que su grado de iconicidad es mayor.
• Representaciones gráficas, representan magnitudes simbólicas como las financieras, científicas, etc.

  

  
  

3. Animaciones. Estas imágenes en movimiento transmiten la idea de continuidad, y también pueden tener diversos grados de iconicidad.
   
4. Fotografías. Tienen el máximo grado de iconicidad.
   
5. Dimensiones de la imagen. Son los parámetros que la caracterizan:

 

• Superficie o tamaño de la imagen dentro del texto.
• Tasa o grado de iconicidad, que se refiere al parecido de la imagen con la realidad a la que representa. Su correspondiente en el texto es la inteligibilidad.
• Tasa de complejidad. Es la cantidad de información que la imagen proporciona. No es conveniente incluir imágenes excesivamente complejas si no van suficientemente explicadas a través de la leyenda que la acompaña.
• Tasa de normalización, existen algunos símbolos icónicos admitidos universalmente para transmitir de forma instantánea ciertos mensajes, como las señales de tráfico o los iconos de la interfaz grafica. Se relaciona con la corrección ortográfica y sintáctica del texto.
• Capacidad reproductora. Su fuerza expresiva depende del contraste con el fondo, la nitidez del contorno, la simplicidad, los factores de simetría y el espesor del trazo.
• Carga connotativa, es la capacidad que tiene la imagen de transmitir mensajes latentes que son interpretados de distinta forma por cada uno de los lectores.
• Tasa de polisemia. Es el grado de ambigüedad que posee, intencional o no.
• Valor estético. Debe ser bella para atraer la atención. Se relaciona con el valor literario del texto.
• Pertinencia al texto o relación que puede tener con éste.

 

Relación texto-imagen. Se refiere a la manera de acomodar uno y otro, integrándolos con solapamientos o cabalgamientos, mediante estas técnicas: (Moles)

• Contrapunto. Textos e imágenes se desarrollan en paralelo, con pocos puntos de correspondencia.
• Complemento. El texto es un complemento de la imagen, no tiene sentido sin ella.
• Suplemento. Una parte importante del contenido se presenta en forma gráfica. Aunque el texto hace alusiones al gráfico, éste mantiene su autonomía.
• Texto escrito-visual, donde cada imagen va acompañada de una leyenda corta.
• Profusión. No presenta ninguna restricción de formato.

6.      Sistemas audiovisuales

El sonido

Da al lenguaje visual una nueva dimensión, que puede ser significado (Locuciones), realismo o emotividad (Música y efectos), sobre todo en asignaturas como idiomas o música, aunque debe usarse moderadamente.

 

El vídeo

Nos brinda una gran capacidad expresiva, transmitiendo grandes cantidades de información, desde algo completamente real hasta lo más abstracto o imaginario.

 

7.      Otros recursos Web

Gracias a la interactividad, el texto marca el ritmo y secuencia, y el usuario puede escoger la información, su nivel de detalle, y su orden.

También conforman la hipermedia los controles gráficos, identificados con iconos para universalizar su significado

Hipermedia. Consiste en navegar mediante hipervínculos que se agregan ya sea a ciertas imágenes o partes del texto, conocidas como "Hot spot"

Además del popular Botón, existen varios otros componentes interactivos como CheckBox, lista estirable, Barra de desplazamiento, Menú (y MenuItem), Radio Button, etc.

 

Concepción general de un escrito

Tres niveles de lectura

 

Este es un pie de grafico                                 

Empleo de técnicas de autoedición

Se refiere a como identificamos visualmente los niveles anteriores:

• Los titulares captan la atención y resumen el contenido.
• Los títulos intermedios permiten conocer la secuencia del contenido y navegarlo selectivamente.
• El texto resaltado al igual que los títulos intermedios y demás elementos visuales, guían la lectura y además dan variedad a la pantalla
• Los Resúmenes, ya sea al inicio o al final, resaltan el objetivo y favorecen la asimilación.
• Otros elementos visuales enfatizan la estructura del contenido o lo resumen y complementan: Filete, recuadro, tabla, pie de grafico, fondo.

 

Ayudas a la lectura selectiva

Nos permiten centrar la atención del usuario, orientando la lectura para que encuentre rápidamente lo que busca, y son precisamente los elementos hipertexto ya mencionados previamente.

Características de los recursos expresivos

1. El lector debe poder captar y entender el contenido a primera vista.
2. Determinar cual es su función:

• representar una idea
• organizar las ideas expuestas
  
• observaciones
• control de navegación

3. Valorar los elementos expresivos del sonido en su justa medida:
   Lectura, diálogos, narración, motivación, error, refuerzo, música, efectos de sonido, son muy valiosos cuando están justificados pero en caso contrario pueden distraer la atención.

 

Para lograr facilidad de lectura debemos considerar estos factores:

• Tipo y tamaño de letra. Son más legibles las fuentes de 12 puntos o más, y las que tienen remate (adornos en los extremos)
• Tipografías y viñetas. Las viñetas con letras y números marcan un orden de prioridad, y las que son caracteres o imágenes pueden añadir significado.
• Distribución espacial. No es aconsejable escribir a lo ancho de toda la pantalla sino en 2 o 3 columnas. Pero si usamos solo 1, que no sea muy ancha.
• Color de los textos y relación con el fondo. Evitar fondos muy cargados, como las tramas, para que haya un buen contraste, y además si no se usa ningún fondo, el archivo será mas ligero.
  Un fondo claro brinda mayor contraste pero a la larga es cansado para la vista.
• Textos en minúsculas (case). Excepto los titulares que pueden ir en Mayúsculas. Preferir las redondillas y minimizar las cursivas o italizadas.
• Distintas tipografías para enriquecer el texto visualmente, de preferencia solo 3, para asociarlas a los 3 niveles de lectura.
• Resaltar palabras mediante negrita, cursiva o distinto color para dar énfasis a las ideas principales y facilitar la asimilación.
• Longitud de párrafos. Si son demasiado largos provocan pereza, lo recomendable son entre 8 y 15 líneas, tratando de alternar unos largos y otros cortos, los que llaman mas la atención.
• Espacio interlineal. Debe ser máximo de 1.2 para distinguir perfectamente la separación  entre párrafos.
• Alineación. El texto justificado tiene buena presentación pero es mas cansado, por eso es mejor alinearlo a la izquierda, excepto para titulares, que van centrados.
• Longitud de la página. Para no sobrecargarla, cada punto debería ser de 4 o 5 pantallas, incluyendo los apoyos gráficos, que preferentemente lleven sus correspondientes títulos o pies.

 

 

Fases en la elaboración de materiales educativos

I. Recabar información. El autor se documenta y busca los materiales gráficos y los textos en que se apoya, además de sus conocimientos.

Según los acuerdos de Bolonia, la estructura didáctica de los sitios y plataformas educativas no debe partir de los contenidos sino de los objetivos de aprendizaje, es decir, las competencias que los alumnos deben obtener. Hay que definir:

a)      Objetivos de aprendizaje (incluyendo el titulo de la Unidad)

b)      Recursos para mostrar el contenido

c)      Actividades de aprendizaje

d)     Tiempo estimado

 

Las estrategias que podemos usar son:

1. Presentación de contenidos:
   - Estructura abierta. Se presentan en orden razonable pero el alumno puede decidir la manera de navegarlos, también llamado Hipermedia no estructurado o constructivista.
   - Estructura cerrada o dirigida. Se sugiere el orden de lectura, también llamado Hipermedia estructurado o conductista, por ejemplo un tutorial.
   
2. Ejercitación: Material muy abierto para que el alumno desarrolle algún tipo de habilidad.
3. Simulación. El alumno interactúa con una aplicación que imita la funcionalidad de un sistema de la vida real al que no puede o no debe tener acceso.

 

II. Desarrollo de materiales y actividades. Organizar el material en bruto según los objetivos de aprendizaje, y elaborar los recursos multimedia necesarios.

Además de las competencias buscadas, hay que tener información de los alumnos:

• cuantos son
• cuantos repiten
• nivel de conocimientos
• especialidad, etc.

 

Hay que evaluar si existen recursos similares disponibles para utilizarse, como alternativa al desarrollo de los propios. Los autores recomiendan la segunda opción, aunque hay que mencionar que la tendencia mundial para contenidos universitarios es la primera. En ambos casos se necesita dedicar un tiempo considerable.

 

Estructura recomendada

 

1. Página o video de bienvenida: Guía didáctica, temario, bibliografía general, herramientas de comunicación, y utilidades como foro general, calendario, calculadora, etc.
2. Guía didáctica. Programación completa de la materia:
   Objetivos
   Contenidos
   Metodología
   Profesores
   Calendario de actividades
   Evaluación
3. Desarrollo de cada uno de los temas. Syllabus que incluye:
   Titulo de cada sesión
   Introducción
   Desarrollo del contenido
   Actividades a realizar
   Información complementaria
4. Glosario
5. Ideas significativas y resumen
6. Evaluación y auto-evaluación

 

El estilo narrativo:

• Tratamiento de los párrafos (longitud)

• Construcción de las frases. Ser concisos y directos
• Estructura variada. Para mantener la atención, podemos variar:
  Longitud de las frases, sin sobrepasar una relación de 1 a 6
  Hipérbaton, alternar el orden lógico de las palabras
  Modo de las frases: Interrogación, exclamación, etc.
  Repetición voluntaria, para facilitar la asimilación.
• Guiar al lector destacando los puntos sobresalientes (hojear)
• Facilitar la memorización, mediante los niveles de lectura
• Utilizar listas para fragmentar frases que sean muy largas o complejas, uniformando que inicien de manera semejante.
• Distancias entre párrafos e interlineados. Las primeras mayores que los segundos.

 

Recomendaciones en los diseños

• Utilizar los efectos especiales con moderación
• Tender hacia la simplicidad con interfaces poco recargados, donde aparezcan solo las herramientas que pueda necesitarse
• Emplear colores de fondo que no distraigan y no dificulten la lectura y la percepción del resto de los objetos, con armonía, coherencia, y evitando el cansancio visual
• Usar colores para facilitar la lectura y mejorar la observación
• Incorporar marcos para facilitar la navegación
• Usar tipografías legibles, de uso común y mayores a 11 puntos
• Emplear gráficos y figuras con moderación, si enriquecen las páginas, haciéndolas más claras y expresivas
• Distribuir la información escrita en forma de columna no muy ancha, si es una sola o recurrir al formato de dos columnas
• Realizar una distribución sobre la página de los elementos que atraiga al usuario, y no fatigue visualmente.

 

III. Producción.

      Dar forma al contenido.

IV. Evaluación del producto.

      Antes de liberarlo, probar que cumple sus objetivos, y que todos los recursos funcionan bien.