CONTEXTOS Sistemas de navegación para programas educativos en línea

Intercreando sistemas de información en la universidad

Eduardo Pérez Trejo
Coordinación de Universidad Abierta y Educación a Distancia
eduardo_perez@cuaed.unam.mx

EEn este artículo se hablará de los mapas de navegación y el tipo de ligas que pueden emplearse, dependiendo de las necesidades educativas de cada proyecto, así como algunas recomendaciones básicas para su implementación en línea.

Mapa de navegación

Hipertexto es el término que designó Douglas Engelbart para denotar una exploración no lineal y no secuencial de la información en Internet. Este sistema hipertextual se basa en el modelo de nodos y ligas (node & links), las unidades básicas que interrelacionan la información en gran variedad de rutas posibles.

Las ligas son las conexiones entre los elementos conceptuales que permiten al usuario saltar de una ventana de información a otra mientras que los elementos conceptuales son los nodos que almacenan la base del conocimiento. En términos generales, son las posibles rutas de navegación mientras que los nodos son los contenidos que se despliegan en respuesta al usuario cuando hace clic en un vínculo.

Además de los nodos y ligas, este modelo está compuesto también por anclas o puntos de activación y destino de los enlaces, es decir, dónde inicia una liga (punto de origen) y a dónde llega (punto de destino).

El punto de activación inicia cuando hacemos clic en una liga; el de destino es hasta donde nos lleva esa liga, que puede ser dentro de la misma página, en otra del mismo sitio o a uno distinto al nuestro.

Resultará más sencillo comprender el modelo de nodos y ligas si se compara con la manera en que las células nerviosas de nuestro cerebro (mejor conocidas como neuronas) se interconectan entre sí almacenando y asociando la información formando extensas redes de conocimiento. (Ejemplo 1)

En este sistema hipertextual se proyecta el mapa de navegación como un diagrama visual que determina el recorrido lógico y organizado de la información por el uso de ligas, nodos y anclas. Como es una estructura jerárquica, contiene varios niveles de información subdivididos en categorías temáticas.

Se recomienda que en el mapa de navegación se represente la información en niveles subordinados combinando los distintos tipos de estructuras y criterios de navegación (Ver Boletín SUAyED número 15 http://www.cuaed.unam.mx/boletin/navegacion.php). La información debe ser lo más simple y clara posible manteniendo una secuencia lógica de acuerdo con los objetivos de cada proyecto educativo. Cuando se utilizan convenciones específicas (colores, signos, señales y organizadores icónico-verbales, entre otros) debe proporcionarse el código correspondiente para que el mapa sea legible y pueda ser interpretado de manera confiable por cualquiera que lo lea. Aún así, siempre será mejor una estructura de navegación sencilla.(Ejemplo 2)

Además, el mapa de navegación es útil como referencia gráfica para quienes organizarán, planearán y construirán sitios y proyectos multimedia, como si fuera un plano arquitectónico. El diseño de interfaz gráfica se justifica directamente en esta estructura visual.(Ejemplo 3)

Mientras que la navegación refleja los hábitos de exploración de los alumnos y el mapa de navegación determina la estructura general del sitio, las ligas son el mecanismo específico que da soporte a la interacción.

Para fines prácticos, sólo trataremos breve y sencillamente el concepto de ligas, dejando para otro artículo a los nodos y anclas.

Ligas

Para propósitos de uso común, se hará referencia indistintamente a las ligas como vínculos, enlaces, hipertexto, etcétera y como las encargadas de articular información y contenidos en las páginas y sitios de Internet y de establecer el principal medio de navegación.

Las ligas de texto son el elemento más común de interacción. Por su flexibilidad y facilidad de empleo generalmente son, junto con el texto, los primeros elementos de un sitio en descargarse y visualizarse.

Las ligas realizan funciones distintas, por ende, no son creadas de la misma manera y presentan algunas diferencias que pueden facilitar o dificultar la exploración de un contenido de acuerdo con la manera en que se presenten.

Con base en una propuesta inicial de clasificación, a continuación se describen los diferentes tipos de ligas por su apariencia, por su origen y por su función. Cabe mencionar que ningún tipo de ligas es excluyente del otro y pueden combinarse adquiriendo así diferentes y más complejas funciones.

Esquema de ligas

Incrustadas

Este tipo de ligas se incrustan dentro de bloques de texto y dificultan la fluidez de la lectura. Además, los usuarios suelen examinar rápidamente la información en lugar de leer frase por frase lo cual impide discriminar ligas relevantes. El ejemplo más representativo se encuentra en la información que se presenta en Wikipedia.

Por lo anterior, se recomienda escribir las ligas al principio o al final de un bloque de texto o en algún apartado destinado para este propósito. También es recomendable que cuando se inserte una liga se escriba en otra línea una breve descripción de la misma (descriptivas). Si la liga contiene una descripción de su contenido, el alumno seleccionará la más apropiada.

No es conveniente abusar de la cantidad de ligas y descripciones para no saturar de información que cause confusiones y que afecte la lectura de la información.(Ejemplo 4)

Envolventes

Son ligas que enlazan demasiado texto y que llegan a abarcar varias líneas e incluso párrafos completos. Éstas son más notorias cuando se encuentran en columnas o párrafos estrechos y a simple vista el alumno puede pensar que se trata de otra liga. Además, frecuentemente son irrelevantes ya que pueden presentar códigos y signos que no aportan información que determine su destino.

Por lo mismo es mejor escribir ligas cortas con información precisa y no ligar toda la dirección si es larga y poco descriptiva.(Ejemplo 5)

Ligas interiores que conducen a páginas interiores

Éstas son de navegación interna y pueden dirigir a varios niveles de profundidad dentro de un mismo sitio.

Pueden conducir a información dentro de la misma página. (Ejemplo 6a)

También pueden direccionarse hacia otras páginas pero dentro del mismo sitio. (Ejemplo 6b )

Interiores que conducen a páginas exteriores

Se dirigen hacia otros sitios de interés. En caso de que el usuario salga del sitio por medio de ligas de mayor interés, ya sea que se hayan proporcionado como referencias de consulta o en algún apartado para saber más, hay que asegurarnos de que lo haga por algún sitio que realmente valga la pena, mejorando así su experiencia de navegación. Es conveniente crear pocas ligas pues agilizará el acceso a la información y proporcionará mayor calidad al sitio (al menos por las ligas) manteniendo al alumno con información especializada y de rápido acceso.

De acuerdo con Jakob Nielsen, líder en la estandarización de normas de usabilidad, es mejor ligar y abrir en la misma ventana sitios externos y no nuevas ventanas. De esta manera, sólo el usuario podrá determinar si abre la nueva información en otra ventana depositándole el control sobre la navegación. Si no le agradara la nueva información o ya no requiera más del nuevo sitio, puede regresar a la página original con el botón atrás del navegador.

Sin embargo, Jared Spoon, en un estudio de usabilidad para sitios en Internet, encontró que los usuarios no forman modelos mentales de los sitios; si un usuario se perdía, lo natural es que regresara a un punto conocido con el botón atrás del navegador, pero esto no ocurrió y continuaban navegando porque algunos de ellos desconocían como regresar a la página de origen o no acostumbran abrir nuevas ventanas.

Los siguientes ejemplos conducen a otro sitio:

El primer ejemplo se abre en la misma ventana y no tiene una liga hacia este sitio. Para regresar nuevamente a este documento haga clic en el botón atrás del navegador. (Ejemplo 7a)

El segundo ejemplo despliega la misma información pero en una nueva ventana; sí ya no se requiere de esta página sólo hay que cerrar la ventana. (Ejemplo 7b)

Una vez que se han empleado ambos tipos de ligas que conducen a sitios exteriores, se podrá juzgar cuál es más conveniente para cada proyecto educativo particular.

Exteriores que ligan a mi sitio

La mejor manera de conservar las páginas o sitios que hacen referencia y ligan a mi sitio es creando buen contenido y manteniendo el mismo URL. Las ligas exteriores que vinculan a mi sitio son las más difíciles de determinar pues esta acción en mayor medida ya no depende de nosotros.

Si se emplean ligas de anuncio para promoverse en otro sitio o posicionarse en los buscadores, se les debe garantizar a los posibles usuarios que lleguen a dónde quieren llegar (o a dónde se le prometió que llegarían) y no mandarlos directamente al registro a menos que esa haya sido la intención original ya que el acceso generalmente está restringido para usuarios registrados y no podrá consultarse ninguna información. Esto suele presentarse comúnmente en los resultados que presentan los buscadores.

Cuando los buscadores envían a los posibles interesados a una pantalla de suscripción o de registro, es conveniente diseñar alguna página a manera de presentación inicial que despliegue las características y requisitos generales de ingreso. Posteriormente, si el usuario se interesa, se registrará.

Otra manera de ser encontrado por los buscadores es insertando metadatos en los recursos que integran el sitio, así como en él mismo. Se trata de información que generalmente se encuentra oculta al usuario, a nivel de código, que permite ser encontrado rápidamente por los buscadores, así los interesados se ahorran filtraciones manuales complementarias de búsqueda.

De navegación

Permiten interconectar las páginas del sitio mediante botones o iconos (adelante, atrás, subir, inicio, etcétera). Ver ejemplos 1 y 3.

De contenido

Generalmente son enlaces subrayados de texto y direccionan a páginas internas o externas con mayor información sobre el mismo u otro tema. Un ejemplo son los diccionarios en línea y Wikipedia. Ver ejemplos 7a y 7b.

De referencia

Conducen a la fuente de información o también a mayor información sobre el mismo tema, la diferencia con las ligas de contenido es que éstas son referencias que también pueden ser citas tipo pie de página.

Ejemplos de ligas del tipo nota o pie de página aparecen con enlaces en superíndice en este artículo.

Ejemplos de ligas de referencia aparecen al final de este documento y después de la Bibliografía, en el apartado de Enlaces.

Ligas como imagen

Las imágenes en ocasiones contienen ligas y son útiles cuando conducen a una imagen ampliada; el usuario entonces decidirá si quiere abrir o no el ejemplo más grande, recomendable para galerías y ejemplos gráficos extensos.

Las imágenes que vinculan información al hacer clic en ellas no despliegan algún indicio de haberlas visitado. Para resolver este inconveniente podríamos emplear los siguientes criterios visuales:

• Hacer evidente que una imagen posee una liga (en una sección aparte o con una breve descripción de texto) y titular la imagen con una corta explicación (característica de pop-up o texto alterno que aparece al situar el cursor sobre la imagen).
• Ligar imágenes representativas y bien diferenciadas unas de otras para que se distingan entre ellas y se conserven a su vez en la memoria del alumno.
• Ligar sólo las imágenes necesarias y cuando sea necesario.
• Duplicar las ligas que conduzcan a la misma información; una vez como ligas textuales y también ligas como imagen, para que en caso de que los participantes no distingan el vínculo en la imagen, lo hagan con una liga de texto.
• Agregar en la Forma de trabajo del programa educativo que algunas imágenes contienen vínculos que dirigen al alumno hacia nueva información. (Ejemplos 1, 2 y 3)

Recomendaciones generales

Para un programa educativo en línea es indispensable diseñar un sistema de navegación justificado y comprobar que el conjunto de ligas esté bien estructurado determinando qué tanto pueden ayudar a predecir a los participantes hacia donde conducen y que tanto pueden ayudarlos a diferenciar una liga de otra.

Ningún sitio será el centro del universo y jamás incluirá toda la información; hay que crear ligas internas y externas (sin importar que salgan los participantes del curso) y permitir la libre exploración recordando que el fundamento de Internet es el hipertexto y sus respectivos nodos y ligas.

En términos generales se aconseja:

• Diseñar solamente las ligas necesarias y con información concisa
• Diseñarlas de manera que ayuden al usuario a encontrar la información
• Subrayar las ligas; no quitarles esta característica ni utilizar subrayado en palabras de uso común que se puedan confundir con hipertexto. (Considerar itálicas para términos extranjeros, negritas para subtítulos o inicios de párrafo, y “entrecomillados” para resaltar palabras)
• Subrayar las ligas con las palabras más importantes y que no sean extensas

El hipertexto se compone de una página de origen y una de destino (anclas). Es importante evidenciar (en el caso de que se trate de una liga que conduce a otro sitio) el tipo de información que encontrará al llegar a la página de destino y situarlo en el nuevo contexto. En el caso de que la página de origen y de destino se localicen en el mismo sitio, proporcionar la opción regresar a la página de origen mediante una liga.

Para este efecto, es útil:

• Titular las ligas con una corta explicación (capacidad de pop-up o texto emergente) puede ayudar a los participantes a predecir a dónde llegarán y mejorará su experiencia de navegación
• Titular las ligas con textos breves y descriptivos, entre más cortos mejor
• Evitar titular las ligas con la misma información que aparece en el hipertexto. Además no es necesario titular todas las ligas
• Titular de preferencia las ligas indicando su destino o bien, detalles informativos que encontrará, y para prevenir situaciones inesperadas

Aunque el cambio de color de las ligas no es una de las reglas de usabilidad más importantes no debe soslayarse:

• Distinguir las ligas visitadas de aquéllas por visitar mediante el empleo de color.
• Utilizar de preferencia los colores estándar en las ligas o por lo menos diferenciarlos claramente. Cuando se usan colores no estándar, el usuario puede confundirse entre las ligas visitadas y por visitar.

Bibliografía

Brinck, Tom et al (2002). Usability for the web, designing web sites that work, USA, Morgan Kaufmann Publishers.
Hackos, JoAnn; Redish Joan (1998). User and task analisis for interface design, USA, John Wiley.
Nielsen, Jakob (2000). Designing web usability, Indianapolis, New Riders.
Rodríguez Rivera, María Antonieta; Pérez Trejo, Eduardo (2003). Recomendaciones básicas para el diseño de páginas Web aplicadas a cursos en línea, México, CUAED, UNAM.
Spool, Jared M. et al (1999). Web site usability. A designers guide, Sn Fco, California, Morgan Kaufmann Publishers.

Enlaces

Hipertexto
Lamarca Lapuente, María Jesús. Hipertexto: El nuevo concepto de documento en la cultura de la imagen. Tesis doctoral. Universidad Complutense de Madrid. Fac. de Ciencias de la Información. Depto. de Biblioteconomía y Documentación. Última actualización: 07/09/2009, Última visita: mayo de 2009.
Conceptos y definiciones de hipertexto
Bianchini, Adelaide. Conceptos y definiciones de hipertexto, Depto. de Computación y Tecnología de la Información, Universidad Simón Bolívar, Caracas – Venezuela, Última actualización: junio de 2000. Última visita: septiembre de 2009.
El Hipertexto
Vásquez Rocca, Adolfo. “El hipertexto y las nuevas retóricas de la postmodernidad. Textualidad, redes y discurso ex-céntrico”,Philosophica Nº 24-25, Revista Del Instituto De Filosofia, Pontificia Universidad Católica De Valparaíso, Chile, Publicado en 2001-2002. Última visita: octubre de 2009.
Hipertexto de ficción
Rodríguez Ruiz, Jaime Alejandro. Teoría, práctica y enseñanza del hipertexto de ficción: El relato digital, Pontificia Universidad Javeriana, Bogotá, Colombia, Última visita: octubre de 2009.
Internet, espacios virtuales
Vásquez Rocca, Adolfo. Internet, espacios virtuales y reconfiguración del autor, Homines.com, Portal de Arte y Cultura, Publicado en 05/08/2006, Última visita: 0ctubre 2009.
Hiperenlace
Wikipedia, Enciclopedia libre, Última modificación: 19/10/2009. Última visita: octubre de 2009.
Hipertexto

Wikipedia, Enciclopedia libre, Última modificación: 03/11/2009, Última visita: noviembre de 2009.http://es.wikipedia.org/wiki/Metadato Wikipedia, Enciclopedia libre, Última modificación: 10/10/2009, Última visita: noviembre de 2009.