2 Etiquetas alternativas: son las que permiten de manera alternativa a los enlaces principales, acceder a un determinado contenido, como por ejemplo las etiquetas “Anterior”, “Siguiente”, “Volver”, “Leer más”, etc.
3 Etiquetas hipertextuales: es el hipertexto propiamente dicho, que permite acceder a cualquier contenido de la aplicación mediante vínculos. Por regla general suelen tener el estilo de texto azul que se subraya automáticamente cuando el usuario pasa el puntero del ratón sobre ella.
4 Etiquetas de cabeceras o títulos: tienen el formato de título, por lo que además de cumplir la función semántica, permiten mostrar el contenido completo de aquellas pantallas que aparecen resumidas. Es similar a la función de la etiqueta “Leer más”.
5 Etiquetas funcionales: son aquellas etiquetas que tienen asignada una determinada función, distinta de las comentadas anteriormente. Por ejemplo, en una pantalla donde aparece un formulario, una etiqueta que sirva para enviar el formulario.
6 Etiquetas del sistema de índice de ayuda: son las etiquetas que presentan la ruta desde la página o pantalla inicial hasta la que nos encontramos. Normalmente aparecen en la parte superior de la pantalla, o en un lugar visible. Son muy comunes en las páginas web, ya que además permiten la navegación a pantallas o contenidos anteriores.Ejemplo de etiquetas del sistema de índice de ayuda
7 Etiquetas embebidas: una etiqueta embebida es aquella cuyo enlace direcciona a un contenido existente en la misma pantalla, página o nodo, de forma que se produce una relación entre contenidos relacionados semántica o contextualmente.
Definición
Nodo
Elemento que posee entidad propia, dentro de un conjunto interconectado de iguales o similares y que puede ser accedido a través de un elemento superior (padre), inferior (hijo) o del mismo nivel (hermano). Los nodos permiten estructurar un árbol de contenido, y al menos debe existir un nodo inicial llamado también nodo raíz.
Actividades
13. ¿En qué se diferencian las etiquetas de títulos de las etiquetas principales?
14. ¿Puede definirse un sistema de navegación jerárquico mediante hipertexto? ¿Es recomendable?
Hay un concepto reciente, denominado hipermedia, que se define como la unión de sistemas hipertextuales con contenidos multimedia. Una página web actual que incluya contenidos multimedia cumple con esta idea, aunque no todas las páginas web son de tipo hipermedia.
El hipertexto requiere unos conocimientos adicionales por parte de los usuarios, pues la información que se muestra aparte de su sentido didáctico o informativo, tiene como funcionalidad añadida que permite la navegación.
Por tanto, cuando se diseña un producto editorial multimedia que use el concepto de hipertexto (hipermedia) es necesario planificar el sistema de navegación de manera que el usuario no se desoriente en un espacio súper conectado.
El hipertexto, en sus distintas variantes, es una buena forma de ofrecer una alternativa, accesible y usable, a la navegación tradicional construida a partir de botones, menús, etc., aunque normalmente una aplicación implementa su estructura de navegación mediante botones o menús de navegación y la estructura de hipertexto se construye adicionalmente.
Independientemente del diseño de dichos botones o menús, estos deben presentar tres estados que identifican las acciones interactivas permitidas.
Así un botón o elemento de menú puede estar activado –puede usarse-, desactivado –no puede usarse– y encendido –se ha colocado el puntero del ratón en él y transmite al usuario la idea de que está activado–.
Ejemplo de cuatro botones de navegación donde los tres primeros están activos, y el cuarto está desactivado. El segundo botón y tercer botón están encendidos pues el puntero del ratón se sitúa en ellos.
Nota
Algunos autores usan los términos habilitado o deshabilitado cuando un botón o elemento de menú está activado o desactivado respectivamente.
Cuando se diseña la interfaz, en lo que se refiere a los elementos de navegación, es necesario que la función de cada botón esté perfectamente indicada, que no sea ambigua y que sea comprendida por el usuario fácilmente, retroalimentando el uso y conocimiento de la misma.
Aplicación práctica
Se nos encarga diseñar una sencilla interface para la visualización de contenidos multimedia que básicamente, es un curso sobre el programa Microsoft Excel, a través de texto, video-tutoriales e imágenes y optamos por diseñar una pantalla en la que la navegación será hipertextual.
Teniendo en cuenta que se usará un menú de navegación principal en la parte izquierda, basado en texto, etiquetas del sistema de índice de ayuda, etiquetas alternativas, hipertextuales y de cabeceras o títulos, realice un boceto del interface usando el procesador de texto. Ofrecer una solución que permita la navegación de tipo “malla completa”.
SOLUCIÓN (Posible solución)
Con la interface que se muestra en la siguiente imagen, puede accederse a todos los contenidos de la aplicación, por tanto posibilita la navegación de tipo “malla completa”.
Solución del ejercicio donde se muestra la interfaz que cumple con los requisitos pedidos (Realizada en Microsoft Word).
3.3. Árbol de contenidos
Un árbol de contenidos es un gráfico o esquema diseñado para definir la estructura de un determinado producto multimedia. En él se especifican las secciones principales del proyecto y qué camino(s) sigue la navegación desde la pantalla de inicio hasta cualquiera de las pantallas que lo forman. Es especialmente útil para proyectos grandes o complejos que contienen muchas partes o temas y no debe confundirse jamás con el diseño de la interfaz.
En la foto anterior cada rectángulo se considera un nodo. El nodo de “Inicio” es la primera pantalla mostrada una vez que acaba la “animación inicial” o “intro” (la cual no debe considerarse nodo). Se aprecia la estructura jerárquica donde “inicio” es el padre de los demás nodos: significa que para acceder a “productos” habrá que pulsar sobre el enlace correspondiente situado en la pantalla de “Inicio”, y de igual forma para acceder a “Aplicaciones” hay que pulsar antes en “Productos”.
“Productos” se dice que es un nodo hijo de “Inicio” y a su vez “Aplicaciones” es un nodo hijo de “Productos”. “Inicio” es un nodo padre de “Productos” y “Productos” es un nodo padre de “Aplicaciones”. “Empresa”, “Productos” y “Contacto” son entre sí, nodos hermanos.