Desde los inicios de la World Wide Web, tanto el diseño de las páginas como de la propia estructura de los hiperdocumentos, ha variado enormemente. Si al principio, los hipertextos en la Web se limitaban a plasmar, sobre este nuevo medio, un texto impreso segmentándolo en pequeños bloques y colocando aquí y allá algunos enlaces, en la actualidad, las páginas web se han convertido en verdaderas obras de diseño gráfico, multimedia e ingeniería informática. Integración de bases de datos, servicios online, inclusión de sofisticadas herramientas de búsqueda y recuperación de información, dinamismo, usabilidad e interactividad, éstas s
on las claves de las páginas web actuales. Ya no importa sólo el contenido presentado, sino su diseño y, sobre todo, su funcionalidad.
En 1997, David Siegel en Técnicas avanzadas para el diseño de páginas web distinguía 3 generaciones en el desarrollo de las interfaces de la WWW:
Webs de primera generación:
- Estructura lineal
- Eventual inserción de fotografías y líneas de separación
- Baja definición (proyectados para terminales ASCII en blanco y negro)
Webs de segunda generación:
- Iconos en vez de palabras subrayadas con azul
- Menú de opciones
- Fondos coloreados o con imágenes
- Fordes azules alrededor de las figuras interactivas
Webs de tercera generación:
- Hegemonía del diseño sobre la tecnología
- Utilización de metáforas
- Uso de un layout tipográfico y visual para la descripción de una página bidimensional
- Estructura entrada -área central- salida
- Sin embargo, hoy podemos hablar de una cuarta generación de webs en las que prima tanto el diseño gráfico como la tecnología. Los webmasters ya no son sólo diseñadores gráficos, sino expertos informáticos que han de conocer los nuevos lenguajes, dominar las nuevas herramientas de programación, conectividad a base de datos, seguridad, etc. El hipertexto ya no es una colección de textos enlazados, sino un espacio de intercambio de servicios de todo tipo: culturales, informativos, comerciales, sociales, etc.
Son muchos los factores que hay que tener en cuenta a la hora de diseñar un sitio web. Sin embargo, dos factores destacan sobre los demás: su contenido y el diseño de la interfaz. Los arquitectos de la información se ocupan ahora del diseño centrado tanto en el uso, como en el usuario para hacerle a éste las tareas lo más sencillas posibles.
Francisco Tosete Herranz en La experiencia del usuario resume en la siguiente imagen, en forma de rueda, todas las disciplinas implicadas en el diseño de sitios web:
- Arquitectura de la información: misión y objetivos estratégicos, clientes y sus expectativas, estudio sectorial/análisis competitivo, definición y organización de los contenidos, interacción, navegación, rotulado, búsqueda, prototipado, etc.
- Diseño de la interacción: definición de servicios, definición de las tareas, diagrama de interacción, storyboards, etc.
- Usabilidad: métodos de indagación, métodos de inspección, test de usabilidad, análisis de logs, etc.
- Accesibilidad: directrices y pautas de accesibilidad, test de accesibilidad, etc.
- Diseño de la información/diseño gráfico: aspectos y sensación, diseño de contenido/página, diseño de la interfaz, diseño artístico/creativo, etc.
- Programación y tecnologías: hardware/software, estándares web, etc.
La producción de métodos o modelos para el diseño de hipertextos ha sido relativamente prolífica en el periodo comprendido entre finales de la década de los ochenta y la primera mitad de los noventa. A partir de la segunda mitad de los noventa se produjo un cambio de tendencia provocada por el rotundo éxito del servicio World Wide Web de Internet. Este nuevo medio generó un uso masivo del hipertexto a pesar que su objetivo principal no era el hipertexto en sí, sino el acceso a la información remota por medio de las redes telemáticas mundiales. La presión de millones de usuarios ha convertido a la tecnología Web en un estándar "de facto" para la creación de hipertextos.
Esta situación ha provocado que muchos trabajos sobre el diseño de hipertextos realizados durante los últimos años de la década de los noventa tengan como referente la tecnología Web. No obstante, la mayoría de estas propuestas son ampliaciones o reformulaciones de modelos creados a principios de la década.
El ámbito científico relacionado con el diseño y desarrollo de hipertextos no es homogéneo. En algunos casos se trata de metodologias completas que incluyen les tras fases del ciclo clásico de la ingeniería del software (análisis, diseño e implantación) como la RMM (Isakowitz, 1995); en otras ocasiones se trata solo de modelos abstractos para representar la estructura del hipertexto HDM (Garzotto, 1993); hay propuestas centradas en el diseño de las aplicaciones informáticas para crear y gestionar el hipertexto (5) que incluyen también el diseño del procesamiento de la información (Stotts, 1989; Tomba 1989; Lange 1990); en cambio otros trabajos están centrados exclusivamente en el diseño de la estructura estática de la información (Schwabe, 1995; Isakowitz, 1995)
A pesar de estas diferencias, todos los autores proponen en la fase de diseño distintas perspectivas para observar y después representar un modelo del hipertexto. Es muy distinto centrar la atención en las características de la base de datos que almacena la información del hipertexto que observar la estructura de enlaces que el usuario utilizará para navegar por un determinado conjunto de nodos. Cada perspectiva permite realizar un modelo formal para representar aspectos complementarios del hipertexto. Todas estas representaciones se integran por medio de zonas fronterizas de encaje.
El problema está en que cada autor delimita perspectivas, fronteras y formas de encajar distintas. A menudo estas perspectivas se identifican como "niveles" o "capas" formando en su conjunto una "arquitectura del hipertexto". Algunos autores ordenan las capas de concreto a abstracto. Parten de los aspectos más físicos relacionados con la implementación, van subiendo hacia perspectivas más lógicas, como por ejemplo la estructura de navegación, para finalizar con la interfície de usuario o capa de presentación (Isakowitz, 1995); en otras ocasiones el contenido del hipertexto también forma una capa convenientemente relacionada con las otras perspectivas abstractas (Halasz, 1994).
Hay modelos formales del hipertexto que no tienen el objetivo de facilitar el diseño sino de permitir la comunicación y el intercambio de información entre distintos sistemas de gestión de hipertextos (Lange, 1990; Campbell, 1988). Este tipo de trabajos sirven de referentes para posteriormente crear metodologias para el diseño.
"Steps toward interchange and communication between open hypertext systems must be based on formal and abstract models of hypertext to which all existing and hopefully future systems can be related." (Lange, 1990: 145)
La arquitectura del hipertexto que hemos utilizado para MEDHEA está formada por dos capas, una lógica y otra física. En la capa lógica se unifican todas las perspectivas abstractas y un solo modelo representa de manera integrada los siguientes aspectos:
- La estructura de navegación
- La estructura de relaciones semánticas del contenido
- Las características generales de la interfície de usuario
- La planificación didáctica del proceso de enseñanza - aprendizaje que genera el hipertexto
- En la capa física quedarían representados los aspectos relacionados con la implementación informática y el procesamiento de la información. Finalmente, hay que considerar una zona fronteriza entre la capa lógica y la física para indicar la manera de implementar el modelo lógico en función de las características de la tecnología elegida para crear el hipertexto.
6.1.1 Modelo dentro del ciclo de desarrollo del sistema
Según el ciclo de vida de la ingeniería del software, la capa lógica formaría parte del diseño lógico, la zona fronteriza correspondería al diseño tecnológico y la capa física a la implementación.
MEDHEA es una metodología para el diseño de hiperdocumentos. Incluye el diseño lógico de la estructura de la navegación, el diseño didáctico y la fragmentación de la información en nodos, pero no abarca el diseño de los procesos informáticos que harán posible que el hipertexto funcione. Los modelos lógicos creados con MEDHEA podrán ser implementados utilizando un sistema de gestión de hipertextos (Hypercard, Guide) o mediante la tecnología Web con el formato HTML. La fase de diseño tecnológico de MEDHEA adapta el modelo lógico a las características de la tecnología de implementación elegida.
6.1.2 Justificación de la necesidad de un modelo
Considerando las expectativas que traen consigo los avances tecnológicos a escala mundial y la aplicación de éstos en las diferentes actividades del quehacer humano, de la que no escapa la actividad educativa, centramos aquí nuestro interés. Particularmente me llama la atención abordar la aplicación de la tecnología multimedia hacía el campo de la educación, específicamente la utilización de programas que manejen recursos como: texto, color, imagen, animación y sonido como herramientas para apoyar la enseñanza de la
Etapa de Educación Básica, dando así al docente un recurso más para enfrentar su tarea de una forma motivadora y creativa y al alumno la posibilidad de aprehender los conocimientos geométricos con más entusiasmo, motivación e interés que son claves para que el aprendizaje sea verdaderamente significativo.
.jpg)
.jpg)
.jpg)
.jpg)
