10 modi per progettare menu che non si succhiano
Esistono modi giusti e sbagliati per progettare i menu di navigazione. Questa parte fondamentale di un sito Web è spesso trascurata nel processo di progettazione e si manifesta in termini di usabilità.
Clunky, sovraffollamento o navigazione mancante sono i problemi più comuni e francamente possono rendere il tuo sito semplicemente succhiare. Non essere quel ragazzo (o una ragazza). Utilizza questi suggerimenti per assicurarti di utilizzare modelli di navigazione moderni nei progetti del tuo sito web per elementi di navigazione fantasiosi e creativi che non fanno schifo. (E sono altamente utilizzabili).
1. Abbandonare i Mega Menu
I mega menu erano una moda che i clienti amavano, anche quando i designer lo odiavano. Lo stile di menu di grandi dimensioni che include "tutto tranne il lavello della cucina" è travolgente per gli utenti e non fornisce alcun valore reale.
Solo una manciata di grandi rivenditori può davvero farla franca con l'uso di menu mega e lo scopo è quello di mostrare la scala di inventario. L'utilità dell'elemento di navigazione sovraccarico è discutibile.
Spesso, un'opzione di menu mega è selezionata perché è troppo difficile restringere cosa mettere nella navigazione. Fai le scelte difficili. Scava nell'analisi per vedere cosa cercano gli utenti. Onestamente, la maggior parte degli utenti che vogliono una cosa molto specifica la troveranno comunque usando la ricerca.
2. Fai ricerca prominente
E parlando di ricerca: renderlo prominente. La ricerca dovrebbe essere su ogni pagina. Dovrebbe nella navigazione principale. E dovrebbe essere grande e facile da accedere.
La superba funzionalità di ricerca è il link che manterrà gli utenti su un sito web. Se ciò che stanno cercando non è prontamente disponibile, è probabile che la prossima opzione la cerchi. (Puoi ringraziare Google per questa ricerca preliminare.)
Non cercare di combatterlo. Lavora con gli utenti e includi la ricerca come parte della navigazione principale. (E assicurati che la scatola sia abbastanza grande da digitare e vedere completamente le frasi comuni in.)
3. Limitare il numero di opzioni di navigazione
È tuo compito anticipare quali contenuti gli utenti vorranno accedere successivamente. Limita le scelte di navigazione alle pagine e alle informazioni più popolari nel design del sito web.
Quasi tutti i menu di navigazione dovrebbero includere la ricerca, una pagina di contatto o di contatto e i siti di e-commerce dovrebbero sempre includere un carrello o il pulsante Acquista ora. Dopo che gli elementi di navigazione dovrebbero essere guidati dal contenuto del sito.
4. Sviluppa menu di navigazione intelligenti
Una buona navigazione aiuterà gli utenti a passare da un bit di contenuto al prossimo punto logico. Questo contenuto è spesso diverso su diverse parti del sito web.
Crea più configurazioni di navigazione in modo che gli utenti possano accedere facilmente al contenuto che è il prossimo passo logico nel loro percorso attorno al design. Mentre alcuni elementi potrebbero sovrapporsi, altri aiutano gli utenti e li aiutano a spostarsi più in profondità nel design.
Siamo in un'epoca in cui gli utenti si aspettano determinati livelli di personalizzazione. Amazon fa un ottimo lavoro con elementi di navigazione che chiamano anche gli utenti per nome. Dai un'occhiata da vicino alla navigazione la prossima volta che accedi per vedere Amazon.com di [Your Name Here]. La navigazione secondaria include informazioni quali la donazione annuale dell'utente per gli utenti di Smile, la cronologia degli ordini recente e persino i crediti per altri servizi Amazon. (Anche tutto ciò che segue è abbastanza personalizzato).
5. Ordinare Nav Elements in modo mirato
L'ordine degli elementi di navigazione è tanto importante quanto la decisione di utilizzarli. Gli elementi all'inizio e alla fine dell'elemento di navigazione saranno più efficaci, più visti e più cliccati. Usa queste posizioni attentamente.
C'è anche qualche scienza per fare questo. Il effetto di posizione seriale è la tendenza di una persona a richiamare il primo e l'ultimo elemento in una lista più consistente. Inoltre, gli utenti tendono a richiamare le voci più recenti (effetto recency) ei primi elementi in una lista vengono richiamati meglio degli elementi centrali (effetto primacy).
Osserva i pattern di flusso degli utenti nelle analisi del tuo sito web per aiutare a determinare esattamente quali pagine e elementi dovrebbero essere front e center. Includi le pagine che gli utenti visitano dalla home page e i contenuti con cui desideri connettere gli utenti. Elimina elementi di navigazione che non guidano il flusso degli utenti.
6. Usa la navigazione appiccicosa per le pagine a scorrimento lungo
Non lasciare che gli utenti perdano traccia della navigazione. Indipendentemente dal fatto che rimanga nella parte superiore o inferiore o laterale dello schermo, qualsiasi pagina con un formato a scorrimento lungo dovrebbe includere un menu appiccicoso. La ragione di questo è semplice: non far lavorare gli utenti per continuare a interagire con il tuo sito web.
Più è facile spostarsi e sperimentare il contenuto, più è probabile che gli utenti facciano proprio questo. Più tempo un utente spende sul tuo sito web con il tuo design, più è probabile che si convertano in un'azione dell'utente desiderata.
7. Non nascondere la navigazione
Minuscole voci di menu, collegamenti nascosti nella parte inferiore dello schermo o solo nel footer, e la navigazione a scomparsa nascosta dietro le icone di bizzarri e la mancanza di navigazione nelle pagine interne impediscono solo agli utenti di fare clic. Non nascondere la navigazione del sito web. Dovrebbe essere frontale e centrale. Dovrebbe essere su ogni pagina.
Gli utenti possono accedere al tuo sito Web in vari modi. Assicurati che ci sia un elemento di navigazione in attesa di forma quando arrivano.
8. Usa etichette descrittive
Dalle parole di navigazione alle icone, ogni elemento dovrebbe dire agli utenti esattamente cosa accadrà con un clic. Utilizza le icone comunemente accettate, come una shopping card per il check out o la lente di ingrandimento per la ricerca o anche un'icona di hamburger per gli stili di menu a comparsa.
Quindi fai un ulteriore passo avanti e utilizza etichette di testo che comunicano all'utente esattamente quali informazioni sono contenute al suo interno. Cerca di evitare etichette troppo generiche come servizi o offerte, se c'è una parola che spiega meglio il contenuto.
9. Considera Nav Full-Page
A volte il design è la navigazione. Se ci sono alcuni elementi chiave che sono vitali per gli utenti, mostrali con la navigazione a schermo intero.
Sebbene ciò non sia appropriato per ogni progetto, può essere efficace per siti Web di minori dimensioni, portafogli o progetti.
10. Vai verticale
La navigazione verticale è di moda adesso e per una buona ragione È facile vedere e attirare l'attenzione perché è un po 'diverso.
La navigazione laterale, orientata verticalmente è una buona opzione per i siti web che richiedono un po 'più di spazio per il numero di elementi di navigazione. Con un menu più profondo, il design può accogliere più elementi nav senza sentirsi ingombra e mantenendo uno spazio adeguato tra gli elementi.
