4 alternativas frescas al menú de hamburguesas

Algunos dicen que el diseño web se ha vuelto aburrido. Las tendencias actuales y las técnicas de alta gama establecen las reglas para los creativos, jugando una mala pasada a la comunidad. Todos quieren estar en la corriente principal y lanzar productos que se vuelvan virales; significa que es probable que un millón de interfaces tengan las mismas características.

Por supuesto, el contenido puede salvar el día. Aún así, la verdad es que muchas de esas interfaces tendrán el mismo aspecto.

Desde hace varios años, el ícono del menú de hamburguesas ha dirigido el programa. Es difícil llamarlo una «moda» en estos días; se usa en exceso descaradamente y se siente como imprescindible para interfaces receptivas. Sin duda tiene beneficios: es práctico, compacto e intuitivo… pero aún así, es aburrido.

Quiero decir, son solo tres líneas que se encuentran en la esquina superior derecha o izquierda, y eso es todo: un glifo primitivo que llama a la acción. Hay varias opciones en la naturaleza hoy en día. Cumplen la función principal de la navegación y, al mismo tiempo, se ven diferentes y se esfuerzan por no sentirse aburridos. Algunos de ellos son un soplo de aire fresco, mientras que otros son simplemente viejas soluciones olvidadas que fueron renovadas.

1. Navegación con letras verticales

Las letras verticales son una tendencia completamente nueva en estos días. Se ve cada vez más fresco y, naturalmente, se destaca del contenido habitual de orientación horizontal. Además, ocupa menos espacio: solo una línea estrecha. No obstante, es visualmente pesado ya que se estira casi hasta la altura de la pantalla. Compacto, informativo y atrevido: una solución ideal para diseños contemporáneos.

Sesiones de realidad virtual nos muestra cómo implementar este tipo de navegación con éxito. El equipo ha girado su navegación 90 grados y la ha colocado en un panel dedicado junto con el logotipo. Agradable e ingenioso.

Al principio, el Interiores de Snake River el sitio web presenta una barra de navegación banal en el encabezado; sin embargo, cuando comienzas a desplazarte hacia abajo, se transforma suavemente en el menú con tipografía vertical que se pega al lado izquierdo y sigue a los visitantes. Ciertamente funciona aquí.

2. Menú distribuido por el perímetro de la pantalla

No es una solución muy utilizada y, por lo general, requiere un entorno adecuado, como un diseño centrado con canaletas perceptibles alrededor de la estructura; sin embargo, es una buena forma de darle un poco de entusiasmo a tu navegación. Como era de esperar, puede pensar que este concepto es ideal solo para sitios web pequeños que no tienen más de cuatro directorios internos, ya que solo hay cuatro esquinas. Bueno, eso no es exactamente correcto. Eche un vistazo a la portada de Orgulloso y puñetazo.

Cada rincón está reservado para su información: logotipo, redes sociales, icono de menú y acceso rápido a la sección ‘acerca de’. El equipo ha identificado hábilmente sus prioridades y ha mantenido todo ordenado y simple; mientras que el equipo detrás del Kygo Life no se limitó en absoluto, utilizando el espacio libre de la forma más eficaz posible. La página de inicio presenta muchas cosas que se encuentran en el borde de la página: CTA, indicadores de navegación, redes sociales, logotipo y algunas otras cosas, lo que da como resultado un diseño ingenioso.

3. Menú deslizable ultra estrecho

Las barras laterales hacen una devolución. No es dramático, pero sigue siendo bastante perceptible. Son más pulidos, más delgados, más compactos y más elegantes que antes. De hecho, es solo una columna ultra estrecha que alberga varios elementos: logotipo, ícono de menú y, dependiendo de las preferencias del artista, pueden ser íconos sociales, enlace al portafolio o paginación estándar basada en íconos del control deslizante del héroe. Por lo general, se encuentra en el lado izquierdo y se integra perfectamente. En cuanto al comportamiento, en la mayoría de los casos, simplemente se desliza y revela todos los elementos ocultos como en las aplicaciones móviles.

El portafolio personal de Maison Ullens presenta uno de estos. La página de inicio se divide en dos partes desiguales. La primera es una barra lateral con el logotipo y el enlace al menú y la segunda es el área de contenido principal. La solución dirige naturalmente la atención hacia el área de ‘bienvenida’ y al mismo tiempo establece discretamente un punto focal.

4. Menú vertical altísimo

Podrías decir: «Eso es historia antigua». Al igual que un menú horizontal, la navegación vertical parece ser banal y trivial. Sin embargo, en la era del botón de menú de hamburguesas, también parece una locura. Se puede utilizar tanto contra fondos de color sólido como transparentes. Se puede colocar en cualquier lugar; pero, por regla general, está emparejado con el logotipo.

Por ejemplo, Linmark; el equipo utiliza una navegación vertical tradicional que se organiza cuidadosamente en el lado derecho de la pantalla. Comienza con el logotipo basado en tipos y termina con el conjunto de enlaces de redes sociales presentados como íconos. El lado derecho de cada diapositiva se blanquea intencionalmente para que el componente obtenga el contraste necesario para lograr la legibilidad óptima. La solución se siente inusual.

Tvihorf da la bienvenida a los visitantes en línea con el menú activado que se presenta como una navegación vertical convencional donde las opciones están cuidadosamente organizadas línea por línea. Ocupa la posición de liderazgo, pero no dominante. Como es de esperar, ubicado en el corazón de la página, como era de esperar, llama la atención desde los primeros segundos. Tiene un aspecto limpio, nítido y sutil, que combina perfectamente con el logotipo y la atmósfera empresarial imperante.

Conclusión

Como dice el refrán, los pequeños detalles marcan una gran diferencia; y un elemento tan común del diseño del sitio web como el menú es capaz de enriquecer la estética general, agregar algunos giros agradables a la estructura y mejorar la experiencia del usuario cuando se destaca entre la multitud. Es posible que estos cuatro tipos de navegación no impresionen a sus visitantes con su increíble comportamiento dinámico ni con su intrincada realización.

Simplemente se sentirán únicos, refrescantes y originales.