Menús de navegación desplegables masivos y ricos en funciones
Parece que hemos dejado atrás enormes menús desplegables, optando por pequeños botones tipo hamburguesa para dispositivos móviles que ocultan hábilmente un gran panel con enlaces, barras de navegación aerodinámicas adhesivas o simplemente barras laterales deslizables elegantes; sin embargo, todavía hay proyectos que simplemente no pueden funcionar sin menús grandes.
Desplegables clásicos y probados en el tiempo que alguna vez fueron populares hoy en día se ven enormes, pesados y sin estilo. Sin embargo, aún poseen un gran potencial, pudiendo distribuir fácilmente información variada sin sacrificar un espacio precioso. Lo que necesitan son solo algunas mejoras en términos de diseño y una ligera actualización para satisfacer las necesidades de las pantallas pequeñas y grandes.
Hemos encontrado 20 ejemplos nuevos de menús de navegación mejorados, extensos y ricos en funciones. Sugieren que los menús desplegables están mejorando: cada vez más rápidos, más livianos e incluso más ricos en íconos y multimedia. No solo sirven como una escapada para la estructura interna, sino que también abruman a los lectores en línea con anuncios, fotos promocionales, redes sociales e incluso una caja de producto con un botón de «comprar».
Grandes menús desplegables
Adidas Futbol
La marca es famosa por sus sitios web con menús desplegables enormes y completos que equilibran hábilmente el texto y las imágenes. La paleta de colores monocromática, una cantidad considerable de espacios en blanco y una lista bien organizada crean una experiencia agradable.
Boutique Olympique Lyon
El sitio web aprovecha los iconos que lo acompañan que visualizan cuidadosamente cada elemento del menú. Se utilizan tanto en el nivel superior como en las secciones desplegables. Estos ingeniosos glifos de estilo de línea van bien con el tema principal y hacen que la navegación sea más intuitiva y visualmente atractiva.
Treblecone
Treblecone utiliza bloques que ocupan solo la cantidad de espacio requerida. De esta manera, la sección de ‘bienvenida’ cumple su función de mostrar imágenes motivacionales incluso cuando un usuario navega por la navegación. Aunque el fondo de la parte desplegable es ligeramente transparente, todavía ofrece un contraste óptimo con el contenido.
Le Slip Francais
Le Slip Francais presta atención a los significados del elemento del menú de modo que el panel desplegable se basa en una serie de iconos relativamente grandes. Con solo un vistazo, los usuarios pueden encontrar rápidamente la categoría deseada. Cada glifo está hecho con un color de marca y un estilo plano ordenado.
Belazu
Belazu llena su mega menú desplegable con imágenes. Dado que las imágenes valen más que mil palabras, la solución anima el proyecto y la navegación, haciendo que la exploración sea más placentera y práctica.
Valle de Gibbston
Gibbston Valley es otro sitio web que ofrece un amplio menú con imágenes de apoyo que se superponen a casi toda la pantalla. Cada imagen representa inteligentemente un vínculo, enriqueciendo la experiencia visual.
SM Seruya
SM Seruya tiene un sitio web altamente informativo y de contenido intensivo que necesita mostrar una gran cantidad de datos de una manera conveniente y sencilla. El enorme panel de navegación comienza con una barra tradicional simplificada y termina con un enorme cuadro deslizable con enlaces e imágenes promocionales. Tiene una estructura rígida y una organización perfecta que refuerza la legibilidad.
Acties
Acties tiene un menú desplegable relativamente pequeño que ocupa solo varias filas. Cada elemento del menú tiene un icono de contorno de apoyo y se coloca dentro de un sistema de cuadrícula. La coloración grisácea colabora muy bien con el fondo blanco y es coherente con el tema general.
Reservorio
Reservoir tiene un menú elegante que se ajusta a la estética del sitio web. Aunque el tamaño de la fuente es muy pequeño, los títulos aún se pueden leer debido a un contraste perfecto, una organización de estilo de lista y un amplio espacio. La imagen promocional llama la atención de inmediato y sirve como punto focal.
Lujo
Luxe hace uso de un menú que se extiende por todo el ancho de la pantalla. A pesar de la gran cantidad de espacio no utilizado, el componente no está sobrecargado con texto o imágenes adicionales. Por el contrario, el equipo ha conservado una sensación de apertura para agregar una generosa cantidad de aire fresco y reforzar la apariencia lujosa.
Dogswelll
Aquí el equipo ha logrado poner orden en la navegación principal. Los enlaces se distribuyen cuidadosamente en varias columnas espaciadas a intervalos regulares y con una altura de línea relativamente grande. Como resultado, cada elemento tiene su lugar y el componente tiene una excelente legibilidad. Los iconos sólidos y semi-realistas son el complemento perfecto.
MTV Serbia
MTV Serbia se ve vibrante, dinámica y energizante. Hay muchos giros interesantes: diseño asimétrico, colores brillantes, gráficos planos, toques de neón, videos y mucho más. Sin embargo, cuando se trata de la sección del menú, los subniveles se realizan de acuerdo con la forma tradicional de presentar los datos: fondo de color sólido, disposición simple y contraste perfecto.
Hoteles THB
THB Hotels tiene un menú desplegable que encaja aquí como un guante. Aunque tiene mucho contenido, gracias a los iconos que lo acompañan y al sistema modular, los usuarios no se perderán.
GSI al aire libre
GSI Outdoors intenta centrar la atención de los usuarios en los elementos del menú sin saturar el diseño. Los subniveles omiten cosas innecesarias y optan por el impacto visual que producen las imágenes. Este último pone el contenido por encima de todo y atrae a los visitantes en línea.
Royal Robbins
Royal Robbins tiene un submenú semitransparente que parece refinado. Aunque eclipsa en parte el exuberante fondo de la imagen, los usuarios aún pueden disfrutar de su pintoresca escena. Los tonos blancos y la tipografía nítida que se utilizan para mostrar títulos ayudan a delinear el contenido y lo hacen fácil de percibir.
Diseño Creative3
El mega menú desplegable de Creative3 Design parece simplemente abrumador. Cubre mucha información que es un poco molesta. Por supuesto, la estructura de estilo columna intenta salvar la situación; sin embargo, es difícil encontrar el enlace requerido de inmediato.
Diseños de nidos
Nest Designs emplea bloques para mostrar subniveles del menú principal. Cada cuadro incluye datos textuales y una imagen de un producto relevante con un enlace activo y CTA. Esta pequeña táctica de marketing aumenta las tasas de conversión.
Clipper alrededor del mundo
Clipper Round the World tiene un menú desplegable clásico que incluye una lista de enlaces organizada correctamente. Coincide con el tono del proyecto y no distrae la atención con imágenes lujosas. El pequeño inconveniente radica en la coloración que necesita algunas mejoras ya que la legibilidad sufre un poco.
Guarida secreta
El nivel superior del menú comprende solo tres enlaces que se dividen en una docena de otros y se presentan en subniveles. Aunque, por regla general, la parte desplegable aprovecha solo varias columnas, el equipo ha dejado un espacio abierto para que la navegación parezca más pesada y llamativa.
Bracketron
Como puede ver en la captura de pantalla, el cuadro desplegable tiene un pequeño defecto. Aunque el menú cumple con el tema y tiene un cierto nivel de elegancia y sofisticación, cuando se trata de legibilidad, no cumple su función correctamente. Quizás un telón de fondo menos transparente funcionaría.
Conclusión
El comercio electrónico, los sitios web de noticias, las revistas en línea y aquellos proyectos que tienen una jerarquía de información compleja prefieren menús desplegables masivos y ricos en funciones. Permiten abarcar todas las categorías y presentarlas de forma sencilla e intuitiva, ahorrando mucho espacio. Las imágenes e íconos que lo acompañan dan un toque fresco al componente.
¿Qué tipo de navegación te gusta: desplegables enormes, barras laterales deslizables u ocultos debajo de botones de hamburguesa? ¿Encuentra los menús con imágenes y videos prácticos y agradables? Comparta con nosotros su opinión.
Publicaciones relacionadas:
- Uso de menús deslizables orientados verticalmente en el diseño de sitios web
- Guía completa sobre el funcionamiento de los correos masivos
- Guía práctica: envío de correos masivos de forma gratuita
- Guía completa para enviar mailings masivos de forma efectiva
- Sitios web con navegación excepcionalmente creativa y única
- Guía completa: Cómo realizar envíos masivos de correos publicitarios con éxito
- Guía definitiva para enviar mensajes masivos por WhatsApp de forma gratuita
- Guía completa sobre cómo enviar correos masivos gratis de manera efectiva
- Guía completa sobre cómo realizar envíos masivos de emails de forma efectiva
- Barras de navegación optimizadas, compactas y elegantes, perfectamente integradas
- Descubre los conceptos clave de webinar y MOOC: educación en línea interactiva y cursos masivos abiertos.
- Guía completa para evitar los molestos pop-ups en tu navegación web
- Actividades en línea: ¿Qué prácticas evitar para una navegación segura?
- Introducción a Facebook Chrome: una herramienta de navegación social avanzada
- Descubre si Brave cuenta con función de navegación privada en su navegador