Tipos de desplegables de navegación
El objetivo de los desplegables de navegación es reducir la carga cognitiva de la persona usuaria proporcionando un acceso rápido a las opciones más relevantes y revelando opciones más detalladas a modo de cascada cuando se requiera.
Desplegables en encabezado de página
Despliega opciones de navegación dentro de un encabezado. Puede contener opciones en un segundo nivel que aparezcan a modo de cascada. Las opciones pueden estar alineadas a la derecha o a la izquierda del botón disparador según el espacio disponible y el dispositivo.
Desplegables en navegación horizontal
En este contexto el menú desplegable puede mostrar opciones con íconos y cascadas. Según el dispositivo la cascada será vertical u horizontal.
Diseño y estructura (contexto de uso)
Disposición
En encabezado de página
Dentro de un encabezado de página las opciones desplegadas deben ocupar un ancho fijo de 4 columnas. En mobile, deben ocupar un ancho fijo de 2 columnas.
En navegación horizontal
Dentro de la navegación horizontal los desplegables se agrupan de forma horizontal formando una fila. En desktop, se deben ubicar uno al lado del otro ocupando un máximo de 8 columnas. En mobile, se deben organizar de forma vertical uno debajo del otro.
