Guia de diseño de materiales didacticos.

1. GU~APARA EL DISENO
DE MATERIALES DIDÁCTICOS
Julio Cabero Almenara
Merce Gisbert Cervera

2. Diseño y desarrollo
6 de materiales
de formación
/
multimedia
El diseño de materiales para la red debe superar la simple exposición de
texto plano. Por el contrario debemos utilizar una estructura específica que faci-
lite tanto el seguimiento d e la información por el estudiante como su compren-
sión. Se trata, por tanto, de buscar una estructura específica que guíe y motive
al estudiante en la interacción y profundización con la información.
Para la consecución de esta estructura, tendremos que movilizar tanto ele-
mentos sintácticos como semánticos.
6.1. Algunas ideas iniciales
Antes de presentar las pautas generales que debemos seguir para el dise-
ño y desarrollo d e materiales multimedia que van a ser soportados en la re$
vamos a ofrecer algunos principios generales, a modo de introducción, que
debemos tener en cuenta. Podemos sintetizarlos como sigue:
- Cuanto menos más.
- Lo tkcnico supeditado a lo didáctico.
- Legibilidad contra irritabilidad.
- Evitar el aburrimiento.
- Interactividad.
- Hipertextualidad.
- Flexibilidad.
Cuanto menos más
Con este principio lo que queremos indicar es que el material debe conte-
ner los elementos necesarios para el desarrollo d e la acción educativa sin que
ello suponga la incorporación d e elementos innecesarios que, por demplo, por
hacerla visualmente más atractiva haga excesivamente lenta la descarga d e su
información desde la red o que nos lleve a centrarnos en los elementos acce-
sorios olvidando lo trascendental de la acción formativa. Este principio debe
también entenderse desde el punto d e vista conceptual, en el sentido d e ubicar
en el entorno formativo-informativo los núcleos semánticos más significativos. Y

3. 44 La formaci6n en Internet. Guía para el diseño de materiales diddcticos Diseiio y desarrollo de materiales de fomiaawi rnultirnedia 46
dejando para las zonas d e profi~ndización extensión las informaciones adicio-
y L o s últimos comentarios realizados no debemos confundirlos con el hecho
nales. Ello se t i d ~ cI I < - V ~ I L C E S ~ ISI O
~ tenenlos en cuenta que el trabajo delante d e que el material resulte aburrido para el receptor, e incluya exclusivamente
d e un monitor supone un cansancio y una fatiga visual considerable. ficheros d e texto plano para que los estudiantes los lean. En contrapartida, el
Además podemos percibirlo desde el hecho d e que más información no material debe ser atractivo para el receptor d e manera que resulte un elemen-
significa más aprendizaje ni comprensión d e los contenidos por parte d e los to significativo para superar el cansancio que conlleva el trabajo delante del
estudiantes. el aprendizaje vendrá a partir d e la actividad cognitiva que realice el ordenador y la latiga que produce el aislamiento instructivo. De todas formas,
estudiante con la información. la estructura didáctica en la cual lo insertemos y las y w m o ya hemos señalado, tan perjudicial puede ser la utilización excesiva d e
demandas cognitivas que se le reclamen que haga con el material. texto plano, como la amplia navegación por la página. En definitiva, debemos
tender hacia el equilibrio entre la saturación y la realización d e materiales mul-
timedia que inwrporen texto, gráficos, animaciones, fragmentos d e video, etc.
Y esta es, precisamente, la dificultad que entraña la realización d e sitios forma-
tivos significativos e n este tipo d e formatos.
Evitar el aburrimiento
El aburrimiento se puede evitar w n unos contenidos d e calidad y un diseno
instruccional imaginativo y dinámico. Esto se pude conseguir percibiendo el en-
torno d e teleformación d e manera global e incorporando diferentes elementos
que ayuden al usuario en el desplazamiento por el mismo, así como respetando
siempre dos principios a la hora d e su diseño: simplicidad, es decir, ubicar ex-
clusivamente la información pertinaz y significativa y que la información que se
presente sea coherente.
Leglbiiidad contra lrrltabilidad
La legibilidad del material web, es decir, la facilidad con que se capta y per-
cibe la información por el usuario, es uno d e los elementos más significativos
Flg. 9. hesentacl6n de contenldos basada en escenar/m.' que contemplamos en el diseño d e contenidos formativos para la red. Desde
Asignatura "Orientación profesional en la búsqueda de trabdo' nuestro punto d e vista, la legibilidad va a venir determinada por una suma d e
factores a los cuales nos referiremos posteriormente y que van desde:
Este ejemplo d e contenidos formativos nos da una idea clara d e lo que sig-
nifica cuanto menos más. La cantidad d e información que aparece en pantalla - el tamaño d e la letra,
es mínima pero la forma de presentarla es motivadom para el alumno y la infor- - la distribución d e los diferentes elementos en la pantalla.
mación que aparece es suficiente para incitar a éste a reflexionar, a indagar o a - los colores utilizados,
tomar decisiones según los casos. - el tamaño d e la página, etc.
Lo técnico supeditado a lo didáctico Indirectamente, este principio nos va a llevar a desarrollar una estructura d e
diseño d e los materiales centrada en el estudiante, el cual vendrá caracterizado,
Relacionado con el principio anterior nos encontramos w n la necesidad d e entre otros principios, por los tres siguientes:
que lo técnico esté supeditado a lo didáctico, d e manera que no se introduzcan
excesivos virtuosismos que lleven al estudiante a distraerse d e la información - que el estudiante pueda deducir con toda facilidad qué debe
clave y significativa y a perderse en los detalles insignificantes; por otra parte, y hacer a continuación,
- que pueda deducir qué está pasando en el entorno en función
como ya hemos apuntado, la incorporación d e demasiados elementos repercute
en una presentación más lenta d e la información con la consabida demora, pro- d e las decisiones que vaya adoptando, y
- que comprenda con toda facilidad qué se le solicita y qué debe
vocando un aumento del aburrimiento y el desinterés por parte del receptor.
realizar.
Interactlvidad
' Es una de las pantallas disenada para la asignatura 'Orientació professionalen la recerca de
feina" impartida por la Dra. Sofia Isús de la Universidad de Ueida dentro del proyecto Intercam- La interactividad es una d e las características fundamentales que debe
pus. http:/hwvw.catcampus.org [22/09/04] cumplir todo entorno d e comunicación destinado a la teleformación, y ésta

4. 46 La formacidn en Internet. Guia para el diseño de materiales didhcticos Diseño y desanollo de materiales de formaaón muRimediia 47
debe entenderse d e forma q u e propicie la interacción tanto con los contenidos 6.2. Planificación y desarrollo de los materiales
y materiales d e formación, d e manera horizontal y vertical, como con todos los para una acción formativa
participantes e n el mismo, sean éstos profesores, alumnos o administradores /'
del sistema. Siguiendo a Jolliffe y otros (2001) podemos indicar que el diseño d e cual-
quier espacio en la red tiene cuatro grandes lases: recogida d e información,
El principio d e la interactividad nos debe sugerir que cualquier entorno tele- desarrollo d e materiales, producción de materiales y evaluación d e las mate-
formativo debe superar el simple hecho d e incorporar materiales, por muy bien riales. Fases que a s u vez, -sesubdividen cada una en-diferentes apartadas, que
realizados que los mismos esttn, sino que deben también ofrecer la posibilidad sintetizamos en los cuatro gráficos que presentamos a continuación.
d e que el estudiante realice diferentes simulaciones y eJerciclos que faciliten la
comprensión y el dominio d e la información. La primera etapa, la d e la recogida d e información, implica realizar diferen-
tes actividades que van desde la preparación d e la información, hasta la defini-
La interactividad que se puede producir en el entorno d e teleformación pue- ción d e los objetivos del a p r e n d i i e i La segunda etapa, implica el desarrollo de
d e ser d e diferentes tipos: interactividad con los materiales y con el entorno d e los materiales v l realización d e tres actividades fundamentales: determinar las
a
formación, interacción del estudiante con el tutor, e interacción del estudiante estrategias inskccionales que se van a utilizar, el diseño que se empleará y los
con otros estudiantes. Y todas ellas habremos d e tenerlas presentes en el dlse- estándares que se le exigirán a los materiales producidos. La tercera etapa, será
ño d e nuestro material. la d e la producción d e los materiales y ello nos llevará desde la revisión de ma-
teriales ya producidos sobre nuestra temática. hasta su esquema y diiseño, y la
producción y coordinación específica d e los diversos materiales producidos. La
última etapa es la d e la evaluación del material producido, que implica la real'¡-
ción d e diferentes estrategias (fig. n.O 10). Siguiendo a Jolliffe y otros (2001).
A la hora d e construir nuestro material, debemos considerar realizar do-
cumentos que propicien el desplazamiento del lector por el mismo y la cons- Otros autores como Bartolomé (2000) diferencian siete fases para la pro-
trucción, significativa, d e un nuevo texto por el usuario. Esta hipertextualidad ducción d e un material multimedia:
no deberá limitarse al texto y deberá propiciar la conexión e interacción d e los 1. Establecer las ideas básicas, los objetivos y las intenciones.
diferentes elementos que utilicemos: texto, sonidos, imágenes, animaciones, 2. Descubrir los contenidos: índice y esquema.
vídeos... a ) Definición d e la interfaz.
b) Diseño de la interactividad.
3. Evaluación.
Flexibilidad a ) Evaluación por expertos d e los contenidos.
b) Evaluación por expertos de la comunicación.
Claramente relacionado con la interactividad y la hipertextualidad está el 4) Primeras ideas sobre la producción.
principio d e la flexibilidad, que se refiere a la posibilidad d e ofrecer un entorno a) Soporte.
que sea fiexible para el acceso a los contenidos, para la elección d e la modali-
dad d e aprendiqje, medios y sistemas simbólicos con los cuales el alumno de- b) Elementos (vídeos, audio, grafismo, animación y lenguaje de autor).
sea aprender. En líneas generales, podemos decir que esta flexibilidad se puede 5. Elaboración del guión técnico.
poner d e manifiesto d e diferentes modos: 6. Evaluación del guión técnico
a ) Textossonoros.
- Posibilidad d e que el estudiante pueda organizar el desarrollo d e b) Textos escritos.
la actividad formativa Según sus propias necesidades. C) Vídeos.
- Posibilidad d e elegir los canales d e comunicación, tanto los sin- d) Depuración del diseño interactivo.
crónicos como asincrónicos. 7 . Planificación d e la producción.
- Enlaces a otros elementos d e contenidos. a) Planificación i d e o (hoja d e producción).
- Elección d e los recursos formativos con los q u e desea interac- b) flanificación audio (textos a grabar).
cionar. C) Traducción.
d) flanificación del grafismo y desarrollo del control d e flujos.
Realizados estos comentarios tenemos que considerar que los materiales Pérez y Salinas (2004). diferencian dos grandes fases: diseño y producción. La
multimedia son aquellos materiales d e aprendizqje que representan una lógica primera implica. el análisis de la situación, la realización d e un plan y tempomli-
diferente en el momento d e concebirlos y elaborarlos, dado q u e incorporan y zac& del proceso. y el diseño del producto; y la segunda, con la guionización del
relacionan la imagen, el sonido, el vídeo, el texto y la mayor parte d e las herra- producto, su realización, el ensayo y la revisión d e los materiales, el desarrollo de
mientas telemáticas creando, así, el máximo d e conectividad y d e interactividad la documentación complementaria, y la aplicación y la evaluación. La primera fi-
posibles. naliza con la elaboración del guión, y la segunda, con el desarrollo del producto.

5. 46 La fonneci6n en Internet. Guíe pare el disefio de meterieles diddcticos Diseño y desarrollo de materiales de tomiaaón multimedia 49
1 E P A S O S PARA C O N S T R U I R U N A W E B PARA E L A P R E N D I Z A J E 1 l E p A B 0 S PARA C O N S T R U I R U N A W E 6 PARA E L A P R E N D I Z A J E
1 8 P A 3 0 3 PARA C O N S T R U I R U N A W E B PARA EL A P R C N O I Z A J C
Plg. NO 10. Pasos 10 a 18
.
Plg. NO 10. Pasos 1 a 9.
. Modelo para ia producción de materiales para la red.
Modelo para la producción de materiales para la red.

6. 50 La formacibn en Internet. Guía para el diseño de materiales didacticos Ds roy desarr$lo de materialesde formación muíürnedia 5 1
i ei
Nosotros vamos a diferenciar las siguientes tres grandes etapas: La última fase se puede considerar que es la d e la concreción del producto
1 Diseño.
. y será una d e las etapas clave en todo el proceso ya que las decisiones, general-
2 Producción.
. mente d e tipo creativo, que adoptemos sobre ella, repercutirán sobre la calida&
3 Evaluación..
. del producto que vamos a elaborar.
Es fundamental elaborar el organigrama que constituirá una representación
La etapa del diseño implicará diferentes pasos como son: grhfica, donde plasmaremos las relaciones entre los diferentes materiales que
1 Determinar los motivos por los cuales se realiza el material: porqué y
. se van a situar e n la red. A título d e eijemplo, se ofrece a continuación el utiliza-
para qué. do por nosotros para la producción d e un material multimedia (fig. n.O 1 ) E s1.
2 Identificación y selección d e la Información.
. importante tener en cuenta como señala Kilian (2001: que T o m o escritores
29)
3. Identiticación y selecdón de los dgünatarlos. ( Qupo de incidencia) web que somos, debernos organizar mentalmente nuestro material en formato
4. Concreción de los objetivos. hipertexto. Es posible que nuestros lectores decidan no seguir la estructura que
5. Revisión de materiales ya desarrollados tanto sobre los mismos conte- nosotros hemos preparado, pero si visualizamos alguna especie d e modelo
nidos, como sobre contenidos afines. para nuestro material, al menos nos ayudará a escribir con más facilidad'.
6. Conformación del equipo técnico y humano que realizará la producción
del material.
7 Determinación d e los métodos y los soportes d e distribución d e la infor-
.
mación.
8. Documentación.
9. Definición d e los estándares d e calidad que seguirá el material.
10. Especificación del plan y temporalización del proyecto.
1 . Selección y determinación d e la plataforma en la cual se ubicará el ma-
1
terial producido.
1 . Creación del organigrama, el guión y la estructura del programa.
2
Cuando hablamos d e la determinación d e los estándares nos referimos
a las características básicas que se utilizarán en el desarrollo y la producción
del material: características de los gráficos, forma d e presentar los contenidos,
elementos y estructura básica que seguirá la presentación y desarrollo d e la
...
información En clerto modo, podemos considerarlo como un llbro d e estilo
para la producción del material, y en algunos casos le vendrá dado al profesor,
para continuar una línea d e producción ya establecida.
Puede ser importante que a la hora d e establecer el diseño tengamos en
cuenta los principios que nos sugiere Cióngora (2003:197),por una parte, y
Cionzález (2003). otra, que uniéndolos nos llevan a los siguientes:
por
- Intenclonalldad. Nada en el diseño debe d e ser gratuito sino que debe
perseguir un objetivo.
- Simplicidad. Que sea claro y sencillo.
- Consistencia. Debe procurar que el sistema responda siempre d e la
misma forma ante h s mismas acciones realizadas por el usuario. L o s
elementos que se repiten deben estar siempre ubicados en el mismo
lugar. Hacer un patrón estándar para la página. Evitar el diseño diferen-
te para cada página.
- Equllibrlo. Los diferentes elementos deben estar proporcionados entre
ellos. Equilibro entre textos e imágenes, entre el fondo y la forma, y
entre el tiempo d e acceso y el contenido representado.
- hmlliarldad. Se deben utilizar iconos y estructuras que sean familiares
para los usuarios.
- ~larldad.Elegir elementos icónicos, gráficos y ayudas d e navegación
que claramente expresen su significado. No confundir efectos divertidos Flg. a.
O 11. Esquema de representaciónde ia esiruckra
para el diswio de un material rnultimedia.
con comunicación efectiva. Lo claro no es aburrido.

7. Le Ibnnaclón en Internet. Guia para e l diseno de materiales didecticos Diseño y desanollo de materiales de f m a a ó n multimedia 53
52
e n e r a l m e n t e podremos diferenciar dos tipos d e guiones: literario y téc- de software informática, característica d e los ordenadores en los cuales va a
nico. Mientras el primero pretende recoger con detalle la información q u e se trabajar, e t ~ . ~
transmitirá por el medio, el segundo concreta esta información para que el Una excelente y clara revisión d e los diferentes programas que se pueden
equipo técnico d e producción pueda interpretarla. utilizar para la producción técnica d e materiales multimedia para la red, nos
Una forma d e concreción del guión consiste en construir un cuadro con di- lo encontramos en el material producido por Area y otros en el 2003, de-
ferentes columnas: número d e la pantalla. grafismo, texto, elementos gráficos, nominado "Elaboración d e material didáctico para la World Wide Web" http:
conexiones... En la imagen que reflejamos a continuación se ofrece un modelo -
/ ~ . c a m p u s v i r t u a l . u l l . e s [22/09/04].
del mismo.
6.3. Elementos comunes en los materiales formativos
En el diseño d e materiales para b formación cada vez se han incorporado más
Gráfico Audio elementos con el fin de facilitar el acceso, la-comprensión, b interacción y el recuer-
... ... do d e la infomción por parte de l a s estudiantes. L selección d e estos elementos
a
se suele realizar a partir d e su nivel de eficacia respecto a otros medios, como por
eJemplo, los materiales impresas. Del mismo modo también será fundamental
La etapa d e la producción se realizará una vez cumplimentado el guión explorar las posibilidades d e las estructuras de información hipertextual, de los
que acabamos d e presentar y implicará diferentes actividades como las si- sistemas multimedia y las redes desde el punto d e vista d e su eficacia fomtiva.
guientes.
- Creación d e los medios (gráficos, audio, animaciones...)que se utiliza-
rán en el programa. 6.3.1. El plan de trabajo y sugerencias para el estudlo
- 'Itansferencia del texto a un lenguaje comprensible por el entorno.
- Conexión d e los diferentes elementos. Estas recomendaciones d e calendario, a nuestra manera d e ver, son es-
pecialmente signlficatlvas por dos aspectos fundamentales: en primer lugar,
L última etapa implicará la eualuación del materlal. esta se puede llevar
a para que se pueda desarrollar un período similar reglado d e seguimiento de la
a cabo por diferentes procedimientos: autoevaluación por los productores, jui- actividad formativa w r parte d e todos los estudiantes, y en segundo lugar, des-
cio d e expertos, prueba piloto. Nuestra experiencia nos induce a proponer que d e nuestro punto d e vista el más importante, para poder favorecer actividades
siempre se realice antes d e su incorporación a la formación un estudio piloto colaborativas entre los diferentes estudiantes y poder formar grupos d e trabajos
con usuarios potenciales del medio producido para detectar posibles errores o específicos e n ~ r e
ellos, blen para aquellos que vayan adelantados o para los
fallos que contenga el material. que necesiten trabajar d e forma coqjunta algunos elementos. De todos modos
Antes d e su finalización es conveniente que probemos el material en dife- no podemos olvidar que toda acción formatiw debe finalizar con una actividad
rentes plataformas y con diferentes navegadores, para analizar si el materlal su- evaluativa d e los conocimientos adquiridos por los estudiantes.
fre alguna modificación, y en consecuencia adoptar las medidas oportunas, que Dentro d e este apartado d e sugerencias puede incluirse también una au-
pueden ir desde indicar claramente para qué navegador y bajo qué condiciones toevaluación diagnóstica del estudiante para determinar los conocimientos y
el material funciona perfectamente o realizar las transformaciones oportunas destrezas previas que posee para la realización del curso, así como también sus
para su extensión d e navegación. conocimientos previos sobre el mismo.
Aunque creemos que no es necesario tratar con amplitud las referencias
técnicas en nuestro libro, la persona que vaya a producir un material debe ser ¿Qué es?
consciente d e que dispone en el mercado, y en la red, d e diferentes tipos d e Es una zona del entorno d e formación que presenta, recoge y organiza to-
programas, que van desde los que son d e pago, hasta aquellos que le van a dos los elementos que tendrán a disposición los estudiantes para la realización
permitir, d e forma gratuita, la realización d e determinados aspectos mediante de la acción formativa, tanto si se encuentran dentro d e un espacio web como
una versión d e demostración que se nos ofrece, hasta los que son totalmente en una herramienta telemática d e campus donde se inserte el mismo.
gratuitos ("freeware"), y los que son gratuitos pero caducan con el paso del
tfempo ("shareware").
Dentro d e los programas existe una diversidad d e ellos, cada uno con s u s Los programas mhsutilizadosson: MicrosoR FrontPage (viene con ia veisibn Ofñcede MiaosoR).
posibilidades e inconvenientes. y cada uno con una diversidad d e prestaciones, Macromedia Drearnweaver http://www.macromedla.wmlsohware - [22/09/04], Adobe Golive
su elección deberá d e efectuarla el usuario en función d e una serie d e paráme- hltp://www.adobe.comlsupport - [22/09/04], IMS Web Enginehttp:l/www.virtualmechanics.com
tros: nivel d e compleJidad que requiere su producción, experiencia en el manejo - [22/09/04],Amaya hnp:/lwww.vr3.orglAmaya- [22/09/04]

8. 64 La formaci6n en lnternet. Guia para el diseño de materiales didáctico$ Diseña y desarrollode materiales de fonnaaón muitimedia 66
¿Cuál es s u función? 3. Señahr al estudiite los bloques de aprendizaje que se han fijado corno
esenciales y con qué tipo de contenidos, r e c m y acüvidades se Mnculan.
Fiincipalmente, identificar los elementos que responden a los diferentes 4. Orienta sobre el tiempo d e dedicación para cada una d e las actividades
objetivos d e aprendizqje: de aprendwe.
- Para el formador es una guía d e planificación d e la acción docente y un 5. Ofrece itinerarios d e trabqjo.
instrumento d e comunicación y d e cooperación sl t r a w a n dlferentes 6. Expone las recomendaciones técnicas que pueden ser necesarias para
formadores para responder a una misma accibn formativa. el desarrollo del curso.
- Para el estudiante es el elemento que facilita el proceso de construcción
del conocimiento ya que permite la planificación del a p r e n t i i e d e mane- Puede incluir también recomendaciones d e salud laboral para el trabajo con
ra fácil y eficaz. Sirve también para indicarles los recursos téoiicos necesa- el ordenador. Si desea observar algunas recomendaciones entre en la siguiente
rios que tendrá que tener instalados en su ordenador para poder acceder dirección:
con calidad y rapidez a los diferentes recursos (Imagen sonido, animacio-
nes...) que se le ofrecerán. N o s puede resultar de utilidad, también, para
explicar al estudiante la duración prevista para el curso, así como qué e n la dirección que le presentamos a continuación puede observar los ele-
dedicacibn personal en horas se aconseja, bien diaria o semanalmente. mentos que contiene una d e nuestras sesiones d e "Sugerencias" d e cursos que
Del mismo modo es aco@able la incorporación d e un cronogama que nosotros hemos elaborado.
le sirva al estudiante como guía temporal para el seguimiento d e la actividad
formativa tanto individual como grupal.
Dentro d e las sugerencias del plan d e t r a h ' o y guía para el estudio es con- S e sabe que, una d e las venwas que puede tener la utilización d e los rna-
veniente hacer referencia a las características del hardware y software necesario teriales en red radica en que los alumnos pueden acceder a ellos en el lugar y
para cursar con absolutas garantías la acclón formativa, como por qjemplo indi- tiempo que consideren oportuno. Ello no debe confundirse con el hecho d e que
camos en los siguientes cuadros; no se deban ofrecer algunas recomendaciones temporales para el seguimiento
d e la unidad formativa y la realización de las diferentes actividades que se incor-
poren y b t a s se pueden introducir a manera d e cronograma en este apartado
d e las sugerencias y plan de trabqjo.
ecomendable mínimo 64 M6 6.3.2. b presentación o introducción
¿Qué es?
Es un documento que puede presentarse en diferentes soportes y formatos
y que explica las características generales d e la acción formativa que introduce.
Navegador Mlnimo requerido Internet Explorer 4
6 Netscape 4 ¿Cuál es s u función?
'Plug-111s' (programa3 que permlten ' Mauomedia Flash versl6n minlma 5; Shockware Ayudar al estudiante a situarse entre los diferentes elementos que se le
visualizar anlrnaciones o escuchar audio). 8; Quick lime 4.1; Lotus Screem Cam propondrán para participar en la acción formativa, así como darle orientaciones
Otro software MlcrosoR Oñice. Adobe Acrobat Reader para facilitarle la interacción con el material y obtener d e esta forma un mejor
aprovechamiento del entorno formativo.
Ideas prácticas para s u elaboración Ideas practicas para su elaboración
Las características fundamentales del plan d e trabaljo son las siguientes:
Como normas generales para su elaboración tenernos que decir que la pre-
1. Definir los objetivos d e a p r e n t i i e d e la acción formativa. sentación debe ser breve y clara, además deberá permitir al estudiante contigurar-
2. Organizar los objetivos y contenidos en diferentes bloques a partir d e se una idea general de lo que es la acción formativa en la que participa. Su concre-
criterios corno: ción vendrá a partir d e las respuestas que demos a las siguientes inquietudes:
- La lógica d e los contenidos dentro de la disciplina. - ¿Cuál es la finalidad d e la acción formativa?
- Las secuencias temporales en que se organizará la acción formativa. - ¿Por qué es importante participar?
- Definir puntos daves y fundamentales del wntenldo a desarrollar.

9. S6 La fomción en Internet. Guía para el disetio de materiales didácticos Diseño y desarrollo de materiales de fomacibn mulomedia S7
- Si está dentro de una acción conjunta, ¿cuál es calendario d e las
actividades?
- Para el estudiante, es un indicativo que nos permite determinar los
conocimientos previos que requieren l o s alumnos para el desarrollo d e
- ¿En qué tiempo se tiene previsto la realización d e actividades w n - la acción formativa y nos tiene que permitir determinar sus logros d e
juntas? aprendizaje al final de ésta.
- ¿Qué técnicas d e trabajo intelectual deben dominar para el segui-
miento del curso? Igualmente puede constituir un elemento motivador en tanto genere expec-
- ¿Qué elementos son necesarios para que el estudiante realice el tativas d e aprendizde interesantes para los estudiantes.
curso d e manera óptima, tanto en el ámbito d e conocimientos pre-
vios como d e manejo de herramientas de comunicación? Ideas prActicas para s u elaboración
- ¿Cuáles son los criterios d e evaluación que se utilizarán en el pro- Aunque se han planteado diversos criterios para su formulación, algunas d e
grama? las preguntas que podemos seguir para su concreción son las siguientes:
- ¿Qué técnicas d e trabajo Intelectual se le recomiendan al estudiante - ¿Qué conocimientos previos necesitan tener los estudiantes d e
que debe utilizar para el desarrollo d e la acción formativa?
- ¿Qué conocimientos y habilidades técnicas previas son convenien- esta acción formativa?
tes que el estudiante domine para la realización y el seguimiento del
- ¿De qué recursos personales, temporales o materiales se dispo-
curso? ne para desarrollar 1 acción formativa?
s
- ¿Qué tipo d e acción y participación se espera d e los estudiantes? - ¿Qué conocimientos, habilidades o actitudes deben desarrollar
- ¿Qué temas se tratarán en lineas generales? los estudiantes a lo largo d e la acción formativa?
- ¿Con qué recursos y metodología s e desarrollará la acción forma- - ¿Qué conocimientos, habilidades o actitudes deberán dominar
tiva? los estudiantes una vez finalizada la acción formativa?
- ¿Qué tipo d e acción o participación se espera del estudiante? Aunque se ha hablado mucho respecto a la concreción y formulación d e los
- ¿Cuál es el proceso d e aprendizaje recomendado? objetivos, para nosotros lo importante no es tanto la concreción y tipología d e
la formulación d e los objetivos, sino más bien que estos se declaren y les sean
En la misma también se pueden ofrecer algunas recomendaciones d e salud presentados a los estudiantes como elementos orientadores d e la actividad que
laboral: posturas idóneas, tiempo máximo aconsejable d e trabajo delante d e la van a desarrollar como primer paso antes d e empezar a trabajar.
pantalla del ordenador. llimbién se indicarán los errores más comunes que se En la imagen que presentamos a continuación podemos ver un ejemplo d e
cometen en esta modalidad d e enseñanza: navegación indiscriminada, realizar los objetivos planteados para una unidad didáctica referida a la temática d e la
una actividad pasiva donde lo único que realiza el estudiante es la mera lectura aplicación d e los multimedias e n el terreno educativo (89. n.O 12).
del material... y las formas en las cuales podemos evitarlos. En la guía para el
estudio se responderá la mayor parte d e cuestiones y se dejará la introducción
para realizar una aproximación al contenido d e los diferentes bloques.
6.3.3. Los obletivos
¿Qué son?
Son la relación y concreción d e los conocimientos, habilidades y actitudes
que deben ser desarrolladas y adquiridas por un estudiante como consecuencia
de su proceso d e aprendizaje y d e su participación en esta acción formativa.
¿Cuál e s su función?
Los objetivos actúan como un marco d e referencia con diferentes finalida-
des para las personas implicadas en esta acción formativa. Por ello su función
tiene una doble vertiente:
Para el formador, se constituyen como el marco d e referencia para la
planificación d e la acción docente y para la Tuación d e los criterios d e
evaluación en relación con el propósito d e la acción formativa que pre- Rg. nO 12. aemplos de obJetluos planteadas para un curso de formación.
.
tendemos llevar a cabo. http://noguera.fcep.umes/puplire/obJetf~.html[22/09/04]

10. 68 La formaci6n en Internet. Gula para el diseno de materiales didácticos Diseño y desarrdlo de materialesde fotmaaón mulmedia 6 O
6.3.4. Los contenidos - Distribuir los contenidos en bloques, de acuerdo a la disciplina
o temática a la cual pertenecen, a las características d e los obje-
tivos o a la distribución temporal de la acción formativa. ,
¿Qué son? - Decidir los tipos d e elementos o recursos a través d e los cuales
Los contenidos d e aprendizaje son aquellos quf; responden a las necqida- s e pueden desa.mollarlos diferentes contenidos.
des d e formación con relación a conocimientos, habilidades y actitudes. Estos
deben venir señalados por las necesidades que se deriven d e los objetivos d e También es importante tener e n cuenta que la concreción en el plantea-
formación propuestos. En todo momento debe quedar claro que la calidad d e miento de l o s contenidos es clave. Ser concreto no significa eludir temas ni
un entorno formativo telernático dependerá de dos elementos significativos: disminuir las explicaciones, sino hacer un esfuerzo para setialar las cosas con
pocas palabras y buscar qjemplos bastante claros. Los núcleos d e contenido
- La calidad científica d e los contenidas deben cumplir una función d e "hilos conductores' en la acción formativa. No
- La estructumción didáctica que se realice d e ellos. deben explicarlo todo, sino presentar las ideas básicas y relacionarlas con
otros contenidas que las complementarán bien sea en forma d e consultas,
Al mismo tiempo, los contenidos deberán presentarse d e forma atractiva e lecturas, actividades, etc. Pocos conceptos en cada página y con un estilo
innovadora, para conseguir mantener la atención del estudiante. Para ello será directo.
conveniente la utilización de los diferentes recursos que tenemos a nuestra
disposición (texto, vídeo, anlmadones, conexiones, fragmentos d e audio.. .) .
aunque sin olvidar que La uülizaci6n d e diferentes elementos puede dificultar la
Indirectamente. relacionado con l s contenidos, nos encontramos con la
o
posibilidad de incluir un glosario de términos. Y para ello tendremos dos posi-
bilidades:
descarga de la información e incluso la saturación para el usuario.
Es importante tener en cuenta que una mayor cantidad d e información 1. Crear una lista completa de todos los términos que creamos fundamen-
no supone necesariamente más a p r e n d i d e ; por tanto los contenidos se- tales con su significado correspondiente. hduyéndola en alguna parte
leccionados deberán ser los más significativos para los objetivos que s e específica del programa para el acceso en cualquier momento por el
persigan con el material, expresándose d e forma clara, sencilla y progresiva estudiante.
adaptados a las características d e los receptores potenciales del material 2. En cada término que queramos especificar con daridad, incorporar un
didáctico elaborado. No debe quedar ninguna duda d e que un buen espacio enlace que nos facilite el acceso a su significado.
web, formativo o informativo, vendrá e n primer lugar, determinado por la A continuaci6n. presentamos varios ejemplos d e cómo v i s u a l i r y es-
calidad científica y conceptual d e los contenidos que s e presenten y s u ade- tructurar los contenidos: +
cuaci6n a las car&teríst&s d e los receptores más que por lo
atractivo d e su presentaci6n.
En su selección y concreción deberemos tener en cuenta una serie d e prin-
cipios como son:
- L o s objetivos d e la materia.
- L organización d e los contenidos.
a
- El ciclo y nivel d e estudios.
- El perfil d e los estudentes.
- L motivación del estudiante.
a
- Las posibilidades que ofrecen las tecnologías.
¿Cuál es su funclón?
El logro d e los objetims propuestos en la acción formativa.
Ideasprácticas para s u elaboración
Para su elaboración podemos seguir las siguientes orientaciones: Plg. 13. &lruchua representada de manera grwca e Wo~rnac16n
sintética
en forma de ldeas clave.
- Seleccionar los contenidos necesarios para desarrollar los obje- htcp:/ltuww.~e.wv.es/fo~macio/c~~s~lnLerneUIndex.h
[22/09/04]
tivos d e la formación.
1
1l

11. 60 La fonnaci6n en internet. Guia para el diseño de materieles didhcticos Diseño y decarrdlode materiales de fomaci6n rnulürnedia 61
F g 14. Lo más destacable de estos contenidos es la parte grd/lca puesto que
l. P g 16. Contenldos esbucturados co~)ugando esquemas simultáneamente
l. dos
constituye el núcleo fundamental de c o n t e n l d ~ . ~ a los que se puede acceder desde la pantalla prlnclpal.
http:/~ww.sre.~~~.es//ormclolmaster/tallerle/esquemahtml[22/09~I
4, ,
, o
,, m.,,,,,. -mmmEma 1
F g 1 . Contenldos presentados de forma sintdtlca y esguemátlca bawdos
l. 7
F g 15. Contenidos presentados de manera cldslca utlllzando básicamente texto
l. en una estructura general vista y mucha i n f m c l á n complementarla a la que
se puede acceder desde cada una de hs mnas a c t l v s de la pantalla.
dentro de una estructura hlpertertual.
http://noguera.fcep.wv.es/pupltre/baleares@aglna.htm[22/09/04] http:/~ww.sre.wv.es//ormclo/ducanet/inder.html[22/09/W]
l Material correspondiente a la asignatura 'Patologia Mbdico-Quirúrgica de I'Aparell Locomo-
tor" que imparte el Dr. Rodrigo Miralles en la Facultad de Medicina de la U. Rovira i Virgili de
A la hora de escribirlos es importante tener en cuenta las recomendaciones
que nos señala Horton (2000), ya que escribir documentos para publicarlos
electrónicamente es diferente de escribir materiales impresos, por el tipo de
Tarragona. utilización que realizan del medio las personas. Señala Horton (2000:44):"Los

12. 62 La formación en Internet. Guia p n el diseno de materiales didácticos
a Diseíio y desarrollo de materiales de formación multimedia 63
Ideas prácticas para su elaboración
lectores d e la web tienden a recorrer con la vlsta los textos online y a leer los
textos omine. Normalmente no leen la página desde el comienzo al final sobre
la pantalla del ordenador". Proponiendo, de acuerdo con ello, seguir una serie Los elementos característicos de un mapa conceptual son: conceptos, pala-
de recomendaciones, que a wntlnuación exponemos: bras de enlace y proposiciones o frases.
- Resumir primero: poner los puntos principales d e los documentos al - Conceptos. Podríamos señalar que un concepto es todo aquello que
principio. normalmente tiene un significado. b r qjemplo: representaciones, rela-
- Ser concisos. Utilizar listas antes que párrafos, pero sólo cuando la re- ciones. frases; son conceptos ya que tienen un significado o un sentido
dacción lo permita. claro como tales.
- Escribir para el "hojeo". Muchos lectores de la web hojean las páginas - Palabras de enlace. Son palabras que se utilizan para unir conceptos y
para materiales relevantes antes d e leer el documento con detenimien- para indicar el tipo d e relación que tienen. Ejemplos: "son", "entre"...
to. Quiar al lector destacando los puntos sallentes en el documento
- Propaslciones o frases. Constan d e d a s o más términos conceptuales
usando encabezamientos, listas, y énfasis tipográficos. unidas por palabras con la finalidad de constituir una unidad semántica.
- Es interesante presentar la información en hagmentos, con conexiones En la forma más sencilla, un mapa conceptual consta sólo d e dos con-
internas mediante links, pero para ello debemos conslderar: ceptos unidos por una palabra d e enlace, para formar una proposición
o enunciado. Fbr ejemplo: "El cielo es azui" sería una expresión válida
a ) Dividir teniendo en cuenta la posibilidad del acceso individual a referida a los conceptos cielo y azui.
fragmentos d e contenidos que presenten sentido. Si se divide la
información en pequeños fragmentos se debe dar una opción para En lo que respecta a las condiciones generales que consideramos debe
que se pueda imprimir el texto completo. cumplir un mapa conceptual podemos señalar las siguientes:
b) La longitud d e la página es un aspecto a conslderar, ello viene
marcado por la noción física del acto del desplazamiento vertical - Debe formar una estructura que refleje gráficamente los conoci-
(scrolling). mientos d e un bloque d e contenido concreto.
C) La primera medida d e la longitud d e la página tiene que ser el con- - Debe mostrar claramente las relaciones que se establecen entre
tenido. Creando divisiones lógicas y subdivisiones basadas sobre la l o s conceptos.
estructura d e su información. No debe haber divisiones arbitrarias. - Debe ofrecer dinamismo es decir, brindar la posibilidad d e am-
d ) El u efectivo d e los link puede suplir una narratim por ofrecer un
& pliarse y modificarse.
coqjunto d e información refueno d e conceptos, y añadir detalles.
L o s pasos básicos que podemos seguir para su elaboración son:
6.3.4.1.Mapa conceptual - Elegir el texto o material a trabajar, leerlo y destacar las h e s
que recogen las principales ideas.
¿Qué es? - Seleccionar los conceptos que puedan representar los puntos d e
pattida (conceptos principales del mapa).
U mapa conceptual es una representación jerárquica, gráfica y esquemá-
n - Ordenar los conceptos desde los generales a los específicos.
tica donde se organizan las relacitnes signlflcativas que se establecen entre los - Preparar un borrador y comprobar si refiqja lo que deseamos
conceptos claves d e un tema o d e un bloque d e contenido; es decir, se presentan señalar sobre el tema.
los conceptos relacionados y organizados jerárquicamente. El mapa conceptual - Analizar las relaciones establecidas.
ayuda a los alumnos a comprender y asimilar los a p r e n d w e s presentados. - Elaborar el mapa conceptual.
¿Cuál e s su función?
La presentaclón d e los conceptos en un gráfico es especialmente útil
Ofrecer información d e forma sintética d e los diferentes elementos con- para los estudiantes que tienen muy desarrolladas l a s estrategias visuales
ceptuales a los cuales se puede acceder en el curso. De acuerdo con Fernández d e aprendizqje. Sobre la visualización del mapa se pueden construir nuevos
Wltrán (2003), pueden sernos d e ayuda para los siguientes aspectos: aprendizqjes.
- generar ideas, La utilización d e esquemas, o mapas conceptuales, que faciliten al estu-
- representar estructuras complqjas, diante la percepción de los diferentes contenidos que se presentan en h unidad,
- comunicar ideas elaboradas, son un elemento d e ayuda para que el estudiante perciba los aspectos más
- integrar conocimientos a partir d e una base común. relevantes que serán tratados en la unidad. Éstos esquemas pueden tener dife-
- evaluar el conocimiento d e un tema específico, rentes elementos como los que a continuación presentamos.
- desarrollo curricular.

14. D i y desarrollo de materiales de formaabn mulomedia 67
66 La fonacibn en Internet. Guía pan el diseno de materiales didácticos
En la realización d e los esquemas es aconsejable que se presenten d e
forma que cuando el estudiante haya entrado en cada parte específica, ello se
le indique en el esquema general cambiando d e color o subrayando la parte'
realizada. lo cual le ayudará a ir conociendo por qué partes del contenido ha
ido pasando y cuáles son las q u e se deJa sin visitar. Esta información, es acon-
sejable que también la tenga a s u disposición el profesor para las orientacio-
nes específicas q u e pueda realizar al estudiante, sobre todo en las sesiones
d e tutoría virtual.
6.3.4.2. Nodos de información
¿Qué son?
Los nodos d e información son los contenidos d e una acción formativa
presentados d e manera sintética y desarrollados a partir d e las ideas bá-
sicas q u e el estudiante debe conocer para después dirigirse a las fuentes
documentales y ejecutar las actividades que le permitan construir s u propio
Pig. nO 22. qempio de mapa conceptuai (e).
.
aprendizde.
http:llwww.sau.uses/fomiac&nonUne/c~~~~materlaiesIInicio.htm
[22/09/0~
¿Cuál es su función?
Fundamentalmente, permiten al estudiante trabajar d e una forma más or-
ganizada y estructurada, por medio del desarrollo d e los tradicionales temarios
Los esquemas no sólo pueden desarrollarse para ofrecer una visión d e con- pero desde unidades fácilmente asimilables y con tendencia hacia el autosig-
junto d e la unidad, sino que también pueden utilizarse en apartados específicos nificado. t
del programa. como el que reflejamos en la figura siguiente (fig. n.O 23).
Sus características fundamentales las podemos concretar del siguiente
modo:
- Los contenidos se deben expresar d e forma breve, clara y pro-
gresiva.
- No se debe caer en el error que más información significa nece-
sariamente más aprendizaje.
- Deben permitir la resolución d e interrogantes. curiosidades y
dudas de forma autónoma por l o s estudiantes.
- Deben actuar como elementos dependientes d e la acción for-
mativa, por tanto deben mostrar claramente las relaciones que
configuran sus contenidos con otros núcleos de un mismo ma-
terial.
- En algunos casos debemos intentar ofrecer materiales que de-
sarrollen diferentes puntos d e vista sobre una problemática o
forma d e resolver un problema.
- Puede ser también interesante presentar materiales no com-
pletos q u e lleven al alumno a la búsqueda d e más contenidos
e n otros recursos, q u e pueden estar tanto dentro como fuera
del entorno telemático d e aprendizaje y que al mismo tiempo
Pig. n.O 23. qempio esquema (B.
se presentan e n diferentes códigos d e información.
(apartado
http:llwww.sau.uses/f~~macfononllnel~~~>pclInlcio.hbn 5)[22109104]

15. 69 La formaci6n en Internet. Guía para el diseno de materiales didácticos Diseíio y desarrollo de materiales de fomación mulomedia 69
Ideas prácticas para su elaboración rencias a otros campos de tal modo que le puedan facilitar el estudio. Algunas
indicaciones acerca del estilo:
Para su elaboración deberemos seguir diferentes orientaciones, unas des-
tinadas a la planificación, otras destinadas a su desarrollo y otras referidas a su - Texto claro y conciso.
presentación. - Rigor académico.
A la hora de la planlflcación podemos seguir una serie de orientaciones y - Secuencia lógica de desarrollo de los wntenidos.
recomendaciones como las siguientes: - Coherencia: siempre se recomienda hacer una segunda lectura
para comprobar que no existen contradicciones a lo largo de
- Se recomienda para todos los casos una misma estructuración todas las partes del módulo.
del contenido, para ello se deben repasar los temas establecidos
para la acción formativa y su secuenciación en bloques específi- Algunas indicaciones de carácter lingüístico que podemos seguir son las
cos, a partir de los cuales se elaborarán nodos de información. siguientes:
- Decidir qué contenidos son susceptibles de desarrollar a partir
de nodos de información. - Frases sintácticas bien estructuradas.
- Elaborar el índice definitivo del conjunto de los nodos de infor- - Párrafos cortos.
mación de cada uno de los bloques.
- Léxico de especialidad unificado y comprobado; un término se
- Es aconsejable elaborar los nodos de información teniendo en debe escribir siempre de la misma manera.
cuenta los criterios metodológicos concretos de cada tipo de
- Abreviaturas y siglas especificadas desde el primer momento
material. en que aparecen en el texto; por ejemplo, E.S.O. = Enseñanza
Secundaria Obligatoria, E1.B. = Producto Interior Bruto.
- Uso de un lenguaje que evite cualquier connotación o expresión
Para su desarrollo se deben tener en cuenta una serie de aspectos: discriminatoria por razones de sexo, raza, religión, etc.
- Traducción de términos específicos de mapas, cuadros, esque-
- Establecer los puntos clave y fundamentales de los contenidos mas, etc.
que se van a desarrollar.
- Secuenciar el desarrollo de los contenidos. En cuanto al tamaño, tipo de letra y fondo a utilizar es aconsejable tener en
- Exponer de forma breve y resumida los wntenidos. cuenta diferentes aspectos como son:
- Finalizar siempre con una síntesis en la que se indique la idea
o aspecto fundamental del contenido presentado. - Que sea aproximadamentede tres a cuatro milímetros de alto.
- Que el área y núcleo de texto utilizado favorezca la legibilidad.
- Los tipos de letra que mejor se observan son las siguientes:
En la selección deberemos tener en cuenta diferentes principios que Times, 'limes New Roman, Arial, y Hehrética.
tradicionalmente se han establecido en tres grandes fuentes: sociológicas, - Y usar por lo general un espacio de línea de uno y medio.
psicológicas y epistemológicas. además de la tradición escolar y la historia
del currículo. En esta línea, y siguiendo a Farnham-Digory (1995). puede ser
interesante que el profesor, en su selección, procure alcanzar un espectro Puede ser conveniente, sobre todo cuando hablamos de acciones forma-
tivas que se concretan en diferentes cursos, la utilización en el comienzo del
suficientemente amplio de conocimientos de las diferentes tipologías que se
establecen, como son: . núcleo de conocimiento, de los denominados organizadores previos, que favo-
recen que los alumnos puedan relacionar de forma significa ti^ la nueva infor-
mación que se les presentarA con la que ya poseen en su estructura cognitiva.
a) Declarativo: conocimiento de los hechos. Dicho en otros términos, los conocimientos que le serán presentados, con los
b) Procedimental: conocimiento de destrezas y de cómo hacer algo. que ya lo han sido. Estos organizadores previos se concretan en un fragmento
c) Conceptual: conocimiento de formas generales o prototipos. de información.
d) Analógico: conocimiento que conserva la estructura esquemati-
Es también aconseJable que cada bloque de wntenidos finalice con un
zada de la información.
sumario o resumen de las ideas principales que se han desarrollado en los
e) Lógico: teoría personal sobre como funciona algo. diferentes nodos de información. Como señaló Brown (1979)los resultados aca-
démicos de los alumnos mejoran cuando el profesor al finalizar su exposición
En el momento de su redacción consideraremos las necesidades de un realiza un resumen de los puntos fundamentales, indicando que ello tiene dos
estudiante no presencial. Se intentará utilizar un estllo directo que motive al tipos de ventajas: cognitivA y sociales. Con la primera, l o i alimnos consolidan
estudiante a aplicar los recursos como esquemas, ejemplos, anécdotas, refe- la información fundamental, y con la segunda, se sienten estimulados. Diferen-

16. 70 La lonnacidn en Internet. Gula para el diseno de materieles didecticos Diseño y desarrollo de materiales de fomracidn mulmedii 7 1
Desde un punto d e vista técnico no es necesario que el productor tenga
tes estudios han demostrado al mismo tiempo su eficacia en la incorporación conocimientos d e los lenguqjes específicos utilizados para la configuración de
de ciertos materiales didácticos como el video (Cabero, 1989) o los hipertextos
sitios web como el html, ya que en la actualidad los principales procesado6
(Duarte, 1998).
Uno de l o s problemas con que nos enfrentamos es la determinación del
...
d e texto: word, wordperfect incorporan la posibilidad de convertir tanto textos,
como gráficos e Imágenes a formato web. De todas formassiempre puede ser
número d e créditos que pueden ser asignados a los módulos. Por ello, para conveniente tener algunos conocimientos d e los códigos básicos utilizados en
su computación se suele utlllzar la equivalencia de número d e hojas con nú- el lenguae htm, para anular algunos errores que pueden tener los conversores
mero d e horas, sumándole a ellas el tiempo que el alumno puede invertir en automáticos que incluyen algunos procesadores de texto.
la realización de las diferentes actividades propuestas, mas la participación en
Dos principios que deberemos asumir a la hora de la producción del texto,
los debates y en las actividades colaborativas. Para la valoración de las hojas. son los de clarldad y corrección. Con el primero se alude a que el texto sea
podemos realizar la siguiente conversión: 1 hora d e trabaljo equivaldría a 415 comprensible a partir d e la primera lectura, y con el segundo evitar errores gra-
folios d e material lectivo.
maticales y tipográficos (Kilbn, 2001).
A la hora d e calcular las dimensiones del material que tenemos que pre-
parar hemos d e tener en cuenta que éste no &lo tendrá texto sino que incluye Desplazamiento-no desplazarnlento d e la página (scrolling)
ficheros de video, audio, mapas diaporamas, animaciones etc.
Los elementos que se utilizarán para la presentación y estructuración visual La cantidad d e información que situemos en una página dependerá d e que
utilicemos la opción d e desplazarnos horizontal y verticalmente sobre la misma
d e los nodos d e información son diversos y entre ellos nos encontramos con: utilizando para ello las barras laterales o que la fragmentemos en diferentes
Títulos. partes para que cada una d e ellas ocupe una página completa. Cada una de
Tipos d e texto. estas opciones tiene sus ventqjas e inconvenientes, que van desde no tener que
Desplazamiento-no desplazamiento d e la página (scrolling). fragmentar innecesariamente los contenidos hasta darle sentido a cada página
Utilización d e "frames". y evitar el aburrimiento d e los desplazamientos.
Elementos infográficos. En el caso d e la utilización d e desplazamientos horizontales por la página
Navegaciones libres e hipertextuales. , puede ser conveniente que al final del mismo, se le presente al estudiante un
Los efectos especiales. esquema d e por donde es aconsejable que continúe el recorrido formativo. A
Otros elementos continuación, ofrecemos varios qjemplos de cómo pueden establecerse estos
seguimientos (figuras n.O 24 y 25).
r
Títulos
Se preven dos tipos de títulos diferentes: el del nodo d e información y los
del interior d e cada nodo. Como criterio general se ha d e establecer una iden-
tidad cromática entre estos dos aspectos pam tratar de dar cohesión al con-
tenido. Cada tipo de título tiene diferentes elementos gráficos asociados que
facilitan la jerarquización d e éste, que pueden situarse tanto al comienzo del
bloque de contenido, como a su finalización para facilitar el seguimiento por
parte dei estudiante.
Los tipos de texto
N o s encontramos con tres tipos básicos d e texto que deben incorporarse,
en la medida de lo posible, en los diferentes nodos de información:
- El terto base, es el texto principal, es el soporte básico del contenido y
está syjeto a ia convención tipográfica. A partir d e la especificación tipo-
gráfica del texto base evoluciona formalmente el resto d e tipos d e texto.
- El teirto claue, es el texto que tiene como objetivo resaltar una parte del
contenido, ideas claves, fragmentos aclaratorios o afirmaciones rele-
vantes etc.
- El t a t o de dntesls, es el texto que recoge la idea central del contenido, Plg. n.O 24. Pjemplas de desplazamientos. fa).
del núcleo de conocimiento y lo expone d e forma resumida. No es necesario despiazarse para uer toda la ~wmacibn.
M'"p:lhoguera.fcep.~~.wpupltre/frameZ.htm
122109104I

17. l
7 P La formacidn en Internet. Gula para el diserio de materiales didácticos D i h y desarrollo de materiales de fomiaaón mukimedia 7 3
Hg. n . O 28. Ubicación de botones de indicación de subida.
Plg. n . O 25. qempios de despiazamientos. (b).
http:lltecnoiogiaedu.us.esItics41iistaa~~~.htm [22109104]
Hemos de desplazamos con la barra de scrollIng para
http:llwww.sav.us eslformaciononiinelcursopc/inicio.htm De todas formas desde nuestro punto d e vista reconociendo sus limitacio-
apartado 4 ) [22/09104] nes también somos conscientes de la ayuda que significan para el estudiante
para que siga el desarrollo del programa y para que desde cualquier parte del
programa pueda acceder a las herramientas más usuales: ayuda, recomenda-
Fragmentar la información puede ser d e gran ayuda para que el lector pue- ciones para el estudio...
da percibir d e una vez todo lo que le presentamos e n una página. Es importante En la imagen que presentamos a continuación se ofrece un ejemplo de
que los fragmentos d e información sean breves y sintéticos, como ya hemos utilización d e "frames", tanto generales para todo el módulo d e contenidos: ob-
dicho, y ésta se limite al espacio d e la pantalla. Con frecuencia se pueden resol- jetivos, sugerencias, contenidos, ejercicios y recursos d e extensión, como espe-
ver algunos de los problemas indicados anteriormente, situando los textos e n cíficos para un bloque del módulo, en nuestro caso: Creando una presentación"
formato pdf, para que puedan ser descargados por el usuario d e una manera y dentro del mismo: "empezando con power point", "seleccionar autodiseño d e
fácil. una presentación"... (fig. n.O 27).
Como señala Kilian (2001: 33):'A la hora d e decidir entre trocear o deslizar
el texto no nos enfrentamos a una clara decisión entre un 'mal' diseño (texto
largo, deslizante) y un 'buen' diseno (trozos pequeños d e texto): los dos tienen
su uso adecuado. Como escritores web, debemos determinar si nuestro mate-
rial será más útil en trozos escritos para lectores d e pulsar y leer, o e n textos
deslizantes pensados para-ser impresos sobre papel. %rito si escribimos para
el lector d e pulsar y leer como para el que descarga el documento, deberemos
presentar un texto lo más claro, breve y útil que podamos".
Por último, señalar que puede ser conveniente Incorporar al final d e la pági-
na un "botón" que nos ayude a desplazarnos al inicio de la misma (fig. neo26).
Utilización de "frames"
Los "frames" son espacios fijos que permiten la utilización d e diferentes
tipos de documentos. Algunos pueden ser fijos para ofrecer el acceso rápido al
,,
. mapa d e contenidos, a las actividades o a los recursos d e extensión. Mientras
algunos autores opinan que los "frames" facilitan la contextualización y el se-
guimiento de la información por los usuarios. otros se muestran contrarios por
llegar a confundir a las personas, reducen el espacio para la presentación d e la Hg. n . O 27. Ejemplo de "frames'. .
información y suelen no ser compatibles. http:llnoguera.fcep.wv.es/weblate [22109/04/

18. 74 La formación en lntemet. Guía para el diseño de materiales didácticos Diceño y desarrollo de materiales de formad& m u l m d a 76
Desde el punto de vista estético e s conveniente tener en cuenta diferentes
Elementos h I f o g r @ ~ ~ ~ aspectos como son:
/
L utilización d e esquemas, dibyjos y gráficos puede ser d e gran ayuda para
a
el estudiante para la comprensión y refueno d e la información que le estamos Tendencia a la simplicidad.
presentando. En este caso tendremos diferentes posibilidades para utilizar Usar colores d e fondo suaves (blanco o colores pastel).
diagrarnas, gráficos, mapas, cuadros y esquemas. Incorporar "h-ames" superiores e inferiores que faciliten la nave-
En todos los c s s tendremos diferentes posibilidades d e combinarlos con
ao gación del estudiante.
el texto: Usar una misma tipografía, tanto en lo que respecta al tamaño,
como a los colores y tipo.
1. Se complementan y oh-ecen diferente información sobre el mismo tema. Usar los gráficos con moderación.
2. Son redundante5 y oh-ecen los dos la misma Información pero en dife-
rentes formatos. Usar líneas d e borde entre el texto para enmarcarlo y delimitarlo.
3. Tanto el texto como la Imagen oh-ecen partes d e la Información, y para Utilizar interfaces simples, familiares y útiles.
la comprensión es necesaria la visión wqjunta d e los dos elementos. La distribución d e la información sobre la página debe ser sim-
ple y clara.
Señalar que Independientemente del elemento infográfico que utilicemos, Evitar la distracción visual: coloreando y subrayando el texto y
siempre deberemos tener en cuenta que su concreción debe ser d e fácil lectura cuerpo d e texto. No debemos olvidarnos que aspectos muy Ila-
e interpretación para el estudiante, reduciéndolo a los elementos estrictamente mativo llevan a los lectores a ir directamente al texto, olvidando
necesarios. el contexto e n el que se inserta.
Que no contenga errores d e conexión entre las diferentes partes
Efectos especiales del programa.
En cuanto a los colores no deben utilizarse d e forma arbitraria,
Las efectos especiales son diferentes recursos estéticos (animaciones, par- sino hqjo el propósito d e mqjorar la lectura y la observación d e
padea, efectos d e sonidos...) que pueden utilizarse para atraer la atención y la información, y e n este sentido puede ser conveniente tener en
motivar a los estudiantes. cuenta algunos aspectos para su combinación, como son:
Desde nuestro punto d e vista su utilización, si no es cuidada, puede wnlle- Verde sobre blanco o amarillo.
var el peligro d e distraer d e lo verdaderamente significativo que son los wnte- Blanco sobre magenta, verde, azul o rojo.
nidos y las actividades. Además pueden plantear un problema adicional para la Rojo sobre negro.
descarga d e la información desde ei servidor. Como se pone d e manifiesto por Cián sobre azul.
qjemplo con páginas donde s e abusa d e los "gifs" animados. Rojo sobre blanw, amarillo, cian o verde.
Azul y verde.
Nos podemos encontrar con diferentes tipos d e animaciones: gráficas. Negro sobre blanco o amarillo.
conceptuales y textuales. En las primeras una sucesión d e viñetas describen Magenta sobre verde.
una situación determinada. e n la segunda mediante la Imagen sintetizamos
determinados conceptos que son difíciles d e aslmllar exclusivamente median- - Como norma general s e utilizarán en cada bloque d e contenido
te textos, y en la últlma el objetivo es manipular textos d e manera que poda- todos los diferentes elementos simbólicos que ayuden a la com-
mos alterar d e forma dinámica el cuerpo, el tipo, la posición y el color d e los prensión d e la Información: texto, grhticos, esquemas, dibujos,
mismos. presentaciones e n powerpoint, vídeo y audio digitalizados. Se
tenderá a que todos los elementos estén integrados e n la misma
L s animaciones no deben utilizarse d e forma azarosa, y más si tenemos
a página.
en cuenta el costo d e producción que suponen, sino cuando s e den una serie
d e circunstancias: facilitar la explicación d e una técnica, describir el funciona-
- S e debe tender a la interaccion. no a la simple combinación d e
miento d e un objeto o fenómeno, observar los diferentes pasos d e un objeto, elementos ni d e medios. La interacción debe ser con el propio
fenómeno o mecanismo, simulación d e un fenómeno, etc. material, con el profesor y con el resto d e estu antes.
- Rndencia a la uniformidad d e formato para evitar la confusión
La simulación d e los fenómenos mediante software específico nos permitirá del estudiante y facilitar la construcción d e un entorno amigable,
emular un fenómeno tantas veces como sea necesario. que debe mantener una uniformidad d e presentación d e la in-
Los comentarios realizados nos llevan a setialar que el hecho d e que una formación a lo largo d e todo el programa: tipo d e letra, fondos,
página sea visualmente más destacada no es necesariamente más Útil para la colores, tamaño d e letras...
instrucción.

19. 76 La forrnacibnen Internet. Guia para el diseno de materieles didhcticos Diseíio y desarrollo de materialesde fomaci6n mu$media 77
- En cuanto a la distribución de los contenidos puede ser conve- Una vez visitada la Información, el documento debe ofrecerle al usuario una
niente seguir algunas recomendaciones: indicación, por lo general en tipo de flecha. que pulsándola le permitirá volver
al sitio d e lectura del cual partió.
Ubicar los elementos que realicen las mismas funcione en el La utilización d e este tipo de enlace puede tener diferentes utilidades, como
mismo lugar. son: aclarar un concepto, ofrecer una definición de un término, avanzar a una
Los grupos que contienen información importante o que van nueva sección d e la lección, extendernos en una parte de la información, ofrecer
a ser utilizados con frecuencia por parte de los estudiantes una referencia bibliográfica o aportarle al sujeto información adicional.
deben ubicarse en la parte superior, d e la pantalla.
Otra de las posibilidades que podemos utilizar es que ubiquemos una co-
nexión que le lleve al sujeto a otra parte del mismo programa. Qráficamente se
Por Último señalar, que a la hora de utilizar diferentes elementos anima- configuraría de la forma que presentamos en la figura n.O 29.
dos deberemos asegurarnos que éstos puedan observarse sin dificultad en
los diferentes navegadores, teniendo siempre presente que la última versión
-
d e los estándares que suelen existir no es a más extendida entre los usuarios
¡
potenciales.
Navegaciones libres e hipertextuales
Una d e las posibilidades que nos ofrecen los materiales soportados en la
red, e s su construcción siguiendo un diseño hipertextual y no lineal; es decir,
desarrollar una estructura d e la información que posibilite que el estudiante
vaya desplazándose por diferentes recursos y partes d e la información a través
de las diferentes conexiones que se establezcan en los mismos por el autor
del material. Esta estructura hipertextual, permitirá resolver algunos d e los
errores más comunes con q u e nos encontramos en las configuraciones ac-
tuales d e los entornos formativos y e s que son demasiado estáticos y lineales
en su utilización. Ello puede resolverse, por una parte, mediante la reflexión,
ubicando las conexiones hipertextuales que se justifiquen desde un punto d e
vista conceptual y, por tanto, sean necesarias, y por otra, por la incorpora-
ción d e ayudas que le indiquen al sujeto por qué lugar del sitio formativo se
encuentra, qué elementos ya ha recorrido, y cuáles son los que le falta por
recorrer. En cualquier caso siempre se deberá dedicar especial atención a que
los "links" que se incorporen nos lleven a diferentes partes del programa no
previstas, o a sitios vacíos. Wg. n.O 29. Representación de link (b),
Las conexiones como indica Alden (1998)que se pueden realizar entre los dos nodos de inforrnaclón de un mlsmo documento.
diferentes nodos d e información son d e tres tipos básicos. Contamos con la
posibilidad de que le lleven al sujeto a la misma parte La utilización de este tipo d e conexiones puede sernos muy Útil para trans-
del documento, que le lleven a una parte del mismo si- ferir al estudiante, por ejemplo a un test o ejercicio relacionado con el material
tio web, o que le trasladen a una parte d e un sitio web que se está trabajando en ese momento, ofrecer una respuesta o retroalimen-
diferente al utilizado. En las imágenes que presentamos tación a una pregunta formulada previamente, o desplazarnos hacia un glosario
a continuación se ofrece una visión gráfica de los dife- d e términos técnicos. Su utilización se debe realizar con cierta precaución ya
rentes casos indicados. que puede desorientar al sujeto y producir lo que se ha denominado como des-
El primer caso (fig. n.O 28), como hemos dicho se bordamiento cognitivo.
-
refiere al hecho d e incluir en el mismo documento una
conexión para que nos lleve automáticamente a otra En el último de los casos y d e acuerdo con Alden (1998).su utilización se
parte del mismo documento. Qráficamente la podría- puede deber a diferentes motivos: intentar ofrecer una demostración o un ejem-
mos representar d e la siguiente forma: plo respecto a la información que estamos tratando. transferir a lugares para
dirigir más información o formación especializada, para impulsar la iniciativa
personal d e investigación o un tópico del curso. Qráficamente podemos repre-
Ag. nO
. 28. Represenhclón de link en un rnlsrno documento (a). sentarlo como aparece en la figura n.O 30.