4 frisse alternatieven voor het Hamburger-menu
Sommigen zeggen dat webdesign saai is geworden. De huidige trends en geavanceerde technieken bepalen de regels voor de creatievelingen en spelen een 'low-down'-truc voor de community. Iedereen wil in de mainstream zijn en producten vrijgeven die viraal gaan; het betekent dat een miljoen interfaces waarschijnlijk dezelfde functies hebben.
Natuurlijk kan inhoud de dag redden. Toch is de waarheid dat veel van die interfaces er hetzelfde zullen uitzien.
Sinds enkele jaren draait het programma met het hamburgermenu. Het is moeilijk om het tegenwoordig een "rage" te noemen; het is schaamteloos overgebruikt, en voelt aan als een must-have voor responsieve interfaces. Het heeft ongetwijfeld voordelen: het is handig, compact en intuïtief ... maar toch is het saai.
Ik bedoel, het zijn maar drie regels die in de rechter of linker bovenhoek zitten, en dat is alles - een primitieve glyph die tot actie aanzet. Er zijn tegenwoordig verschillende opties op het wild. Ze dienen de primaire rol van de navigatie en zien er tegelijkertijd anders uit en proberen er hard aan om zich niet saai te voelen. Sommigen van hen zijn een frisse wind terwijl anderen gewoon vergeten oude oplossingen zijn die vernieuwd zijn.
1. Navigatie met verticale letters
Verticale letters zijn tegenwoordig een geheel nieuwe trend. Het ziet er steeds verser uit en onderscheidt zich van nature van de gebruikelijke horizontaal georiënteerde inhoud. Bovendien kost het minder ruimte: slechts een smalle lijn. Niettemin is het visueel zwaar omdat het bijna tot de hoogte van het scherm wordt uitgerekt. Compact, informatief en zingy, een ideale oplossing voor hedendaagse ontwerpen.
VR Sessions brengt ons naar huis om dit type navigatie met succes te implementeren. Het team heeft de navigatie 90 graden omgedraaid en samen met het logo in een speciaal paneel geplaatst. Leuk en geniaal.
In het begin, de Snake River Interiors website heeft een banale navigatiebalk in de kop; wanneer je echter begint te scrollen, transformeert het vloeiend in het menu met verticale typografie die aan de linkerkant blijft plakken en de bezoekers volgt. Het doet hier zeker de truc.
2. Menu verspreid over de omtrek van het scherm
Het is geen veelgebruikte oplossing, en meestal heeft het een goede omgeving nodig, zoals een gecentreerde lay-out met waarneembare goten rond de structuur; desalniettemin is het een goede manier om je navigatie een stukje te geven. Het is te verwachten dat je denkt dat dit concept alleen ideaal is voor kleine websites met niet meer dan vier interne mappen, omdat er slechts vier hoeken zijn. Nou, dat is niet helemaal correct. Kijk op de voorpagina van Trots en punch .
Elke hoek is gereserveerd voor zijn informatie: logotype, socials, menupictogram en snelle toegang tot het gedeelte 'about'. Het team heeft vakkundig hun prioriteiten geïdentificeerd en alles netjes en eenvoudig gehouden; terwijl het team achter de Kygo Life heeft zichzelf helemaal niet beperkt, het gebruik van de vrije ruimte zo effectief mogelijk. De homepage bevat veel dingen die zich op de rand van de pagina bevinden: CTA's, navigatie-indicatoren, sociale media, logotype en nog wat andere dingen, wat resulteert in een handig ontwerp.
3. Ultra-smal slide-out menu
Sidebars komen terug. Het is niet dramatisch, maar nog steeds behoorlijk waarneembaar. Ze zijn gelikter, dunner, compacter en eleganter dan voorheen. In feite is het slechts één ultra-smalle kolom met verschillende elementen: logo, menupictogram en afhankelijk van de voorkeuren van de artiest kunnen het sociale pictogrammen, een koppeling naar een portfolio of een standaard icon-gebaseerde paginering van de heldenschuifregelaar zijn. Meestal bevindt het zich aan de linkerkant en is het naadloos geïntegreerd. Wat betreft gedrag schuift het in de meeste gevallen gewoon naar buiten en onthult alle verborgen elementen zoals in mobiele apps.
De persoonlijke portfolio van Maison Ullens bevat een van deze. De startpagina is opgesplitst in twee ongelijke delen. De eerste is een zijbalk met het logo en een link naar het menu en de tweede is het primaire inhoudsgebied. De oplossing richt natuurlijk de aandacht naar het 'welkom'-gebied en stelt tegelijkertijd onopvallend een brandpunt vast.
4. Verticaal stijgend menu
Je zou kunnen zeggen: "Dat is oude geschiedenis." Net zoals een horizontaal menu, lijkt verticale navigatie banaal en triviaal. In het tijdperk van de knop voor het hamburgermenu ziet het er echter ook uit als een rage. Het kan zowel tegen de effen kleur als transparante achtergronden worden gebruikt. Het kan overal worden geplaatst; maar in de regel is het gekoppeld aan het logo.
Bijvoorbeeld, Linmark ; het team maakt gebruik van een traditionele verticale navigatie die zorgvuldig aan de rechterkant van het scherm is geplaatst. Het begint met het op het type gebaseerde logo en eindigt met de reeks sociale mediakoppelingen die als pictogrammen worden gepresenteerd. De rechterkant van elke dia is opzettelijk wit gemaakt, zodat de component het noodzakelijke contrast krijgt om de optimale leesbaarheid te bereiken. De oplossing voelt ongebruikelijk.
Tvihorf verwelkomt online bezoekers met het geactiveerde menu dat wordt gepresenteerd als een conventionele verticale navigatie waarbij de opties regel voor punt zorgvuldig worden geregeld. Het neemt de leidende positie in, maar niet dominant. Zoals u mag verwachten, bevindt het zich in het hart van de pagina en valt het vanaf de eerste seconden voorspelbaar op. Het ziet er netjes, helder en subtiel uit en gaat perfect samen met het logo en de heersende zakelijke sfeer.
Conclusie
Zoals het gezegde luidt, maken kleine details een groot verschil; en een dergelijk gemeenschappelijk element van het website-ontwerp als het menu in staat is om de algemene esthetiek te verrijken, enkele mooie wendingen aan de structuur toe te voegen en de gebruikerservaring te verbeteren wanneer deze zich onderscheidt van de massa. Deze vier navigatietypen imponeren uw bezoekers niet met hun ongelooflijke dynamische gedrag, noch met ingewikkelde realisaties.
Ze zullen zich gewoon uniek, verfrissend en origineel voelen.