Danae Salinas Islas

26 de feb de 20234 min.

Qué son los menús de navegación y ejemplos

Actualizado: 27 de sep de 2023

Algunas páginas web nos dejan un poco desorientados, tratando de encontrar la sección que buscábamos. Luego están las que ofrecen una navegación fluida, como si un botón nos llevara intuitivamente al siguiente.

Al crear una página web, los distintos elementos deben unirse para guiar a los visitantes a través de la página sin problemas y con facilidad. Un elemento que desempeña un papel decisivo en la experiencia de usuario de tu página y afecta en gran medida a la navegación, es el menú.

¿Qué es un menú de navegación?

Los menús de navegación son una serie de elementos enlazados que sirven para facilitar la navegación entre las distintas páginas o secciones de un sitio web. Existen varios tipos de menús, en función del contenido y el diseño de la página web.

Tipos de menús de navegación

Los principales tipos de menús de páginas web son:

  • Menú de navegación clásico: este tipo de menú, el más extendido, se coloca en la cabecera de la página web, normalmente en forma de lista horizontal.

  • Menú fijo: también conocido como menú flotante, este menú permanece quieto a medida que los visitantes se desplazan por la página. Son ideales para páginas de desplazamiento largo.

  • Menú hamburguesa: un ícono formado por tres rayas horizontales que se abre en forma de menú una vez pulsado. Esta convención de diseño está basada en las páginas web para ver en dispositivos móviles, pero también se utiliza mucho en páginas para visualizar en computadoras.

  • Menú desplegable: un menú que despliega una lista de elementos adicionales cuando los visitantes hacen clic en uno de sus elementos (o pasan el mouse por encima). Esta opción es adecuada para páginas web con mucho contenido.

  • Menú de barra lateral: lista de elementos de menú situada en la parte izquierda o derecha de una página web.

Consejo profesional: en los sitios web con muchas páginas, el menú clásico suele completarse con las migas de pan, un rastro que ayuda a los visitantes a saber dónde se encuentran.

Ejemplos de menús de navegación

A continuación, te mostramos ejemplos de plantillas con menús de páginas web creados con Wix. Representan usos versátiles y creativos del menú, tanto en términos de navegación como de diseño de tu página web. Así que aquí están, para tu inspiración:

1. Menú de marca de fácil acceso

El logo del encabezado de esta plantilla permanece fijo a lo largo de todas las páginas, y lleva a los visitantes de vuelta a la página de inicio, una buena práctica para mejorar la experiencia de usuario. Este menú también es accesible desde el otro lado, en forma de menú hamburguesa (que se abre a pantalla completa).

2. Un menú dividido en las cuatro esquinas de la pantalla

Esta plantilla ofrece un show de bienvenida, con una imagen a pantalla completa del evento principal. Sin embargo, el menú de la página sigue siendo sencillo y estático, con un elemento diferente en cada esquina de la pantalla, como información, entradas y enlaces a redes sociales. El menú dividido se consigue fijando elementos a los lados de la pantalla.

3. Un menú clásico y sencillo que deja el protagonismo al arte

Esta plantilla para portafolio de diseño gráfico muestra el trabajo del estudio, y da la bienvenida a los visitantes con un video a pantalla completa. Después de apretar el botón "flecha abajo" de la página de inicio, aparece una barra de menú clásica y sencilla que pone en primer plano los objetos artísticos. La colocación del menú y las divisiones desiguales de las imágenes se combinan cuidadosamente, para dar como resultado un aspecto distintivo.

4. Un menú estático, sin necesidad de volver hasta la parte superior

El contenido de esta plantilla para vlog, con sus hermosas ilustraciones y paleta de colores, habla por sí solo. El diseño brillante y colorido de la página web, combinado con formas y patrones vectoriales, complementa la creatividad de la marca. El menú permanece fijo en la página y actúa como un menú flotante que además se mantiene en todas las páginas interiores.

5. Un menú pequeño pero potente

Menú de una página web de diseño minimalista, que incluye una página de "Producto/Tienda" y otra de "Contacto". Este menú ha simplificado el número de opciones, lo que permite al usuario navegar más fácilmente por toda la página.

6. Un menú de barra lateral en negrita

Este menú utiliza la tipografía para captar la atención de los visitantes, con la palabra "Menú" en letras grandes y en negrita. Al hacer clic, aparece un menú lateral con un colorido fondo naranja que complementa la barra lateral, mucho más sencilla. El uso particular de este tipo de tipografía, así como la colocación del menú en pantalla, es único, audaz y cautivador.

Esperamos que este artículo te haya dado una idea de los distintos tipos de menús de navegación. Recuerda que al momento de elegir el menú adecuado, deberás considerar el diseño web de tu página, los distintos tipos de pantallas, tu contenido y la experiencia de usuario que buscas dar a tus visitantes.

Te puede interesar este artículo:
 
Haz que tu página web sea fácil de navegar con enlaces ancla.