C'è un argomento di tendenza nella navigazione nella progettazione di siti Web: i menu della barra laterale. Altri progettisti stanno lavorando con la navigazione laterale verticale per i progetti, con una posizione specifica sul lato sinistro per molti di questi progetti di siti web.
E mentre sembra bello e può aiutare a razionalizzare la confusione nella tela generale, funziona davvero? Gli utenti risponderanno alla navigazione laterale? È una tendenza del design che dovresti prendere in considerazione? Oggi cercheremo di entrare nel vivo delle domande con alcune risposte pratiche e utilizzabili.
La navigazione laterale sta spuntando ovunque
La navigazione laterale è parte di un'evoluzione di stili di menu nascosti e interessanti. Il design reattivo ha quasi costretto i progettisti a pensare a schemi di navigazione alternativi per facilitare lo spostamento su schermi di piccole dimensioni. E l'icona del menu dell'hamburger è nata.
Questo si è evoluto in stili più pop-out che iniziano con un'icona di hamburger. Alcuni di questi menu di navigazione si aprono completamente, mentre altri offrono un menu a discesa o uno stile con una gamma completa di opzioni utente. Il tema comune è che molte icone di hamburger si aprono nella navigazione verticale scorrevole.
La navigazione nella sidebar completa sembra essere un'estensione di questa idea.
La tendenza nella sua attuale iterazione comprende principalmente barre laterali di navigazione sinistra. Tendono ad essere semplici, di un unico colore solido (o overlay) e includono una manciata di elementi tra cui scegliere. La barra di navigazione può includere un mix di logo o marchi, collegamenti testuali e social media o altre icone e ricerche.
La chiave per far funzionare questa tendenza è assicurarsi che la barra laterale contenga abbastanza contrasto per essere chiaramente visibile in relazione al resto dello schermo, deve funzionare su dispositivi mobili (può essere piuttosto complicato) ed è sufficientemente ampia da contenere caratteri tipografici che sono leggibili
Un altro consiglio quando si pensa alla navigazione verticale: non essere tentato di riempirlo troppo di elementi solo per riempire la profondità di uno schermo a risoluzione standard. Lo spazio bianco è totalmente accettabile, e anche altamente raccomandato, come strumento di progettazione in questo formato. Osservando gli esempi in questo articolo, puoi vedere che lasciare spazio tra gli elementi o allineare gli elementi in alto, in basso o al centro con lo spazio intorno può avere un certo appeal. Lo spazio aggiuntivo nella barra di navigazione aiuterà ad attirare l'attenzione su di esso, contribuendo ad aumentare l'usabilità generale.
Navigazione laterale Pros
La navigazione laterale ha un sacco di valore estetico. Mentre questo concetto veniva usato frequentemente nei primi giorni del web, i menu di navigazione verticale di oggi sono eleganti ed eleganti.
I vantaggi dell'utilizzo della navigazione laterale verticale includono:
- La navigazione verticale sinistra cade nel lungo tratto della forma F, in cui i lettori guardano prima in alto e poi in basso sul lato sinistro come un modello di lettura naturale
- I menu non sono inizialmente nascosti come spesso accade con altri stili di tendenza come i menu degli hamburger
- Gli articoli hanno lo stesso peso sopra lo scroll
- La lettura dall'alto verso il basso è facile da scansionare quando c'è una spaziatura adeguata tra gli elementi
- Lascia la tela sgombra per il resto del design
- Fornisce un'area di forma diversa, che può aumentare l'interesse visivo o rendere più semplice l'utente per determinate immagini o contenuti video
- Può potenzialmente contenere più collegamenti in modo pulito
Navigazione laterale Contro
C'è un numero piuttosto grande di persone a cui non piace affatto la navigazione verticale. Mentre i maggiori reclami in termini di usabilità sono legati alla navigazione di destra, alcuni progettisti sostengono che gli stili di navigazione verticale aggiungono un livello di complessità per utenti e sviluppatori.
I motivi contrari all'utilizzo della navigazione laterale verticale includono:
- Può essere difficile far funzionare correttamente la navigazione verticale in un framework reattivo
- Le parole nella navigazione devono essere abbastanza corte da adattarsi a una colonna stretta senza utilizzare un carattere tipografico non leggibile
- Lo spazio utilizzato dalla navigazione verticale potrebbe essere più prezioso per altri contenuti.
- Con schermi più ampi, lo scroll è più alto e alcuni elementi di navigazione potrebbero essere persi?> / Li>
- Lo spazio extra? dalla navigazione verticale potresti incoraggiare alcuni progettisti a esagerare e ingombrare il menu di navigazione; come con la navigazione orizzontale in alto, segui solo i primi quattro o cinque collegamenti all'interno del sito.
- Molti utenti di mouse (destrimani) devono attraversare lo schermo per fare clic sugli elementi di navigazione. Questo può essere un modello utente ingombrante e alla fine noioso.
- La navigazione verticale deve scorrere e? Incollare? sullo schermo in modo che gli utenti non lo perdano. Spesso la navigazione verticale funziona bene su un design a pagina singola, ma diventa scomoda con un uso più ampio.
Funziona davvero?
La navigazione laterale verticale funziona davvero?
La giuria è ancora fuori su quello.
La tendenza è accattivante e ti fa guardare. Quindi, c'è un certo valore in quanto gli utenti lo vedranno. Se la navigazione è una parte vitale dei pattern di clic e del flusso di utenti, questa opzione potrebbe essere una considerazione.
Nel complesso, questo stile di navigazione sembra essere più efficace per i piccoli siti Web con solo una manciata di opzioni di navigazione e contenuti limitati. Molti degli esempi in questo articolo sembrano essere per complessi immobiliari (totalmente casuali), mentre sembra qualcosa che potrebbe funzionare anche per un portfolio creativo o un sito web di agenzia. Qualsiasi progetto con molti contenuti potrebbe sembrare che la navigazione laterale sia troppo restrittiva in termini di progettazione e gerarchia dei contenuti.
Che dire di altre localizzazioni nav?
Gli stili di navigazione non tradizionali possono essere un modo divertente per suddividere alcuni degli stessi vecchi schemi di progettazione. L'opzione verticale è solo una delle poche idee.
Il problema con qualsiasi modello utente non standard è che si corre il rischio di confondere gli utenti, causando loro di abbandonare del tutto il sito Web. Qualsiasi esperimento del genere è il migliore con un sito più piccolo che ha un flusso visivo generale semplice.
Altri due stili di navigazione che stanno iniziando a guadagnare un po 'di trazione includono il pop-out dell'hamburger orizzontale, come usato da Aurora (in alto) e il testo del testo inclinato di 90 gradi utilizzato da AndCulture (sotto).
Entrambi gli stili offrono qualcosa di un po 'inaspettato e funzionano bene nei loro rispettivi ambienti, anche se potrebbero essere difficili da capire con design diversi. Come con qualsiasi tecnica di progettazione, se fai qualcosa al di fuori dei normali pattern utente, assicurati di guardare le tue analisi e testare frequentemente. Se ci sono modelli di clic dispari o se gli utenti smettono di spostarsi attraverso la navigazione, potresti avere un problema con il design non tradizionale e devi ripensarlo.
Conclusione
Una cosa è certa quando si tratta di tendenze di navigazione, gli utenti e i progettisti sembrano essere stufi di stili completamente nascosti e opzioni di richiesta che funzionano in formati simili su desktop e dispositivi mobili. Questo potrebbe essere uno dei motivi per cui un modello verticale è in trend.
Quali tendenze vedi nella navigazione? Sei stanco di creare link nella parte superiore dello schermo? Mandami una riga su Twitter e ne parliamo. (Assicurati di taggare anche Design Shack.)