Módulo 14: Documentos hipertextuales, una guía para … TIC 14...Tecnologías de la Información y...

ISBN 987- 9225 - 01 – 5 1

Maestría en Gestión de Proyectos Educativos Tecnologías de la Información y la Comunicación

Año 2015 Módulo 14

Módulo 14: Documentos hipertextuales,

una guía para su diseño Segunda parte

Jorge E. Grau

Lo trágico no está en no poder resolver un problema, sino en no poder percibirlo

Jean Wahl El núcleo conceptual de esta Guía es el diseño y elaboración de material didáctico

hipertextual con un esquema escrito-visual-gráfico-dinámico –con texto, fotos, sonido, animaciones, hipertextualidad, etcétera– y con intencionalidad didáctica. Tanto para su diseño como para su revisión, presentaremos las etapas que constituyen el proceso correspondiente. Sólo cabe reiterar que no basta ubicar dichas etapas para lograr un material hipertextual de buena calidad; es necesario poner mucha atención no sólo a los contenidos, las imágenes y las animaciones, sino también a las condiciones de diseño hipetextual durante todo el proceso de integración de los distintos sistemas simbólicos.

¿Cómo incide la hipertextualidad en el conjunto [texto + imágenes + otros símbolos + sonidos] en el diseño de material didáctico (y en el proceso de enseñanza)?

Índice temático 1. Elementos de un hipertexto

1.1. El docente como autor-diseñador de hipertextos 2. Diseño de un sistema hipermedial

2.1. Preguntas de diseño 2.2. Definición de los objetivos del proyecto 2.3. Definición de la estructura general

3. Metodología de diseño de hipertextos educativos

3.1. Etapas en el desarrollo de un sistema hipertextual

3.2. Diseño de la aplicación

3.3. Definición de la estructura general

3.4. Guionización

3.5. Diseño de la interfase

3.6. Recursos de diseño

3.7. Otros recursos

3.8. Testeo y evaluación

4. Síntesis Integradora

5. Bibliografía

ISBN 987- 9225 - 01 – 5 2



1. Elementos de un hipertexto

La tecnología no exige por sí misma grandes cambios culturales, pero sí coloca a las ideas en un nuevo foco

J. D. Bolter

Como vimos, un hipertexto es una colección de textos simples a través de los cuales es posible “navegar" –explorar–, recorrer asociando datos e información de manera no secuencial, o estructurar recorriendo, realizando vinculaciones entre los nodos. Formalmente es una red de nodos –que contienen textos– que se encuentran vinculados. Los enlaces son las relaciones que existen entre los nodos. La potencialidad que tiene un hipertexto está en las posibilidades de recuperar dinámicamente datos e información según la perspectiva de la persona que lo recorre, alentando a la exploración de ideas, al estudio comparado y al análisis de esos datos. El usuario parte de un nodo y puede, mediante la selección de un enlace, configurar distintos itinerarios e incluso puede “desandar” el camino recorrido. A su vez, el término hipermedio generaliza la noción de hipertexto, e incluye en cada nodo información visual, sonidos, animaciones, video, etcétera. Como dijimos, utilizaremos hipertexto e hipermedio como sinónimos de hiperdocumento, documento informático, o documento audiovisual.

Como vimos en el módulo anterior, la mejor manera de conceptualizar la hipertextualidad consiste en integrar en el diseño sus características principales: estructura en red, multimedialidad, accesibilidad, interactividad, multisecuencialidad, conectividad, intertextualidad, gradualidad, etcétera. A su vez, cuatro son los elementos básicos de un sistema hipertextual: nodos, enlaces, red de ideas e itinerarios. Esta conceptualización del hipertexto nos permite construir y usar estructuras de información jerárquico-asociativas, a partir de la utilización de:

- Referencias separadas: El docente autor del hipertexto puede disponer de anotaciones separadas del documento digital, y de referencias externas pero vinculadas a él, permitiendo que el alumno pueda acceder a ellas en cualquier momento, postergando momentáneamente la lectura lineal mientras se exploran las mismas.

- Organización jerárquica o en red: Permite al docente configurar una estructura semántica que represente a la información a diferentes niveles de profundidad y revele sus interrelaciones. Pero además, en el caso de una organización jerárquica, permite agregar nuevas estructuras al documento, y en el caso de una organización en red, crear nuevos vínculos entre documentos.

En el diseño de un hipertexto podemos destacar algunas características interesantes desde la óptica didáctica:

- Se proveen todos los mecanismos de búsqueda: índice, referencias bibliográficas, referencias cruzadas, glosario, etc., que facilitan y completan la construcción del significado.

- Se manejan datos, información y diversas representaciones del conocimiento con una estructura dinámica y relacional que estimula la indagación, la integración y la transferencia del saber.

- El docente puede sugerir diferentes caminos para leer y estructurar los datos e información de los documentos, dependiendo no sólo de lo que quiere transmitir sino también teniendo en cuenta a quién va dirigido.

ISBN 987- 9225 - 01 – 5 3



- El alumno puede leerlo en el orden que quiera, sin las limitaciones que proporciona el papel y su forma estática de presentar el contenido.

También desde la óptica didáctica, podemos encontrar algunas dificultades en:

- La navegación: la posible desorientación del usuario puede darse a causa de la complejidad asociativa, transformándose en un obstáculo fundamental para el aprendizaje por exploración.

- La integración de la información: la poca estructuración que suelen presentar las aplicaciones hipertextuales, son la principal causa de la falta de integración de lo aprendido. A falta de una explícita organización externa, muchos usuarios presentan dificultades para la adquisición de conocimientos. Uno de los principales desafíos en este campo es proporcionar los enlaces y marcas suficientes para lograr esta integración dotando al hipertexto de la mínima estructura compatible con una utilización adecuada.

- La saturación cognitiva: muchas veces, la riqueza de la representación no lineal conlleva el riesgo de una potencial confusión, o desconcierto, intelectual y, consecuentemente, la pérdida del rumbo marcado por los objetivos.

- La posibilidad de control: es una de las estrategias de aprendizaje que le permite al usuario dirigir la secuencia de instrucción. Si bien un mayor control del proceso de aprendizaje no lleva a mejores decisiones, puede servirnos para reflexionar sobre las variables a introducir para lograrlo.

Los hipertextos organizan los datos de manera más abierta y flexible "densa". Estas características –propias de su organización– pueden acotar su utilidad para aquellos alumnos que no sean hábiles en establecer asociaciones. Muy probablemente, este problema esté relacionado con la capacidad para construir las propias secuencias de aprendizaje. Algunas investigaciones verifican que si se hacen más explícitas las relaciones entre unidades, mejora la exploración.

Los hipertextos son una tecnología que sin un buen diseño previo y sin reflexiones previas a su desarrollo, es difícil que ofrezcan buenos resultados.

1.1. El docente como autor-diseñador de hipertextos

Si bien la mayoría de los docentes no escriben libros, casi todos preparan sus propios materiales impresos, alcanzando un adecuado nivel de presentación. De un docente no se espera que ofrezca textos impresos con la misma calidad técnica que ofrece una editorial, sino un material diseñado para ser utilizado en el contexto específico de su aula, y con una alta aplicabilidad didáctica.

Con los hipertextos estamos en una situación análoga y los docentes pueden ser autores-diseñadores-productores de hipertextos, probablemente sin la misma calidad técnica que ofrece una empresa dedicada al diseño de estos sistemas, pero con un diseño eficaz que puede ser utilizado en un contexto específico, y con una alta aplicabilidad didáctica. Crear un hipertexto significa que el docente puede diseñar y alimentar la estructura física y lógica del documento y la organización de los contenidos.

Para el docente los desafíos del diseño consisten en:

- presentar, en forma coherente, varias líneas paralelas e integradas de contenidos para tratar un tema o argumento, y

- permitir al alumno sacar sus conclusiones acerca de qué enlaces va a seguir y en qué orden, aprendiendo así a gestionar su propio aprendizaje.

ISBN 987- 9225 - 01 – 5 4



En este sentido, los hipertextos superan las restricciones clásicas que genera la escritura de un texto, por lo que:

- Tanto el docente-autor como el alumno-usuario que trabajan en un hipertexto no están restringidos por un medio estático como es el documento escrito.

- Se facilita al docente y al alumno la creación de itinerarios personalizados, de acuerdo con su propio estilo cognitivo.

- El recurso brinda una dinámica de trabajo que no ofrece otro medio.

Desde la óptica didáctica, nos interesa resaltar dos aspectos:

– la capacidad de trabajo en hipertextos, y

– el diseño y la organización de hipertextos.

Ambos aspectos se refieren a lo que hemos llamado “pensar en híper”. Es obvio que –por lo menos para los nativos de la cultura del libro–, luego de haber sido educados con textos, informes, etcétera, redactados en forma lineal, la creación de un hipertexto es un desafío muy atractivo. Será preciso:

- organizarse en términos de mapas jerárquico-relacionales,

- manejar con alguna solvencia diferentes lenguajes y códigos simbólicos,

- crear configuraciones que integren diversos medios: textos + gráficos + fotografías + videos + sonidos, etc.,

- establecer enlaces apropiados,

- configurar probables recorridos,

- lograr una buena presentación visual de la información,

- desplegar el contenido en esos recorridos y direcciones, y

- conocer y operar algún tipo de software que permita su implementación.

Es necesario prever que en un hipertexto con muchos nodos, un alumno puede “desorientarse”: perder la noción de dónde se encuentra y cuál fue el camino seguido. Esta desorientación puede ser una consecuencia directa de:

- la naturaleza poco estructurada del hipertexto,

- una gran libertad de exploración, y

- diferentes niveles o estratos de información.

Uno de los aportes más importantes de estas herramientas consiste en aliviar, mediante una organizaciónadecuada, lo que llamamos “sobrecarga de información”, gran cantidad de documentos para leer, gráficos que interpretar, imágenes que aceptar, y que habitualmente sobrepasa la capacidad de lectura, estructuración y organización de materiales que tiene una persona.

Si bien la estructura está dada por el autor del hipertexto, es bueno plantearse cuáles serán las estrategias de exploración de los usuarios, ya que es el lector-explorador quien selecciona la secuencia de lectura (que varía de lector a lector, y aún para un mismo lector en distintas sesiones de lectura), por lo que es imposible pensar en una única forma de lectura global. La estructura del hipertexto es un “organizador” de las relaciones que pueden establecerse: al romper con la lectura secuencial invita a la exploración del universo relacional asociado.

ISBN 987- 9225 - 01 – 5 5



2. Diseño de un sistema hipermedial

Por la índole de su empresa, un explorador nunca puede conocer lo que está explorando hasta que lo ha explorado

Gregory Bateson

Para el diseño de una red conceptual, en la que se basa un hipertexto, es conveniente desarrollar los siguientes pasos:

- Identificar la idea principal.

- Identificar las ideas secundarias y /o relacionadas.

- Establecer los correspondientes nexos relacionales y jerárquicos.

- Incorporar datos de apoyo.

- Identificar contextos. A su vez, la realización de este diseño requiere cumplir una serie de pasos:

- Definición del proyecto

- Planificación del proceso

- Diseño de la aplicación

- Guionización

- Diseño de la interfase

- Testeo y evaluación

Habitualmente la idea de diseño remite a una sola persona, que cumpliría múltiples funciones y tomaría muchas decisiones. Más allá de nuestro trabajo personal de diseño, conviene extender estos conceptos a equipos o grupos de personas que compartan esas decisiones. Por ello también conviene dividir al diseño hipertextual en tres áreas conceptuales distintas, con tres ópticas pero con tres direcciones convergentes entre sí: contenidos, comunicación visual, e informática. A cada una de ellas le corresponde desarrollar simultáneamente las tres facetas del diseño hipertextual, que no pueden realizarse aisladamente, sino en permanente interacción:

- Contenidos –el diseño didáctico de la información–: tiene como objetivo el desarrollo de la estructura de organización de datos y de sus relaciones. Idealmente, deberían estar en manos de un buen conocedor de los contenidos que se incluirán en la aplicación hipertextual. Esta fase tiene por objetivo desde la selección de los materiales y la definición de las jerarquías de información, hasta las correcciones finales de estilo.

- Comunicación visual, arte, o diseño gráfico: tiene como responsabilidad el desarrollo de la presentación que dará personalidad a la aplicación hipertextual. Idealmente incluye todo lo desarrollado para imágenes audiovisuales + sistemas simbólicos y debería estar en manos de un conocedor de estos sistemas y sus posibilidades gráficas.

- Informática, computación o tecnología –desarrollo informático–: asume desde la digitalización de datos hasta el aprovechamiento de las posibilidades del programa hipertextual, de la configuración de los contenidos y de los requerimientos de los distintos sistemas simbólicos utilizados.

Como ya dijimos, estas tres direcciones deben converger de manera ponderada en el diseño final.

ISBN 987- 9225 - 01 – 5 6



2.1. Preguntas de diseño

Proponemos ahora una serie de preguntas, algunas repetidas, que pueden señalarnos aspectos a tener en cuenta en el diseño hipertextual (A. Tucker, 1992):

¿Estamos condicionados por la cultura de la imprenta?

¿Cómo influirá en el diseño nuestro enfoque cognitivo?

¿Qué modelo de enseñanza utilizaremos?

¿Cómo concebimos la exploración en un sistema hipertextual?

¿Qué niveles de información incluimos?

¿Cómo desarrollamos los contenidos?¿Cómo facilitamos la información?

¿Cómo relacionamos la información lineal?¿y la información no lineal?

¿Cómo facilitaremos el acceso a la información?

¿Qué sistemas simbólicos utilizaremos para esas representaciones?

¿Qué clase de representaciones incluiremos?

¿Cómo utilizaremos las imágenes audiovisuales?

¿Cómo desarrollaremos el hipertexto?¿jerárquica o referencialmente?

¿Cómo trataremos los temas con alto nivel de abstracción?

¿Qué haremos para filtrar lo relevante de lo irrelevante?

¿Cómo imaginamos que los alumnos secuenciarán el material para su posterior comprensión?

¿Cómo evitamos que los alumnos se pierdan en el hipertexto?

¿Cómo podemos generar un procesamiento conceptual de mayor nivel?

¿Cuál es el impacto que esperamos de las diferentes secuencias? 2.2. Definición de los objetivos del proyecto

Tratamos ahora de definir y delimitar el tema acotando el contenido principal y los temas secundarios. Los objetivos del recurso hipertextual se logran paulatinamente analizando los siguientes puntos:

- La utilidad didáctica: ¿cuál es el rol en el contexto de enseñanza-aprendizaje, su relación con el currículum y la planificación.

- La necesidad: ¿qué aporta el hipertexto que otro recurso no ofrece?

- Las oportunidades de uso: ¿en qué áreas la aplicación podría ser utilizada?

- Las limitaciones: ¿Qué problemas o necesidades no resuelve? ¿Qué contenidos específicos de las asignaturas no apoya? ¿Qué alternativas existen –libro, folleto, video– para lograr los objetivos sin utilizar hipertextos?

- Definiciones: ¿Para qué alumno?¿En qué medio ambiente?¿Con qué información, textual, gráfica, video, animación?

Para definir mejor los contenidos de la aplicación, en esta etapa debemos recopilar la información disponible en distintos recursos: libros, folletos, fotos, videos, sonidos, etcétera. Su elección debe justificarse en términos de su utilidad real y su costo de producción. Debemos recoger la mayor cantidad de información posible relacionada con el tema, incluyendo otros proyectos similares. Esta recolección permitirá definir mejor a la aplicación, con un criterio de realismo que, en algunos casos será un criterio para descartar el proyecto –por ejemplo, por falta de información disponible–.

A partir de la información recogida podremos determinar su presentación y

ISBN 987- 9225 - 01 – 5 7



secuencia de acuerdo a los objetivos buscados, los destinatarios y su contexto de utilización. Conviene organizar tanto un esquema que nos muestre la relación de los conceptos como un guión que nos facilite la secuencia de la información según el esquema previsto. Es importante mantener un registro de las fuentes y medios donde se ha recogido información ya que ésta deberá ser utilizada durante las siguientes etapas y es necesario saber cómo localizarla.

Es importante definir la estrategia didáctica con la que trabajaremos en la organización de los contenidos: jerarquía, formatos, desarrollo espacio-temporal, tipos de preguntas, naturaleza de los refuerzos, mapas de navegación, elementos para la síntesis, necesidades de redundancia (entendida como el envío simultáneo del mismo mensaje por diferentes canales con el propósito de reforzar la potencia de transmisión), medios de evaluación, etc. A partir de esta estrategia podríamos desarrollar el diseño didáctico siguiendo la presente estructura:

- presentar la información que contiene el hipertexto.

- realizar la diferenciación progresiva de conceptos, ideas importantes o sugerencias en cada módulo.

- proponer recorridos integradores de saberes. 2.3. Definición de la estructura general

Podemos definir la estructura de la aplicación a partir de bocetos que nos permitirán visualizar mejor sus componentes, sus relaciones, los mecanismos de ubicación y navegación del alumno, por ejemplo, con un mapa conceptual. A través de estos bocetos es posible tener una visión más concreta de la estructura general de la aplicación.

Definamos al nodo del hipertexto –lo que se ve en la pantalla de la computadora– como la unidad mínima de contenidos, compuesta de texto, gráficos, animaciones, sonido, etc. Los itinerarios –ir de un nodo a otro– se construyen mediante los enlaces o conexiones entre nodos –los hipervínculos–. El espacio hipertextual es el conjunto de nodos e hipervínculos. La disposición y enlace de los nodos debe atender, al menos, tres características: la naturaleza y número de nodos, la naturaleza y número de enlaces, y la estructura general del sistema.

Vamos a introducir tres conceptos, de orden cualitativo, que nos van a facilitar el diseño de la navegación de hipertextos didácticos (A. Cooper, 2001):

- los atractores hipertextuales –elementos simbólicos que tienen una gran capacidad de atraer al alumno–,

- los distractores hipertextuales –aquellas páginas que interrumpen la continuidad y hacen perder el interés del alumno–, y

- la fricción hipertextual –la probabilidad de perder el interés–.

Para los docentes, el preparar un volumen manejable de texto y simultáneamente minimizar o eliminar los distractores hipertextuales plantea un problema práctico. Algunos autores estiman que las distancias cortas maximizan la continuidad hipertextual –las rutas más cortas en el grafo van a ofrecer la mejor trama–. Sin embargo, las rutas mínimas tampoco resuelven eficazmente al hipertexto. De hecho, en un hipertexto didáctico usualmente se repiten una o más páginas, lo que de alguna manera interrumpe la narración. Desafortunadamente, encontrar las rutas más cortas en un hipertexto no garantiza que tenga sentido desde la propuesta didáctica. Si interesa encontrar aquellos elementos que interrumpan la continuidad y hagan perder el interés al alumno.

ISBN 987- 9225 - 01 – 5 8



Interesa determinar cómo serán presentadas las unidades de información al alumno y cómo accederá a ellas. Una manera de hacerlo es separar la información en bloques significativos y organizarlos mediante el diseño de un mapa conceptual donde cada nodo represente un tema o subtema y la uniones entre los mismos expresen relaciones de tipo: explicación, profundización, componente, secuencias de revisión, refuerzo y ubicación, posibles rutas de navegación, etcétera. Las unidades de información que guardan entre sí cierta jerarquía, son más funcionales, más fáciles de manejar y de entender. Dividir la información en unidades lógicas, establecer jerarquías, relacionar esos núcleos y analizar la funcionalidad de los mismos y pensar en su estética, son pasos básicos en el diseño de la organización.

Es importante determinar el grado de interrelación que existe entre las unidades de información, cómo serán presentadas y cómo accederán a ellas los alumnos. Determinadas estas prioridades podremos modelar nuestra estructura organizacional en ese mapa conceptual haciendo los ajustes que sean convenientes. Tengamos en cuenta que, en general, el alumn al encontrar nueva información comienza a construir sus propios modelos mentales, por lo tanto será conveniente utilizar procedimientos consistentes en la agrupación, orden y rotulación de la información. Esta práctica mejora la lectura en pantalla y ayuda a los alumnos a recuperar y procesar información más rápidamente. El objetivo es organizar los datos en un orden lógico y psicológico, entendible e interesante, usando una narrativa comprensible y construyendo una jerarquía de menús y páginas que sean naturales: no hay que “vincular todo con todo”.

Las estructuras secuenciales son la manera más simple y natural de organizar la información, dada por un orden cronológico, por tópicos que van de lo general a lo específico, alfabético, numérico, etcétera. Aún así, alguno de los nodos principales de estas secuencias pueden poseer enlaces o conexiones a nodos con referencias o información relacional (Figs. Nº 1 y 2).

Fig. Nº 1: Estructura secuencial

Fig. Nº 2: Estructura secuencial con conexiones a otros nodos

Las estructuras jerárquicas son configuraciones más aptas para organizar

información compleja. En esta organización también pueden existir “links” que unan tópicos existentes en las distintas ramas (Fig. Nº 3).

Fig. Nº 3: Estructura jerárquica

Las estructuras en red permiten, en principio, un recorrido sin un patrón

determinado. Cuando son muy amplias, suelen producir confusión, ya que es difícil

ISBN 987- 9225 - 01 – 5 9



reconocer el tipo de relación que vincula las unidades (Fig. Nº 4).

Fig. Nº 4: Estructura en red

Para organizar los contenidos, algunos esquemas básicos de redacción pueden

ser eficaces. Una explicación, por ejemplo, puede contener:

- pasajes descriptivo-narrativos, que identifican el hecho, - pasajes expositivos, que aportan datos, y - pasajes explícitamente argumentativos, que fundamentan algo.

Conviene aprovechar que los estilos de redacción funcionan como unidades estructurales de sentido dentro de los textos, y utilizarlos como criterio operativo para descomponer esos textos en conjuntos orgánicos enlazados en nodos e itinerarios. La misma información puede descomponerse, entonces, en varias unidades textuales, distribuidas en pantallas enlazadas en función de su contenido. También aparecerían:

- una descripción del hecho –textual, gráfica o animada–;

- una narración escueta del evento, si lo hubiera; y

- una exposición de datos y citas textuales que explican el contenido.

La práctica de la narrativa hipertextual implica no sólo reconocer las posibilidades expresivas que nos permite el hipertexto sino también establecer un nuevo diálogo: pensar y redactar en híper. Esto implica:

- reconocer los aspectos teórico-prácticos de la nueva expresión;

- desprenderse de las rutinas clásicas de redacción,

- entrenarse en la selección de material –texto, imágenes y símbolos– que ofrezcan distintas opciones perceptivas, y

- estar dispuesto a avanzar utilizando del entorno digital.

Todo indica que es posible superar el que nos contentemos con reproducir el texto impreso del libro, o del apunte. Para ello, el docente debe abandonar el rol de escritor tradicional para convertirse en un escritor técnico. Debe, incluso, ser capaz de realizar un trabajo en equipo con otros profesionales –el programador, el dibujante, el diseñador gráfico, el técnico audiovisual, etcétera–. Abandonar el rol tradicional puede ser más laborioso para aquellos docentes que transitaron largamente tanto la tradición oral –relato, tiza y pizarrón– y escrita –redactores de libros y material impreso–. Aún así, creemos que todo docente debe ser un explorador abierto a la integración de la experiencia docente con la técnica hipertextual.

El agregado de material documental y la actualización de datos podrían quedar esquematizadas en la siguiente estructura orgánica (R. Salaverría, 1999) (Fig. Nº 5):

ISBN 987- 9225 - 01 – 5 10



Fig. Nº 5: Más recorridos en una red de nodos (Adap. de R. Salaverría)

Para redactar en híper efectivamente, consideremos las siguientes sugerencias en el estilo de escritura:

- escribir en forma simple y directa, - conservar los párrafos cortos, y - fraccionar el texto.

De esta manera, los lectores no verán un bloque único de texto. Esta práctica mejora la lectura en pantalla y ayuda a los usuarios a recuperar y procesar la información más rápidamente. Aún así, la comprobación más importante es que los hipertextos no proporcionen una línea específica de argumentación, o de enunciación, sino una estructura de posibilidades, dejando los actos de significación “atados” a la acción del alumno. Ello genera tres problemas relacionados con el diseño del hipertexto (G. Ulmer, 1991):

- la necesidad de orientar a los alumnos y ayudarlos a leer eficazmente y con ganas –este problema involucra la navegación, es decir, el recorrido a través de los materiales–.

- la necesidad de ofrecer la alumno enlaces que faciliten un recorrido sobre el material principal del documento –implica las preocupaciones por la información de salida–.

- la necesidad de informar al alumno en el momento en que entra un nuevo documento – implica el arribo o información de entrada–.

Según J. Nielsen (2001), el hipertexto no es apropiado para todos los usos, y ofrece tres criterios para determinar cuándo conviene usarlo:

- Cuando hay un cuerpo de información organizado en muchos fragmentos.

- Cuando estos fragmentos se relacionan unos con otros.

- Cuando –en cualquier momento– los lectores necesitan solamente una pequeña fracción de esta información.

ISBN 987- 9225 - 01 – 5 11



Las aplicaciones más adecuadas para diseñar un hipertexto son todo aquel material que pueda dividirse en segmentos cortos y autónomos. Al fraccionar el material en contenidos más pequeños y etiquetarlos con títulos y subtítulos precisos, se ayuda a los lectores que tienden a barrer el texto buscando esa información.

Que un documento sea apropiado para el diseño hipertextual no garantiza que ese diseño sea eficaz. Los docentes-autores necesitamos considerar cómo lograr que un documento hipertextual sea útil para nuestros alumnos.

El desarrollo de la información en redes es habitualmente más explícito, pero no necesariamente más comprensible, y estructurar e interpretar su significado puede requerir un gran esfuerzo, en detrimento de los objetivos propuestos por la aplicación. La combinación de aleatoriedad y secuencialidad debe ser estudiada para conseguir la transmisión de contenidos según esos objetivos. Los dos extremos tienen sus ventajas e inconvenientes y la solución, de corte didáctico, no siempre es fácil de alcanzar.

Si relacionáramos las variables complejidad operativa con estructura hipertextual, encontraríamos mayor flexibilidad de acceso, probablemente, pero también crecerían las posibilidades de confundir al alumno: a mayor complejidad, mayor flexibilidad, pero con mayores posibilidades de generar dificultades en el alumno.

Para reducir la impresión de fragmentación es indispensable, establecer una estructura jerárquica de los contenidos, indicar los enlaces con precisión, y mostrar las unidades de información y sus equivalencias con claridad. Por otro lado, es conveniente tener en cuenta que las aplicaciones que disponen de una gran libertad de navegación pueden generar dificultades que interfieren en la tarea previa de explorar el material:

- Posibilidad de desorientarse en la información: ya que impide establecer algún tipo de relación significativa, o permite establecer falsas relaciones (debido a una mala estructuración de la información, tanto desde el punto de vista técnico, como didáctico)

- Saturación: dado que las unidades de información son superiores a las deseadas.

- Imposibilidad de dominar la interfase que controla las tareas.

Como se plantea en el último punto, se requiere disponer de una interfase gráfica suficientemente operativa –acceso a las pantallas, facilidades para navegar, etcétera–, que le dé un adecuado grado de uniformidad, consistencia, simplicidad, fluidez e interacción al discurso mismo. Como se infiere, para definir el modo –estructura e interfase– en como se presenta la información debemos tener en cuenta no sólo los objetivos y los contenidos, sino también a los destinatarios.

Desde la óptica didáctica, nos interesa resaltar dos aspectos: – la capacidad de trabajo en hipertextos, y – el diseño y la organización de hipertextos.

Ambos se refieren a lo que hemos llamado “pensar en híper”. Es obvio –por lo menos para los nativos de la cultura del libro–, que la creación de un hipertexto es un reto muy atractivo.

ISBN 987- 9225 - 01 – 5 12



3. Metodología de diseño de hipertextos educativos

Warum denn einfach, wenn es auch kompliziert geht? (¿Por qué hacerlo sencillo pudiéndolo hacer complicado?)

chiste vienés

Antes de iniciar el diseño concreto de recursos hipertextuales, debemos considerar los elementos que permiten su desarrollo. A veces estos aspectos quedan relegados a un segundo término ya que, confiados en la experiencia docente, se presume una cierta habilidad o conocimiento tecnológico. En otras ocasiones, la imprevisión lleva a la improvisación. Es aconsejable que en el proceso de diseño de una aplicación hipertextual estén presentes:

- lo perceptivo: qué podrá percibir el usuario al utilizar el software,

- lo metodológico: qué principios didácticos soportan el diseño de la aplicación, y

- los aspectos funcionales: qué podrá hacer el usuario con la aplicación.

Es recomendable que el hipertexto:

1) desde el punto de vista perceptivo sea (G. Bonsiepe, 1999): - Explorable: el recurso incluye sugerencias e invitaciones para indagar las

áreas relacionadas con la aplicación al mismo tiempo que se siente motivado a utilizar el recurso y puede hacer la transferencia de contenidos desde el mismo a su actividad.

- Relevante: el usuario encuentra contenidos que le interesan puesto que le son útiles para su aprendizaje, tienen que ver con él, sus intereses y expectativas.

- Sugerente: el recurso propone al usuario actividades interesantes que puedan desarrollarse fuera de la computadora –ejemplo: construir un artefacto, cuyo diseño y principios se explican en el hipertexto, o realizar un experimento cuya explicación y visualización se describen en el hipertexto, etcétera–. Esta idea busca quitarle protagonismo a la computadora como fin instruccional.

- Atractivo: el usuario se siente motivado a utilizar el recurso porque su apariencia es llamativa, ya que se presentan metáforas y elementos conocidos.

2) desde el punto de vista metodológico sea: - Colaborativo: pemita el trabajo grupal, ya sea en grupos que difieren en tiempo

y espacio, o en el aula.

- Complementario: el recurso complementa algún proyecto o trabajo organizado por el docente o los alumnos, sirviendo de apoyo a la tarea de enseñanza. Este principio refuerza la concepción de la computadora como una herramienta al servicio del profesor, facilitando su integración a la práctica didáctica.

3) desde el punto de vista funcional sea: - Interactivo: el usuario tiene el control del recurso la mayor parte del tiempo.

Una herramienta de producción: el usuario puede hacer, construir o producir algo personal con el recurso, y no sólo obtener información –la interpretación y reestructuración a través de los diferentes sistemas

ISBN 987- 9225 - 01 – 5 13



simbólicos son instancias deseables en el aprendizaje, pero no agotan al proceso de aprendizaje–. Esta característica potencia la retroalimentación que el usuario tiene al utilizar el hipertexto.

Eficaz en la entrega de resultados: el usuario tiene que llevarse “algo", por ejemplo, una hoja impresa con un diseño, un texto, o el resultado de su trabajo. Este aspecto de retroalimentación es importante desde la perspectiva psicológica.

3.1. Etapas en el desarrollo de un sistema hipertextual

La realización de un recurso hipertextual propone el cumplimiento de una serie de pasos bien definidos:

- Definición del proyecto (factibilidad)

- Planificación del proceso

- Diseño de la aplicación

- Guionización

- Diseño de interfase

- Testeo y evaluación

Sintetizamos la definición del proyecto en los siguientes pasos (Fig. Nº 6):

Fig. Nº 6: Posible proceso del diseño hipertextual

Donde:

D = Documentos.

M = Mapa conceptual de la estructura de la aplicación.

I = Información. Representa el material recolectado para la aplicación (textos, imágenes, videos, sonido, etc.).

RP = Revisión del proceso y de las evaluaciones

Sintetizamos esta etapa del proceso en los siguientes pasos:

1) Necesidades: existe una necesidad y estamos interesados en utilizar recursos hipertextuales para satisfacer, al menos en parte, esa necesidad. Esta actividad pretende descubrir la forma de satisfacer esa necesidad, en esta etapa la creatividad se torna fundamental para el desarrollo del proyecto.

2) Objetivos: se trata de definir y delimitar el tema, puntualizar el contenido principal y los temas secundarios. Los objetivos del recurso hipertextual se logran paulatinamente analizando los siguientes puntos:

- La utilidad didáctica: cuál es el rol en el contexto de enseñanza-aprendizaje, su relación con el currículum y la planificación.

ISBN 987- 9225 - 01 – 5 14



- La necesidad: ¿qué aporta el recurso hipertextual que otro recurso no ofrece?

- Las oportunidades de uso: ¿en qué áreas la aplicación podría ser utilizada y los objetivos de tales usos?

- Las limitaciones: ¿qué problemas o necesidades no resuelve?

La selección y definición del tema podría delimitarse respondiendo en forma satisfactoria preguntas tales como:

- ¿Por qué abordar el tema? Esta pregunta debe responderse desde la perspectiva didáctica, argumentando claramente la relevancia y pertinencia de la aplicación en términos de contenidos y actividades propuestas.

- ¿Qué alternativas existen (libro, folleto, video, software similar, lograr los objetivos sin utilizar computadores, etc.)? Desarrollar este tipo de aplicaciones implica recursos humanos, tecnológicos e insumos, por lo que conviene cuantificar estos factores con suficientes antecedentes (evaluación social del proyecto). En muchas ocasiones existen mejores alternativas, en otras ocasiones, el hipertexto podría limitarse a complementar o ser una parte de un proyecto educativo.

3) Análisis de destinatarios: La definición del usuario de la aplicación y el medio ambiente en el que vive y la utilizará, es determinante para el trabajo de los temas, los recursos gráficos y lingüísticos, aspectos motivacionales y recolección de información. Para este proceso, podemos construir una ficha de las características del usuario que incluya (A. Moreno Muñoz, 2000):

- Descripción psicológica: incluye aspectos internos (niveles de desarrollo, aspectos cognitivos, capacidades de abstracción, motivaciones, etc.). Estas características determinarán, en parte, lo que se conoce como interfase de usuario, el estilo de tratamiento de los temas, etc..

- Descripción del entorno social y cultural: casa, escuela, trabajo, familia, tradiciones. Esta descripción aporta en términos del conocimiento que se tendrá respecto a la pertinencia de los contenidos y actividades propuestas.

- Descripción del medio ambiente en el cual se usará la aplicación: escuela, biblioteca, sala de clases, etc. (esto se amplía más en el diseño que en la definición ya que en el diseño se incluyen aspectos metodológicos). El contexto en que es utilizado el hipertexto determinará el estilo motivacional, las metáforas a utilizar, las actividades a realizar, etc..

Una vez construida la descripción básica del usuario, podemos conjeturar sobre las expectativas que puede tener, y desarrollarlas a partir de los siguientes interrogantes:

¿qué sabe ya del tema? evaluar los conocimientos previos que el usuario tendrá al recorrer la aplicación.

¿qué necesita saber?¿qué nivel de conocimiento –de contenido o tecnológicos– se requerirá para utilizar la aplicación?

Las respuestas a estos interrogantes permitirán establecer cuáles son las expectativas que tenemos de la aplicación. Para obtener las respuestas podemos recurrir a instrumentos de evaluación y entrevistas.

ISBN 987- 9225 - 01 – 5 15



4) Recursos a estimar: equipos para el desarrollo y la utilización.

¿Qué equipos tecnológicos se requieren para el desarrollo?:

Computadora, impresoras, pantallas, equipos digitalizadores.

Programas de diseño gráfico, animaciones y edición de digitalizaciones.

Programas para integrar los diferentes medios y producir la aplicación.

Espacio en disco, memoria RAM, etc.

Velocidad estimada de proceso, etc.

¿Qué equipos tecnológicos se requieren para utilizarlo?:

Computadora, impresoras

Programas en los cuales la aplicación “corre” si no es ejecutable

Espacio en disco, etc.

5) Fuentes de documentación: ¿Con qué información: textual, gráfica, auditiva, video, animación, se cuenta?

En esta etapa debe recopilarse información disponible en distintos recursos: libros, folletos, fotos, videos, sonidos, etc. La elección de los mismos debe justificarse en términos de su utilidad real y su costo de producción. Debemos recoger la mayor cantidad de información posible relacionada con el tema, incluyendo otros proyectos similares.

Esta recolección permitirá definir mejor el contenido de la aplicación, dándole un criterio de realismo y en algunos casos será un criterio para descartar el proyecto, por ejemplo, por falta de información disponible. Es importante mantener un registro exacto de las fuentes y medios de los que se ha recolectado información ya que ésta deberá ser utilizada durante las siguientes etapas y es necesario saber cómo localizarla.

3.2. Diseño de la aplicación

Para definir cómo se presenta la información –estructura e interfase– debemos tener en cuenta los componentes principales: objetivos, contenidos y destinatarios.

Podemos definir la estructura de la aplicación a partir de bocetos que nos permitirán visualizar mejor sus componentes, sus relaciones, los mecanismos de ubicación y navegación del usuario, etc. –por ejemplo al estilo de un mapa conceptual–. A través de estos bocetos es posible tener una visión más acabada y concreta de la estructura general de la aplicación.

Es importante definir la estrategia didáctica con la que trabajaremos en la organización de los contenidos: jerarquía, formatos, desarrollo espacio-temporal, tipos de preguntas, naturaleza de los refuerzos, mapas de navegación, elementos para la síntesis, necesidad de redundancia (entendida como el envío simultáneo del mismo mensaje por diferentes canales con el propósito de reforzar la potencia de transmisión), medios de auto y heteroevaluación, etc.

A partir de esta estrategia podríamos desarrollar el diseño didáctico siguiendo la presente estructura:

Organizador: presentar la información que contendrá el hipertexto.

Diferenciación progresiva: realizar la diferenciación progresiva de conceptos, ideas importantes o sugerencias en cada módulo.

ISBN 987- 9225 - 01 – 5 16



Motivación por el logro.

Anclajes.

Organizadores perceptuales: estarán dados por el diseño de la interfase.

Evaluación obligatoria: propone una síntesis integradora de saberes.

Es importante determinar cómo serán presentadas las unidades de información al usuario y cómo el usuario accederá a ellas. Una manera de hacerlo es separar la información en bloques significativos y organizarlas en una red hipertextual, mediante el diseño de un mapa conceptual donde cada nodo represente un tema o subtema y la uniones entre los mismos expresen relaciones de tipo: explicación, profundización, componente, secuencia de revisión, refuerzo, mecanismos de ubicación, posibles rutas de navegación, etc. 3.3. Definición de la estructura general

Dividir la información en unidades lógicas, establecer jerarquías, relacionar esos núcleos y analizar la funcionalidad de los mismos y pensar en su estética, son pasos básicos en el diseño de la organización. Las unidades de información que guardan entre sí cierta jerarquía, son más funcionales, más fáciles de manejar y de entender.

Es importante determinar el grado de interrelación que existe entre las unidades de información, cómo serán presentadas y cómo accederán a ellas los alumnos. Una vez determinadas estas prioridades podremos modelizar nuestra estructura organizacional mediante un mapa conceptual. Tengamos en cuenta que el usuario al encontrarse con nueva información comienza a construir sus propios modelos mentales, por lo tanto será conveniente utilizar métodos consistentes para la agrupación, orden, rotulación y gráficos.

El objetivo debe ser construir una jerarquía de menús y páginas que sean naturales, no se trata de “vincular todo con todo”; sino de organizar la información en un orden lógico, interesante y entendible, usando una narrativa comprensible. Algunos modelos de estructuras organizativas de la información son:

- Secuencia: es la manera más simple y natural de organizar la información. La secuencia puede estar dada por un orden cronológico, por tópicos que van de lo general a lo específico, alfabético, numérico, etc. Sin embargo, este modelo no aprovecha las potencialidades de la estructura hipertextual.

- Jerarquía: es una de las mejores maneras de organizar información compleja. La metáfora navegacional suele ser fácil de entender. En este tipo de organización pueden existir “links” que unan tópicos existentes en las distintas ramas, pero aún así la estructura es clara.

- Red: es una estructura compleja, que permite un recorrido sin patrón determinado. Este tipo de estructura suele producir confusión, ya que es difícil reconocer el tipo de relación que vincula las distintas unidades.

Por otro lado, es conveniente tener en cuenta que las aplicaciones que disponen de una gran libertad de navegación pueden generar algunas dificultades que interfieren en la tarea previa de explorar el material:

- Posibilidad de desorientarse en la información: ya que impide establecer algún tipo de relación significativa, o permite establecer falsas relaciones (debido a una mala estructuración de la información, tanto desde el punto de vista técnico, como didáctico)

ISBN 987- 9225 - 01 – 5 17



- Saturación: dado que las unidades de información son superiores a las esperadas (o deseadas).

- Imposibilidad de dominar la interfase que controla las tareas.

El desarrollo de la información en redes es más explícito, pero no necesariamente más comprensible, y estructurar e interpretar su significado puede requerir un gran esfuerzo, en detrimento de los objetivos propuestos por la aplicación. La combinación de aleatoriedad y secuencialidad debe ser estudiada para conseguir la transmisión de contenidos según esos objetivos. Los dos extremos tienen sus ventajas e inconvenientes y la solución, de corte didáctico, no siempre es fácil de alcanzar.

Para reducir la impresión de fragmentación es indispensable, establecer una estructura jerárquica de los contenidos, indicar los enlaces con precisión, y mostrar las unidades de información y sus equivalencias con claridad. Tal como dijimos, a mayor complejidad, mayor flexibilidad pero con mayores posibilidades de generar confusión en el usuario. 3.4. Guionización

A partir de la información recogida podremos determinar su presentación y secuencia de acuerdo a los objetivos buscados, los destinatarios y su contexto de utilización. Conviene organizar un esquema que nos muestre la relación de los conceptos y un guión literario que facilite la secuencia de la información.

Para redactar un hipertexto efectivo consideremos las sugerencias siguientes:

- Escribir en forma simple y directa - Preferir las oraciones simples, declarativas e imperativas. - Utilizar una estructura de oración afirmativa. - Siempre que podamos utilicemos la voz activa. - Elijamos verbos con significado directo y claro. - Seamos concisos. - Utilicemos puntuación simple: evitemos, en lo posible, el punto y coma. - Expresemos nuestras ideas con la mayor precisión posible. - Usemos solamente las palabras que realmente necesitamos. - Utilicemos palabras concretas, especificas. Evitemos las “abstracciones”. - Quienes desean profundizar en el tema, pueden continuar leyendo sin

perjuicio de quienes buscan rápidamente la información relevante.

- Conservar los párrafos cortos - Limitémonos, en lo posible, a una idea principal por párrafo. - Siempre que sea posible, incluya pocas oraciones por párrafo. - Fraccionemos los párrafos largos por otros más cortos. - Eliminemos material innecesario escribiendo en forma sencilla y concreta

- Fraccionar el texto - Antes de comenzar, hagamos un esquema de los contenidos a desarrollar. - Estructuremos el texto mediante resúmenes y tablas de contenidos. - Segmentemos el texto en contenidos cortos y autónomos. - Fraccionar y segmentar requiere un claro direccionamiento y criterio. - La división debe permitir seleccionar temas de interés. - Titulemos las fracciones para identificar claramente su contenido.

ISBN 987- 9225 - 01 – 5 18



- Los títulos y subtítulos deben ser claros, simples y concisos - Repitamos la información general necesaria para contrarrestar la posible

pérdida de contexto. 3.5. Diseño de la interfase

Hasta hace poco tiempo atrás, una interfase era sólo un conjunto de botones y ventanas que permitían determinadas operaciones, pero actualmente se ha convertido en un sistema de acciones que le simplifican a las personas la complejidad operativa que tiene un documento hipertextual, ofreciéndoles posibilidades que facilitan el proceso de exploración en su conjunto.

Se puede caracterizar a la interfase como el elemento que pone en comunicación a la persona y la computadora según las necesidades de cada uno. En este modelo, la interfase se define como la manera en que la persona y la computadora interactúan entre sí. Los modelos de interfases pueden ser:

- Menús: están basados en una estructura modular que evita la desorientación, determinando una navegación secuencial y/o jerárquica (Fig. Nº 7).

- Icónicas: presentan la información utilizando objetos: libros, escritorios, biblioteca, mapas, etcétera (Fig. Nº 8).

Fig. Nº 7: interfase “menú” Fig. Nº 8: interfase “icónica”

- Especiales: utiliza a la realidad como modelo y organiza el acceso a la información en escenarios que la simulan –paisajes, edificios– (Fig. 9 y 10).

Fig. Nº 9: interfases “espaciales” Fig. Nº 10: interfases “especiales”

ISBN 987- 9225 - 01 – 5 19



En base al modelo elegido podrán determinarse accesos y distribución. No siempre el usuario sabe qué información “quiere encontrar”. Por eso que es importante dar accesos directos a ella: esto significa que debemos minimizar el número de pasos para llegar a determinado núcleo de información. El diseñar una jerarquía eficiente y una metáfora de menú simple, familiar y lógica usando diseños modulares y patrones permitirán que el usuario se sienta cómodo en la exploración. También debe “tener sentido del contexto”: un sentido del lugar dentro de la organización de la información.

¿Qué espera el usuario del sistema hipertextual?

Estas es una de las preguntas que deben ser planteadas y respondidas como parte del diseño de la interfase. Si se han tenido en cuenta los factores humanos, el diálogo será fluido y se establecerá un ritmo entre el usuario y el programa. Si estos factores se han ignorado, el sistema será casi siempre visto como “poco amigable”.

La interfase es el primer elemento de comunicación con el usuario, por ello es importante delimitar las características y funciones principales, de manera que ofrezca los recursos necesarios para navegar y obtener la información que se requiere.

En su diseño didáctico no debemos perder de vista que el objetivo es la transmisión de conocimientos útiles para el individuo, por lo que no debemos quedarnos en el abordaje de su arquitectura gráfica. Tengamos en cuenta que detrás del diseño gráfico está la elaboración conceptual que crea una síntesis y una fructífera relación de ideas que encuentran en el lenguaje gráfico un magnífico código para representarse.

- Características:

- Facilidad de manejo: el usuario debe centrar su atención en los contenidos y en las actividades de aprendizaje y no preocuparse por el funcionamiento de la misma.

- Interactividad: posibilita que el usuario se sienta protagonista de su experiencia manteniendo el control de las acciones, adaptando el grado de libertad a su nivel y necesidad.

- Originalidad: en dosis moderadas, motiva la utilización de la aplicación y promueve su exploración. Mucha, desconcierta y desalienta,

- Homogeneidad: debe serlo como para que nos familiaricemos con ella en poco tiempo. Esto impide el agotamiento visual y la desorientación del usuario.

- Adaptabilidad: posibilita seleccionar modalidades de navegación en función del tipo de contenidos, de los destinatarios y de los niveles de profundidad previstos.

- Multimodalidad: integra distintas modalidades de comunicación, según los requerimientos de los distintos conceptos. Permite trabajar con esquemas, frases, sonido, video y/o animaciones, y hacerlo de una manera amena e interesante.

- Agilidad: la aplicación tiene un funcionamiento dinámico. Cuidar, por ejemplo, la “latencia” –retardo o demora en responder– que puede producir la carga de un archivo, o el ingreso a otra actividad.

- Funciones de la interfase:

a) Generales:

De utilidad: en lo posible, que posea herramientas para edición, planificación, comunicación, etc.

ISBN 987- 9225 - 01 – 5 20



De navegación: posibilitar que el recorrido sea libre o guiado, y que posea claves de orientación.

De información: funciones de ayuda, de profundización, etc.

b) Específicas:

Brindar información, aprendizaje, trabajo y diversión

Dar respuestas en función de los objetivos del usuario.

Accesibilidad: permite elegir el modo de representación.

Competencia: tiene capacidad para generar metaconocimientos y representaciones múltiples.

3.6. Recursos de diseño

Con gráficos, audio y video es conveniente seguir el principio de la simplicidad y eliminar los detalles superfluos –y evitar la redundancia, si no es adecuada–.

Por razones de impresión, la mayoría de los documentos impresos están orientados verticalmente. Esta es la primera diferencia que encontramos al trabajar en publicaciones electrónicas: las pantallas de las computadoras son rectángulos horizontales. Como la mayoría de los usuarios espera ver la página completa en la pantalla, evitemos un largo de página que requiera el uso de la barra de scroll.

En cuanto a los colores, la relativa resolución espacial que tienen las pantallas se ve compensada por la disponibilidad de millones de colores que permiten aumentar la profundidad y fidelidad de la información visual mostrada. Los gráficos con color son otra de las características básicas de estos documentos debido que, a diferencia de su uso en el soporte papel, no es necesario “economizar” en cuanto a complejidad.

Las animaciones, el video y el sonido pueden causar curiosidad en el usuario e introducirlo a la exploración, pero también pueden causar desconcierto y retracción: no olvidemos que cualquier elemento que se encuentre en la página (pantalla) cuyo contenido no es realmente relevante, simplemente distrae.

1) Criterios prácticos para el diseño de pantallas: - En una pantalla se logra cierta armonía estética atendiendo a criterios de:

Claridad Legibilidad (forma y tamaño de las letras) Composición correcta Adecuado uso del color Formas y líneas comprensibles y armoniosas

- El tema en la pantalla debe tener: Estructura lógica y, Secuencia adecuada de figuras y textos

- Cada pantalla debe tener: Sólo una idea fundamental Pocas palabras por línea Pocas líneas

- Gráficos: Utilizarlos para clarificar conceptos difíciles (“redundancia”) No sobreutilizar gráficos, las imágenes innecesarias distraen.

ISBN 987- 9225 - 01 – 5 21



- Color: Actúa como fuerza sensibilizadora Permite resaltar ideas Llama la atención (evitar el uso de más de cuatro colores en la misma

pantalla (obviamente esto no afecta a fotos o dibujos). - Sonido:

Actúa como fuerza sensibilizadora Permite resaltar ideas Llama la atención

2) Orientaciones generales en el diseño del material hipertextual: Que sea fácil de manejar (y agradable). Organizar permitiendo al usuario mantener el contexto visual. Mostrar sólo aquella información que sea relevante en el contexto actual. Utilizar ventanas para modularizar los diferentes tipos de información. Usar metáforas familiares para presentar el contenido. Buscar la eficacia en el diálogo, el movimiento y el pensamiento. Utilizar verbos de acción simple para nombrar las órdenes. Usar rótulos consistentes, abreviaciones estándar y colores predecibles. Emplear un diseño en consonancia con el proceso de aprendizaje. Ofrecer realimentación significativa: incluir ayudas para facilitar la

integración de la información seleccionada. Permitir una vuelta atrás fácil, ofrecer mapas de conexión conceptual y

de navegación que indiquen las relaciones y la localización. Dar ayudas alternativas para evitar la desorientación.

3) Orientaciones generales con el uso del color:

Un elemento que repercute en la legibilidad de las pantallas, es la combinación del color de las letras y del contraste con el fondo utilizado. Las combinaciones monocromáticas –un solo color sobre un fondo de otro color– pueden ordenarse en función de la legibilidad del texto en forma decreciente (M. Nieva, 2003):

1°) Letras negras sobre fondo blanco.

2°) Letras negras sobre fondo amarillo.

3°) Letras rojas sobre fondo blanco.

4°) Letras verdes sobre fondo blanco.

5°) Letras blancas sobre fondo rojo.

6°) Letras amarillas sobre fondo negro.

7°) Letras blancas sobre fondo azul.

8°) Letras blancas sobre fondo verde.

9°) Letras rojas sobre fondo amarillo

10°) Letras azules sobre fondo blanco

11°) Letras blancas sobre fondo negro

12°) Letras verdes sobre fondo rojo

13°) Letras naranjas sobre fondo negro.

ISBN 987- 9225 - 01 – 5 22



Si utilizamos colores para remarcar textos, elijamos aquellos que “combinen” con el resto del bloque –no utilicemos colores extremadamente brillantes– y vinculados con la imagen de la página: recordemos que leer una pantalla requiere más esfuerzo.

Cuando hayamos decidido las fuentes, los estilos, el interlineado, la alineación de los distintos párrafos, etcétera; mantengamos a los mismos a lo largo de la aplicación hipertextual –esta característica se denomina “consistencia” de la interfase-.

Explorar estas combinaciones en función del diseño que se está desarrollando.

No olvidemos revisar cuidadosamente gramática y ortografía

En definitiva, lo interesante es realizar un diseño simple –no simplista–, utilizando los diversos recursos del diseño gráfico para realizar y producir materiales atractivos, comprensibles sugerentes, sencillos y funcionales, teniendo en cuenta para qué los vamos a usar y que problema comunicativo nos van a ayudar a resolver. Será preciso:

- aprender a pensar en términos de mapas jerárquico-relacionales,

- manejar diferentes códigos simbólicos,

- crear configuraciones que integren diversos medios: textos, gráficos, fotografías, etc.,

- establecer enlaces apropiados,

- configurar probables recorridos,

- lograr una buena presentación visual de la información,

- desplegar el contenido en múltiples direcciones, todas interesantes y

- manejar algún software que permita su implementación.

Todo esto permite definir con más precisión los atributos que contribuyen a la calidad del diseño, tanto en su desarrollo como en la profundización de los mecanismos cognitivos utilizados por el alumno para su comprensión. 3.7. Otros recursos

El objetivo de los ejercicios que proponemos –diseñadas originariamente por J. A. Rodríguez Ruiz (2002)– es crecer pensando y trabajando en hiper. La idea original es que cada docente, en función de su proyecto personal, explore por sí mismo la potencialidad de la hipertextualidad. Lo deseable es que los ejercicios enriquezcan una gama amplia de prácticas que pueden acomodarse a las necesidades personales:

- Ejercicios de navegación teórica: es el primer paso. Consiste en aprender a navegar por distintos hipertextos –en complejidad creciente–, recorriendo inicialmente las presentaciones generales y profundizando luego en determinados aspectos teóricos sobre la hipertextualidad didáctica.

- Ejercicios de revisión de antecedentes: dominada la terminología y la operatoria hipertextual, con estos ejercicios se pretende revisar y profundizar los antecedentes de la hipertextualidad didáctica, especialmente con la incorporación de imágenes audiovisuales, animaciones, videos, etcétera, y también acudiendo a otros formatos como el cine y la TV.

- Ejercicios de lectura y análisis de modelos: se revisan algunos de los modelos clásicos de hipertextualidad existentes tanto en la red como en diseños personales.

ISBN 987- 9225 - 01 – 5 23



- Ejercicios de escritura electrónica: es una serie de ejercicios que permite poner en práctica lo que se ha visto en los pasos anteriores:

- Ejercicios de estructuración de contenidos: a partir de la idea narrativa inicial, se ensayan distintas fórmulas de estructuración hipertextual de los contenidos. Se espera que los ejercicios permitan la formulación de distintas estructuras, que ofrezcan en principio un buen nivel de interactividad y de sugerencias multilineales.

- Ejercicios de síntesis de escritura: la tendencia natural de todo redactor es la extensión verbal de sus descripciones y narraciones. Se espera que el docente pueda admitir una escritura breve y esencial, que reduzca y depure la parte textual a lo estrictamente necesario.

- Ejercicios de ambientación: con el guión elaborado es posible generar toda una "ambientación integral" de la hipertextualidad, necesaria para lograr el impulso a recorrer el texto por parte del alumno.

- Ejercicios de interactividad: se preparan los procesos de interactividad, que se integran con la estructura del hipertexto y su ambientación y que potencia la actuación del alumno. Aquí se pone en juego todo el potencial anticipador del docente.

- Ejercicios de diseño hipertextual: completada la parte textual, se debe avanzar hacia la elaboración de un guión hipertextual que se articule con el texto inicial. Este diseño previo debe conducir a una articulación de voz, imágenes, animaciones y otros recursos. Es muy posible que el ensayo de alternativas exija la revisión de la estructura e incluso imponga otra, así como aparecerá con seguridad de revisiones parciales de intertextualidad.

3.8. Testeo y evaluación

Es posible que nuestro primer desarrollo siga creciendo en contenido, diseño visual, navegación y funcionalidad a medida que se evalúe el mismo. Por ello, es importante a medida que avancemos en el desarrollo, documentar los logros, las dificultades y las deficiencias, para generar criterios de corrección que se transformarán en logros en las próximas pruebas.

Siempre se detectan problemas con el diseño del hipertexto, y con sus posibilidades para el aprendizaje:

- Dificultades de acceso y de navegación.

- Dispersión del alumno en el hipertexto.

- Dificultad para la integración de la información proporcionada en los esquemas previos y/o sobrecarga cognitiva.

- Fragmentación del contenido y dificultad para organizarlo significativamente.

- Exigencias de habilidades que el alumno no ha adquirido –decisiones de itinerario, recordar la localización exacta respecto al itinerario efectuado, reconstruir la coherencia de un hipertexto (que por naturaleza es fragmentario y diseminado)–.

- Trabajo individual con baja interacción no sólo entre el alumno y el docente sino también entre alumnos.

ISBN 987- 9225 - 01 – 5 24



Todas estas cuestiones deben ser resueltas desde el diseño y plantean ya desde el inicio claramente la necesidad de orientar al mismo desde el aprovechamiento del alumno. Aunque parezca obvio señalarlo, la potencialidad del hipertexto no depende de sus características técnicas sino de cómo son aprovechadas por el alumno.

Una vez concluida la aplicación se debería desarrollar una guía para explicar cómo utilizarla en términos didácticos y tecnológicos, si fuera necesario.

Como ya dijimos, la producción de material hipertextual elaborado por docentes y/o alumnos difiere, en cuanto a la presentación, calidad técnica y la finalidad, y al “maquillaje” de los existentes en el mercado. Mientras los materiales comerciales deben ser polivalentes –necesidad lógica de comercialización para una variedad de contextos y destinatarios–, los producidos por los docentes están diseñados para utilizar en circunstancias y contextos específicos. Ganan en especificidad y aplicabilidad didáctica y ello permite obviar el “maquillaje” y algunos aspectos de su calidad técnica.

Por último, no se trata de crear especialistas en producción de recursos hipertextuales, pero sí de generar en los docentes las destrezas y conocimientos básicos tecnológicos y comunicacionales que permitan aumentar la calidad y eficacia de su intervención en el proceso de enseñanza y, consecuentemente, en los de aprendizaje. Esto debería estar acompañado con un centro de recursos hipertextuales que facilite a alumnos y docentes los recursos y los medios necesarios para crear su propio material curricular.

ISBN 987- 9225 - 01 – 5 25



4. Síntesis integradora

Estamos en peligro de sacrificar la calidad de lectura a la cantidad, en peligro de leer demasiado y demasiado rápido,

para estar en posición de juzgar lo que leemos

Aldous Huxley

Como ya hemos visto, el material impreso presenta una estructura lineal, donde el

lector-usuario accede a la información de acuerdo a una secuencia determinada por el propio autor. En cambio, la estructura de un hipertexto implica una nueva forma de construir el conocimiento respecto al texto tradicional. Por otra parte, el hipertexto presenta la posibilidad de enfatizar la intertextualidad –que no tiene el texto impreso– al permitir un acceso más rápido al material adicional.

El material didáctico hipertextual tiene tres características que lo definen: - comunica mensajes elaborados con intencionalidad didáctica, - está organizado mediante varios sistemas de símbolos que incluye

texto, fotografías, diapositivas, audio, imágenes de cine, video y TV, simulaciones, etcétera, y

- se apoya un recurso tecnológico que requiere de las TICs y de aplicaciones y recursos computacionales para su elaboración y que permite la hipertextualidad.

Como en todos los casos anteriores, la metodología de diseño de material didáctico hipertextual se basa en cuatro conceptos que interactúan entre sí: comunicación, semiótica, entorno tecnológico y modelo de enseñanza.

- Comunicación: Es el principio mismo de la didáctica: permite seleccionar y establecer las

relaciones y organizar todos los intercambios de interacción continua con retroalimentación entre emisor y receptor, a partir de mensajes múltiples.

- Semiótica: Es el núcleo de la interpretación de los mensajes: permite seleccionar y

organizar signos, códigos y símbolos con miras a significaciones precisas para la percepción de las representaciones. Así, los principales signos disponibles, auditivos (sonidos, ruidos, música), visuales (imágenes fijas o animadas) y lingüísticos (palabras habladas o escritas), nos llevan a completar un sistema hipertextual, a partir del cual se organizan y construyen los mensajes.

3) Entorno tecnológico: Presupone un enfoque –sistémico y sistemático, a la vez–, que permite

analizar los problemas relacionados con los procesos de enseñanza y concebir, desarrollar y evaluar soluciones eficaces a esos problemas mediante el desarrollo y la exploración de los recursos que nos provee el entorno.

4) Metodología de enseñanza: Es la razón de toda comunicación de mensajes didácticos, en nuestro

caso, de signos organizados intencionalmente. El modelo de enseñanza permite seleccionar y organizar las actividades y eventos con mensajes variados, a partir de los criterios propuestos por las diferentes teorías existentes.

ISBN 987- 9225 - 01 – 5 26



Concretando: antes de iniciar el diseño concreto, consideremos todos los elementos que permiten su desarrollo. Confiados en la experiencia docente, que presume cierta habilidad o conocimiento tecnológico, algunos aspectos quedan relegados a un segundo término, y en otras ocasiones, la imprevisión lleva a la improvisación.

5. Bibliografía Bonsiepe, G. (1999). Del objeto a la interfase. Buenos Aires: Infinito.

Echeverría, J. (2000): Educación y tecnologías telemáticas. Revista Iberoamericana de Educación – Nº 24 - Diciembre 2000.

Grau, J. E. (2002): Curso de Diseño de Material Didáctico. Gobierno de la Ciudad Autónoma de Buenos Aires.

Grau, J. E. (2007): Seminario de Análisis y Producción de Materiales Didácticos. Módulos 1 a 6. Maestría en Enseñanza de las Ciencias Exactas y Naturales. Universidad Nacional del Comahue. Neuquén. Argentina.

Hatch, T. y Gardner H. (2001): El descubrimiento de la cognición en el aula: una concepción más amplia de la inteligencia humana, en Salomon, G. (Comp.): Cogniciones distribuidas: consideraciones psicológicas y educativas. Buenos Aires: Amorrortu.

Landow, G. (1995). Hipertexto: la convergencia de la teoría crítica contemporánea y la tecnología. Barcelona: Paidós.

Marafioti, R. (comp.)(1997): Recorridos semiológicos. Eudeba. Buenos Aires.

Moreno Muñoz, A. (2000). Diseño ergonómico de aplicaciones hipermedias. Barcelona: Paidós.

Palacios, R. (2002): Cultura oral y lectura hipertextual. Una reflexión desde la comunicación. Universidad Diego Portales. Santiago de Chile.

Rueda Ortíz, R. (2001): Para una pedagogía del hipertexto Una teoría de la deconstrucción y la complejidad. Anthropos. Barcelona

Salomon, G. (comp.) (2001). Cogniciones distribuidas. Consideraciones psicológicas y educativas. Buenos Aires: Amorrortu.

Ulmer, G. (1991): Gramática del hipermedia. Reseña del artículo "Grammatology hypermedia". University of Florida at Gainesville. Postmodern Culture v.1 n.2

Accesos web

Pajares Tosca, S. (2004): Conceptos de hipertexto literario centrados en la no-linealidad. Las posibilidades de la narrativa hipertextual. http://www.ucm.es/info/especulo/numero6/s_pajare.htm

Rodríguez, J. A. (2003) El Relato Digital http://www.javeriana.edu.co/relato_digital/

Rodríguez de las Heras, A. (1999). El libro digital: www.uc3m.es/estilitas

Rueda Ortiz, R. (1999). Hipertexto, ambientes de aprendizaje y formación. http.//www.mural.uv.es/jorifus/hipertexto.doc

Módulo 14: Documentos hipertextuales, una guía para … TIC 14...Tecnologías de la Información y...

Documents

Transcript of Módulo 14: Documentos hipertextuales, una guía para … TIC 14...Tecnologías de la Información y...