È ormai lontana l'idea che i menu di navigazione debbano essere sistemati in cima al design di un sito web. Mentre molti progettisti optano per la sicurezza e la coerenza della navigazione di tutte le maiuscole nella parte superiore dello schermo con la tipografia sans serif, un numero maggiore di progetti si sta diffondendo in questo schema.
I modelli sperimentali di navigazione possono essere divertenti e interessanti se sono abbastanza intuitivi da essere comprensibili per gli utenti in modo ragionevolmente rapido. Diversi stili di navigazione possono aumentare l'interesse per i siti web di piccole dimensioni, non hanno molti contenuti o vogliono che gli utenti si spostino in un modo specifico.
Mentre la navigazione sperimentale non è per ogni progetto, può essere un'alternativa divertente per il progetto giusto.
Navigazione laterale
Ci sono molti modi per fare la navigazione laterale. Può essere statico o dinamico e può essere praticamente di qualsiasi larghezza.
Anche se non sembra che spostare il nav dall'alto verso il basso sia tutto ciò che è sperimentale, può lanciare una buona chiave nel tuo progetto perché cambia le proporzioni della tela.
Quindi devi considerare come questa barra di navigazione spesso skinny guarderà su altre dimensioni dello schermo. E cosa fai se il menu di navigazione contiene parole lunghe (non vuoi una barra di navigazione piena di trattini)?
C'è molto da considerare.
La migliore navigazione laterale è semplice, con parole brevi e uno spazio fisso. Troppe operazioni di scorrimento in nav sono stridenti e difficili da comprendere. L'esempio di Sanctum, sopra, è semplice e pulito. Il nav rimane in un posto mentre l'utente scorre, con il testo che si regola solo da chiaro a scuro mentre lo sfondo cambia.
La cosa bella di questo esempio è che il modello di navigazione verticale incoraggia gli utenti a guardare prima il nome e il logo e poi a muoversi in linea retta lungo lo schermo per vedere quali opzioni di navigazione sono disponibili. È ben progettato e funzionale.
Nascosto e pop-out
Una delle grandi cose che è emersa dal prolifico uso dell'hamburger e di altri elementi di navigazione nascosti in stile icone sono i menu a comparsa.
Fare clic o toccare il pulsante e la navigazione si sposterà su parte o su tutto lo schermo (spesso a seconda delle dimensioni dello schermo).
Di per sé, questo non è veramente sperimentale. Ma il fatto che così tanti designer lo stiano facendo in tanti modi diversi è. Mentre gli utenti si stanno probabilmente abituando alle icone degli hamburger, questi modelli sono ancora poco familiari. E con i progettisti che utilizzano diversi tipi di icone, c'è anche una piccola sfida.
Tuttavia, lo stile pop-out di Caava Design, sopra, è interessante. Mentre la maggior parte dei progettisti sta andando con variazioni di pop-out piatte e semplici, questo ha più profondità ad esso. Il design aiuta gli utenti a trovare le parti più importanti della navigazione per guidarli attraverso il design.
Scorrimento orizzontale
Le prime volte che attraversi un sito di scorrimento orizzontale può essere un po 'strano. Ci vuole un design specifico per far sì che questo flusso risulti giusto a causa della strana differenza nel movimento fisico e visivo.
Per sfruttare al meglio la navigazione a scorrimento orizzontale, i progettisti dovrebbero utilizzare segnali visivi per rendere l'idea più comoda per gli utenti. Frecce o altri strumenti direzionali possono essere utili.
Norgram, in alto, usa anche un'immagine parziale come indicazione visiva secondo cui c'è più contenuto sul lato dello schermo con un aspetto fisso dall'alto verso il basso. Il contenuto è strutturato in modo tale che il movimento orizzontale sembra molto più naturale a causa dei segnali visivi forniti.
Nessuna navigazione
Alcuni siti web stanno eliminando del tutto la navigazione e optano per un tutto sullo stile dello schermo. Può essere uno schema difficile di sicuro. Gli utenti sapranno cosa cliccare e quali azioni intraprendere?
La? No navigazione? il modello di navigazione funziona meglio per i siti super piccoli che indirizzano gli utenti a fare una cosa. Può funzionare per una pagina in arrivo o un sito Web di ringraziamento / ricapitolazione come l'anno nella pagina di revisione sopra. Con solo una manciata di elementi cliccabili e una breve scorciatoia, è facile capirlo.
Anche l'animazione semplice nel design aiuta. (Si potrebbe probabilmente chiamarlo navigazione perché incoraggia il movimento dell'utente). Questo può essere uno schema complicato per non dire altro.
Pagina singola con indicatori
Molti dei modelli sperimentali di navigazione in uso vengono distribuiti su siti Web a pagina singola. E per una buona ragione: è molto più difficile per gli utenti perdersi nel formato di una pagina.
Per fornire indicazioni e aiutare gli utenti a pensare di progredire nella progettazione, molti di questi schemi di navigazione di una pagina si basano su indicatori. Proprio come il tradizionale formato a cursore con un punto o una barra per notare i progressi, questo stile di navigazione utilizza lo stesso concetto.
Socius, sopra, fa un ottimo lavoro con gli indicatori sul lato destro della pagina che includono il testo al passaggio del mouse che indica agli utenti cosa rappresenta ciascun punto. (Questa è una caratteristica che spesso manca in questo stile di navigazione.) Gli utenti possono utilizzare l'effetto hover e i punti per passare a informazioni specifiche o scorrere tra le sette? Schermate.?
Il trucco per questo stile di design è di far sentire tutto veloce. Gli effetti di scorrimento slick e un design digeribile, come mostrato in questo esempio, aiutano a guidare gli utenti attraverso il contenuto.
Nav del bordo sottile
Alcuni progettisti stanno girando la navigazione di 90 gradi e ancorandola al bordo destro della pagina. È un trucco sottile, principalmente per siti Web di piccole dimensioni o in stile portfolio che stanno spuntando più comunemente.
Gli elementi di navigazione in questo stile tendono ad essere solo di testo, includono solo una manciata di elementi e sono generalmente piccoli. Il testo di navigazione ruotato può essere inserito o escluso dal progetto, in base ad altri elementi sullo schermo.
Proprio come con la navigazione verticale, questa idea può cambiare il rapporto tra le proporzioni del design perché una scheggia viene tagliata dal lato per la navigazione. La preoccupazione per questo stile è che gli elementi di navigazione sono sottili e piccoli, rendendoli facili da perdere.
Conclusione
Sei più un tradizionalista quando si tratta di navigazione, o sei disposto a provare qualcosa di diverso? I modelli sperimentali di navigazione sono una di quelle tendenze che sembrano guadagnare trazione.
Mentre più designer provano questo tipo di tecniche, gli utenti si abituano al cambiamento e si adattano. Ma c'è sempre la preoccupazione per gli utenti che? Non capisco.? Mi piacerebbe sapere cosa pensi dei diversi stili di navigazione. Fammi sapere su Twitter e tag @designshack.