Megamenú máximo
Los mega menús (a veces deletreados “megamenús”) son un tipo de menú ampliable en el que se muestran muchas opciones en un diseño desplegable bidimensional. Son una excelente opción de diseño para acomodar un gran número de opciones o para revelar páginas de nivel inferior de un vistazo.
El mega menú de Nueva Escocia incluía imágenes que promocionaban atracciones y actividades locales El estilo visual no diferenciaba bien entre los dos grupos distintos de categorías, Examinar listados y Más información. La aplicación de un tipo de letra o un color diferente podría haber diferenciado estos grupos.
El mega menú de GameStop.com era difícil de escanear porque las etiquetas de las opciones no estaban cargadas frontalmente y eran demasiado similares entre sí (por ejemplo, las etiquetas de XBOX 360 Pre-Owned son difíciles de diferenciar porque todas empiezan con la palabra Pre-Owned).
Los mega menús también permiten a los diseñadores mostrar varios niveles de la arquitectura de la información del sitio: en tres de los cinco ejemplos anteriores (Dave Ramsey, Game Stop, John Lewis), los mega menús contienen categorías de primer nivel y de segundo nivel.
Sitios web con mega menús
Los mega menús existen desde principios de la década de 2000 y no necesitan mucha presentación. De hecho, los menús desplegables con expansión multinivel no son una tendencia sino una necesidad para el tipo de sitios web con más contenido. En este artículo, revisaremos 10 de nuestros ejemplos favoritos de mega menús para este tipo de sitios web y discutiremos los beneficios de la navegación.
Los mega menús no se recomiendan para sitios web pequeños tipo folleto con menos contenido, sitios web personales con menos páginas o función singular, o sitios web de tema singular. Es bastante innecesario y podría confundir a los usuarios, lo cual es el efecto exactamente opuesto a lo que pretende esta navegación.
Hemos elegido 10 ejemplos de mega menús eficientes basados en diferentes funcionalidades o por su diseño y valor de orden. En definitiva, los mega menús no son precisamente un estallido de diversidad debido a que siguen una función básica. Sin embargo, eso no significa que uno no pueda ser creativo y personalizar su navegación con animaciones, transiciones, esquemas de color agradables y otros ajustes.
Un mega menú de InVision muy ordenado y limpio que contiene los servicios de la plataforma. Los servicios revelan un menú de segundo nivel con casos de uso con precios y actualizaciones de productos para separarlo de las categorías de educación, blog y comunidad.
Mega menú css
En caso de que no estés familiarizado, un mega menú es básicamente un menú desplegable más grande de lo normal que te permite mostrar mucha más información que un menú desplegable normal. Por ejemplo, piensa en esos grandes menús que utiliza Amazon:
Primero, elige el tipo de modo de visualización que quieres utilizar. Yo usaré el Mega Menú – Grid Layout para este tutorial ya que es bastante flexible. Luego, utiliza el menú desplegable de la derecha para añadir un widget a tu mega menú:
Puedes usar cualquiera de los widgets estándar de WordPress en tu mega menú, lo que te da mucha flexibilidad. Y también puedes utilizar los botones + Columna y + Fila para organizar el diseño de tu mega menú.
*Nota – si usted está usando el tema Hestia, Max Mega Menu ya incluye un tema de diseño pre-construido para solucionar este problema. Todo lo que tienes que hacer es ir a Apariencia → Menús y elegir la opción Hestia en el desplegable de Tema en la Configuración de Max Mega Menu – ¡no es necesario editar ninguna otra configuración!
Ahora tienes todas las herramientas que necesitas para crear un mega menú básico de WordPress. Pero Max Mega Menu tiene una profunda lista de características, por lo que si desea personalizar algún pequeño aspecto de cómo funciona su mega menú, le animo a explorar más a fondo la configuración del plugin para ver todo lo que hay que ofrecer.
Mega menú shopify
A menudo utilizado en tiendas online y sitios web grandes que tienen muchas categorías y subcategorías, un mega menú es un tipo de menú de navegación que hace que todas (o al menos la mayoría) de las páginas del sitio web sean visibles y accesibles.
Permiten asegurar que toda la navegación de su sitio web se encuentra dentro de un único menú, lo que permite a los visitantes ver y llegar a diferentes áreas de su sitio web -incluyendo páginas de nivel inferior- desde el menú principal.
La principal ventaja de un megamenú es que es muy completo y garantiza que todas las páginas de su sitio están incluidas en el menú de navegación. Los usuarios siempre tendrán fácil acceso a todas las páginas de su sitio, ayudándoles a encontrar rápidamente lo que quieren.
Los mega menús son más grandes y tienen mucho más espacio que los menús desplegables estándar. Esto permite dividir las páginas/productos por categorías y submenús lógicos, manteniendo las cosas limpias y organizadas. Al dar a los visitantes del sitio web más opciones, es más probable que encuentren lo que buscan antes.
Debido al espacio disponible en los megamenús, existe la posibilidad de incluir elementos visuales como imágenes e iconos. Esto ayuda a romper el texto y a proporcionar información adicional sin que el texto sea demasiado pesado. Por ejemplo, se pueden utilizar ilustraciones extravagantes o incluso se pueden incluir imágenes de los productos más populares.