Definición
Las páginas de navegación tienen como objetivo principal ayudar a la persona usuaria a recorrer árboles de navegación para localizar la información que necesita o descubrir nuevos contenidos y servicios. Se utilizan principalmente en las secciones orientadas a la navegación temática o por materias.
Alternativamente, para dar acceso a un conjunto de recursos estructurados de un mismo tipo se recomienda utilizar plantillas de listado, buscador avanzado o buscador facetado.
Composición
Las páginas de navegación se componen de:
- Cabecera y menú
- Rastro de migas
- Título
- Subtítulo (opcional)
- Imagen y listado de enlaces de tipo "directo a" (opcional). Los enlaces deben llevar a contenidos concretos del área de navegación, priorizados por su utilidad para las personas usuarias.
- Opciones de navegación: El objetivo de este bloque es proporcionar un acceso lo más sencillo posible a los distintos items de navegación (subcategorías o recursos concretos) contenidos dentro del área. Cada ítem de navegación se compone de:
- Un gráfico representativo (opcional)
- Un título (obligatorio)
- Una descripción textual, o bien un listado de subopciones (una de las dos alternativas) (opcional)
- Información relacionada (opcional): Una vez presentadas las opciones de navegación, el siguiente bloque recoge información relacionada con el área de navegación actual, que puede ayudar al usuario en su labor de descubrimiento de información:
- Páginas relacionadas: Bajo el epígrafe "También te puede interesar" se da acceso a otras áreas de navegación o recursos concretos que no se encuentran bajo el actual árbol de navegación pero guardan algún tipo de relación temática con él.
- Noticias: Información de actualidad relacionada con el área de navegación que se está visitando.
- En las redes: Publicaciones recientes en las redes sociales relacionadas con el área de navegación del sitio web que se está visitando.
- Pie de página
Pautas de uso
En el bloque de opciones de navegación es posible representar una navegación en dos niveles de profundidad. En este caso:
- En la versión de escritorio se presentarán junto a cada elemento de navegación hasta seis subopciones. Si hubiera más, se mostrarán las cinco primeras y el resto quedarán ocultas bajo un elemento "Ver más". Al hacer clic sobre el elemento, se desplegarán el resto de opciones (desplazando otros elementos de navegación hacia abajo si es necesario) y el elemento "Ver más" se reescribirá como "Ver menos" y se ubicará al final de la lista.
- En la versión responsive orientada a dispositivos móviles se presentará por defecto únicamente el primer nivel de navegación, con las subopciones ocultas y desplegables a demanda (comportamiento de acordeón).
Los elementos de navegación se representan en un grid de tres columnas, que van pasando a dos columnas o una columna en función del ancho de la pantalla del dispositivo. El orden de lectura definido para la secuencia de elementos es de izquierda a derecha y de arriba a abajo.
Es aconsejable que todos los enlaces situados al mismo nivel en una página de navegación tengan el mismo comportamiento (p.ej. que todos los enlaces de primer nivel lleven a páginas de navegación, y los de segundo a listados o detalles de contenido). Esta regla sólo puede incumplirse con el interés del usuario como objetivo y garantizando que la usabilidad del área de navegación no se ve comprometida.
Bocetos
Escritorio
Móvil
