4 nuove alternative al menu dell'hamburger
Alcuni dicono che il web design è diventato noioso. Le tendenze attuali e le tecniche di fascia alta stabiliscono le regole per i creativi, giocando un trucco low-down sulla community. Tutti vogliono essere nel mainstream e rilasciare prodotti virali; significa che un milione di interfacce avrà probabilmente le stesse caratteristiche.
Naturalmente, il contenuto può salvare la giornata. Tuttavia, la verità è che molte di queste interfacce avranno lo stesso aspetto.
Da diversi anni, l'icona del menu hamburger ha eseguito lo spettacolo. È difficile definirlo una "mania" in questi giorni; è spudoratamente abusato e si sente come un must per interfacce reattive. Senza dubbio ha dei vantaggi: è maneggevole, compatto e intuitivo ... ma ancora, è noioso.
Voglio dire, sono solo tre righe che si trovano nell'angolo superiore destro o sinistro, e questo è tutto - un glifo primitivo che chiama all'azione. Ci sono diverse opzioni al giorno d'oggi. Servono il ruolo principale della navigazione, e allo stesso tempo sembrano diversi cercando di non sentirsi noiosi. Alcuni di loro sono una boccata d'aria fresca mentre altri sono solo vecchie soluzioni ben dimenticate che sono state rinnovate.
1. Navigazione con caratteri verticali
Lettering verticale è una tendenza nuova di zecca in questi giorni. Sembra sempre più fresco e si distingue naturalmente dal solito contenuto orientato orizzontalmente. Inoltre, richiede meno spazio: solo una linea stretta. Tuttavia, è visivamente pesante poiché è allungato quasi all'altezza dello schermo. Compatto, informativo e zingy: una soluzione ideale per i design contemporanei.
Sessioni VR ci porta a casa come implementare con successo questo tipo di navigazione. Il team ha spostato la sua navigazione di 90 gradi e lo ha collocato in un pannello dedicato insieme al logo. Bello e geniale.
All'inizio, il Snake River Interiors il sito Web presenta una barra di navigazione banale nell'intestazione; tuttavia, quando inizi a scorrere verso il basso, si trasforma senza problemi nel menu con una tipografia verticale che si attacca a sinistra e segue i visitatori. Certamente fa il trucco qui.
2. Menu sparsi per il perimetro dello schermo
Non è una soluzione ampiamente utilizzata e, di solito, richiede un ambiente adeguato, come un layout centrato con grondaie percepibili attorno alla struttura; tuttavia, è un buon modo per dare un po 'di entusiasmo alla tua navigazione. Prevedibilmente, si potrebbe pensare che questo concetto sia ideale solo per piccoli siti Web che non hanno più di quattro directory interne poiché ci sono solo quattro angoli. Bene, non è esattamente corretto. Dai un'occhiata alla prima pagina di Orgoglioso e pugno .
Ogni angolo è riservato per le sue informazioni: logotype, social, icona del menu e accesso rapido alla sezione "about". Il team ha abilmente identificato le loro priorità e ha mantenuto tutto pulito e semplice; mentre la squadra dietro il Kygo Life non si è limitato affatto, usando lo spazio libero nel modo più efficace possibile. La homepage presenta molte cose che si trovano sul bordo della pagina: CTA, indicatori di navigazione, social media, logotype e altre cose, con un design accattivante.
3. Menu a scorrimento ultra-stretto
Le barre laterali fanno un ritorno. Non è drammatico, ma comunque abbastanza percepibile. Sono più sottili, più sottili, più compatti e più eleganti di prima. In realtà, è solo una colonna ultra-stretta che ospita diversi elementi: logotipo, icona del menu e, a seconda delle preferenze dell'artista, può essere icone social, link a portfolio o paginazione basata su icone standard del cursore dell'eroe. Di solito, si trova sul lato sinistro e perfettamente integrato. Per quanto riguarda il comportamento, nella maggior parte dei casi, scivola fuori rivelando tutti gli elementi nascosti come nelle app mobili.
Il portafoglio personale di Maison Ullens presenta uno di questi. La homepage è divisa in due parti disuguali. Il primo è una barra laterale con il logotipo e il collegamento al menu e il secondo è l'area del contenuto principale. La soluzione indirizza naturalmente l'attenzione verso l'area "benvenuta" e allo stesso tempo stabilisce in modo discreto un punto focale.
4. Menu verticale in salita
Potresti dire: "È una storia antica". Proprio come un menu orizzontale, la navigazione verticale sembra banale e banale. Tuttavia, nell'era del pulsante del menu degli hamburger, anche questa sembra una mania. Può essere utilizzato sia contro il colore solido che con gli sfondi trasparenti. Può essere posizionato ovunque; ma di regola, è abbinato al logo.
Per esempio, Linmark ; il team utilizza una navigazione verticale tradizionale che è attentamente sistemata sul lato destro dello schermo. Inizia con il logotipo basato su tipo e termina con il set di link ai social media presentati come icone. Il lato destro di ogni diapositiva viene sbiancato intenzionalmente in modo che il componente ottenga il contrasto necessario per raggiungere la leggibilità ottimale. La soluzione sembra insolita.
Tvihorf accoglie i visitatori online con il menu attivato che viene presentato come una navigazione verticale convenzionale in cui le opzioni sono accuratamente disposte linea per linea. Occupa la posizione di leader, ma non dominante. Come puoi immaginare, situato nel cuore della pagina, attira l'attenzione fin dai primi secondi. Sembra pulito, nitido e sottile, e si abbina perfettamente al logotipo e all'atmosfera imprenditoriale prevalente.
Conclusione
Come dice il proverbio, piccoli dettagli fanno una grande differenza; e un tale elemento comune del design del sito web come il menu è in grado di arricchire l'estetica generale, aggiungendo alcuni piacevoli colpi di scena alla struttura e migliorando l'esperienza dell'utente quando si distingue dalla massa. Questi quattro tipi di navigazione potrebbero non impressionare i visitatori con il loro incredibile comportamento dinamico, né la realizzazione complessa.
Si sentiranno unici, rinfrescanti e originali.