Quale programma scegliere per il navigatore. La mia versione di navigazione in viaggio Navitel: un navigatore GPS per Android ben progettato

Un errore comune nell'usabilità di un sito web è la navigazione complessa o confusa che allontana i clienti. Ricorda una semplice regola: più è facile navigare nel tuo sito web, più velocemente l'utente troverà le informazioni necessarie ed eventualmente effettuerà un ordine.

Il principio fondamentale per una comoda navigazione nel sito è assicurarsi che un potenziale cliente capisca sempre in quale sezione/pagina si trova, da dove viene e dove può andare dopo. Scopriamo quali elementi di navigazione devono essere aggiunti al sito in modo che l'utente non si perda nelle profondità della tua risorsa.

Creazione della navigazione del sito: elementi base

I seguenti elementi sono i principali; devono essere presenti su tutte le pagine del sito ed avere lo stesso stile. La loro assenza disorienta l'utente.

Intestazione del sito. Deve essere visivamente separato dagli altri elementi della pagina e contenere i seguenti elementi:

1. Logo, che è meglio posizionarlo nell'angolo in alto a sinistra, poiché questa opzione è più familiare agli utenti.
2. Nome dell'azienda e breve descrizione attività - slogan(se questa informazione non è indicata nel logo). Inoltre, puoi indicare il tuo USP (maggiori dettagli su cosa è e come scegliere quello giusto).
3. Regioni di attività, consegna della merce. Non è necessario elencare l'intero elenco, è sufficiente indicarlo questa informazione brevemente.
4. Informazioni sui contatti. Se hai più uffici o negozi, nell'intestazione del sito dovresti indicare informazioni importanti solo per la cosa principale, in modo da non sovraccaricare l'intestazione.
5. Assicurati di aggiungere accanto al numero di telefono modalità operativa in modo che gli utenti possano vedere a che ora possono chiamare l'azienda.
6. Collegamento alla pagina del carrello, se hai un negozio online.
7. . Aggiungi solo se i tuoi specialisti hanno il tempo di elaborare rapidamente le richieste provenienti da esso. Necessario per quegli utenti che, per qualche motivo, non possono chiamare l'azienda da soli.

Un esempio di intestazione di un sito web informativo:

Menu principale. È meglio posizionare questi collegamenti orizzontalmente sotto l'intestazione del sito. Quando scegli i nomi per le sezioni, non dimenticare il design semantico. Sezioni principali che dovrebbero essere nel menu principale:

1. Catalogo di servizi o beni (voce del menu a tendina).
2. Pagina aziendale.
3. Modalità di pagamento e consegna (per negozi online).
4. Garanzie e resi (per negozi online).
5. Portfolio (se hai qualcosa da mostrare).
6. Promozioni e sconti.
7. Recensioni (per siti di servizi).
8. Blog (se ne hai uno).
9. Contatti.

L'elenco per ciascun sito è individuale, ma per una facile comprensione non consigliamo di inserire più di 5-7 collegamenti nel menu. Se ce ne sono di più, puoi selezionare un secondo menu sopra l'intestazione del sito con collegamenti a sezioni ausiliarie, il cosiddetto menu "servizio". Un esempio di intestazione di un sito con due menu:

Evidenzia visivamente la sezione del menu attivo in modo che l'utente possa vedere in quale sezione si trova. Esempio di evidenziazione di una sezione del menu:

Modulo di ricerca. Un must per i siti Web di grandi dimensioni, in particolare per i negozi online e i portali di informazione. Parliamo di cosa dovrebbe essere e dove è meglio posizionarlo sul sito.

Piè di pagina del sito. Molti siti ignorano questo blocco, ma aiuta l'utente, dopo aver visualizzato la pagina, a spostarsi rapidamente in un'altra sezione o a trovare collegamenti aggiuntivi che non si trovano nel menu principale. Il seminterrato dovrebbe contenere:

1. Collegamenti a tutte le sezioni del sito. Per tutto, senza eccezioni. Duplica i collegamenti dal menu principale e specifica sezioni aggiuntive. Disponili in colonne e dividili in sottogruppi logici per facilitarne la navigazione.
2. Informazioni sui contatti. È meglio fornire più dettagli che nell'intestazione del sito, aggiungendo l'indirizzo e i dettagli dell'azienda.
3. Collegamenti ai social network. Non saranno un problema qui.
4. Modulo d'ordine di richiamata(solo se lo hai aggiunto nell'intestazione del sito.)

Non è necessario inserire il logo e il nome dell'azienda nel footer del sito, soprattutto se sono presenti molti collegamenti alle sezioni. Un esempio di un comodo footer del sito web:

Elementi di navigazione aggiuntivi

Aiutano anche l'utente a comprendere la struttura del sito, ma non sono adatti a tutte le risorse.

Breadcrumb o navigazione locale. Mostra il percorso intrapreso dall'utente o la posizione della pagina nella gerarchia del sito. Vale la pena aggiungerlo se hai un sito multi-livello (nidificazione di più di 2 livelli). Raccomandazioni per la progettazione:

1. Deve essere presente su tutte le pagine del sito tranne la Home page.
2. Il breadcrumb dovrebbe essere posizionato a sinistra sotto il menu principale e nello stesso posto su tutte le pagine.
3. Utilizza una dimensione di carattere piccola.
4. Tutti gli elementi tranne l'ultimo devono essere collegamenti alle pagine corrispondenti del sito.
5. L'ultimo elemento deve corrispondere al titolo della pagina ed essere evidenziato (preferibilmente in grassetto).

Un esempio di breadcrumb trasparente:

Barra laterale. Se una sezione del sito è divisa in sottosezioni, vale la pena visualizzarle nel menu laterale. È meglio posizionare il menu a sinistra della parte principale della pagina.

Non è necessario duplicare questo menu su tutte le pagine del sito; posizionatelo solo nella sezione a cui appartiene. Un anti-esempio è quando sul tuo blog o sulle pagine dei contatti vedi un menu di categorie di prodotti:

La sezione selezionata dovrebbe essere evidenziata anche nel menu laterale.

Filtri e smistamento dei prodotti. Necessario principalmente per i negozi online. Su come dovrebbe essere una ricerca nel catalogo.

Pulsante su. Aiuta gli utenti a tornare rapidamente all'inizio della pagina. È meglio posizionarlo nell'angolo in basso a destra. Un esempio del design visivo di questo pulsante:

Ma non è tutto

Ci sono ancora un paio di elementi di cui vorrei parlare nell'ambito di questo argomento.

URL della pagina. Crea semplici e facili da capire utente ordinario indirizzi di collegamento. È auspicabile che l'intero indirizzo della pagina sia in latino.

Un buon esempio: https://site.ru/company/portfolio/

Cattivo esempio: https://site.ru/site/28787343/

Conclusione

Tutti i consigli sono stati testati dalla pratica, quindi puoi aggiungere in sicurezza gli elementi elencati al sito. La comoda navigazione del sito web è un vero obiettivo che può essere raggiunto. Pertanto, non perdere tempo e inserisci i miglioramenti necessari nel tuo piano. Ti auguriamo successo!

Se vuoi verificare quanto sia chiara e razionale la navigazione sul tuo sito puoi contattarci per un audit. Effettuiamo anche test di usabilità, che identificano rapidamente e mostrano chiaramente i problemi di navigazione.

La navigazione del sito è diventata un aspetto importante della progettazione UX: può aiutare o danneggiare il tuo sito. La navigazione può essere paragonata al sostegno di una casa. Se il piano di fondazione non è ben progettato, metti a rischio l’intero edificio.

La navigazione può variare da un sito all'altro; non ci sono istruzioni specifiche su come farlo correttamente.

Cos'è la navigazione?

Il termine “navigazione” può essere interpretato in diversi modi. Nel complesso, questa è una parte fondamentale del sito che consente agli utenti di trovare ciò che stanno cercando senza clic inutili. Condurrà i tuoi visitatori alle informazioni più importanti.

Quali domande ti aiuteranno a preparare la tua mappa di navigazione?

Chi è il tuo pubblico target e qual è lo scopo del tuo sito web?

Quali informazioni e quali moduli informativi dovrebbero essere presenti sul sito?

Come dovrebbero essere raggruppate le informazioni in base alla loro importanza per l'utente?

Come organizzare i moduli funzionali e informativi in ​​una struttura ad albero?

Pianifica la tua navigazione

Come organizzare i contenuti? Come nominare e organizzare gli elementi?

Fin dall'inizio, discutere approfonditamente la gerarchia in cui le informazioni dovrebbero essere visualizzate:

Lavora con il contenuto. Una tecnica di ordinamento delle carte può essere utilizzata per aiutare i progettisti a trovare risposte alle domande prima di creare un progetto.

Poi vai per la struttura. Crea una mappa del sito o un elenco con diversi livelli di informazioni. La navigazione dovrebbe essere il più semplice possibile. Pagine disordinate con titoli di menu confusi rendono il sito difficile da utilizzare. Quando crei i menu di navigazione, parla agli utenti nella loro lingua.

Infine, definisci gli elementi del menu di navigazione, il suo tipo e il design.

Ricorda che non esiste uno standard che definisca come dovrebbe essere la navigazione del tuo sito. Piuttosto, è importante capire che tipo di sito stai realizzando, quale messaggio vuoi trasmettere agli utenti e quale obiettivo vuoi raggiungere con il suo aiuto. Ad esempio, quando crei il sito web di un negozio online, puoi utilizzare algoritmi che consentono ai visitatori di trovare il prodotto o servizio di cui hanno bisogno il più rapidamente possibile e acquistarlo. Per quanto riguarda il sito promozionale, puoi concentrarti sul reperimento rapido delle informazioni, coinvolgere l'utente nel gameplay e semplificare gli elementi principali per una navigazione più agevole.

Tendenze del design della barra di navigazione

Esistono diversi tipi popolari di navigazione del sito che puoi utilizzare per il tuo progetto. Quale scegliere dipende da te.

Orizzontale o verticale?

La scelta tra navigazione orizzontale e verticale è determinata da diversi fattori basati su design, usabilità e intento del contenuto. I siti di piccole dimensioni spesso preferiscono una barra di navigazione orizzontale nell'intestazione della pagina, mentre i siti aziendali di grandi dimensioni utilizzano sia barre orizzontali che verticali.

Elenchi a discesa di grandi dimensioni

I menu a discesa dello zoom sono una barra dei menu che "esce" o "vola fuori" dalla barra di navigazione principale. Questo tipo di navigazione non è adatto a tutti i siti. Il vantaggio principale degli elenchi a discesa è che consentono di mostrare più collegamenti contemporaneamente. Quindi in quali casi potrebbero essere necessari? Gli elenchi a discesa di grandi dimensioni sono adatti per i negozi online con un ampio elenco di categorie che difficilmente si adattano a un menu di navigazione standard. Di conseguenza, anche altri siti che offrono una gamma completa di servizi possono utilizzare con successo tale navigazione.

Fisso ("appiccicoso")

Una barra di navigazione fissa o “permanente” non scompare quando si scorre la pagina. Correttamente, tale navigazione viene utilizzata sui siti in cui gli inviti all'azione si trovano nel pannello principale.

Piè di pagina del volume

Siamo abituati a vedere collegamenti a informazioni legali, widget di iscrizione alla newsletter o icone di social media nel piè di pagina. Molti siti hanno un footer grande se contengono molti contenuti o se sono negozi online per i quali è importante indicare delle icone con le modalità di pagamento.

Navigazione dal design reattivo

La navigazione reattiva consente al tuo sito web di avere un bell'aspetto diversi dispositivi. SU dispositivi mobili Il pannello di solito si ripiega nel menu “hamburger”. L'icona del menu è composta da tre strisce orizzontali e, una volta aperta, gli elementi si trovano uno sotto l'altro, formando un cosiddetto “hamburger”. Questo tipo di menu è stato creato per facilitare la navigazione sui dispositivi mobili senza occupare molto spazio.

Collegamento del logo alla home page

Sembra ovvio, ma ci sono ancora siti che ignorano questa regola. Quando gli utenti fanno clic sul logo, si aspettano di essere indirizzati a pagina iniziale- questa è una pratica comune.

Primario secondario

Molto spesso, la navigazione primaria è costituita da elementi di base che

sembrano uguali in tutto il sito. In genere, il menu principale si trova nella parte superiore della pagina, al centro, a sinistra o a destra. La navigazione secondaria è composta da elementi aggiuntivi e solitamente si trova al centro della pagina e non è evidenziata con un design appropriato.

Diamo un'occhiata alle 10 migliori idee per la progettazione della navigazione del sito web

Tipo: verticale, adattivo.

Fare clic sull'icona del menu a sinistra e il menu principale si sposterà al centro della pagina.

2. WE3

Tipologia: fissa, verticale; situato in alto a destra.

Il design del sito è interattivo. Mentre scorri la pagina, vengono visualizzate nuove informazioni.

Tipo: adattivo, verticale; situato a sinistra.

La navigazione nel pannello di sinistra, che si espande dall'icona del menu, è simile a quella che sei abituato a vedere versioni mobili luogo. La navigazione si trova a sinistra della sezione d'imbarco ed è facile da vedere.

4.Centro Kennedy

Tipo: orizzontale, elenco a discesa.

Puoi navigare nel sito del JFK Center in due modi: trascinando e rilasciando le immagini oppure utilizzando il menu orizzontale.

5. Gioco B&O

Tipologia: fissa, adattiva, orizzontale.

Il sito attira l'attenzione dell'utente con il suo prodotto, quindi la barra di navigazione è abbastanza semplice.

Tipologia: fisso, orizzontale, volumetrico a piè di pagina, adattivo, con elenco a discesa.

Un lungo scorrimento lungo la pagina con le funzioni principali e un ampio elenco a tendina indirizzeranno gli utenti alla pagina desiderata.

7. Hotel di lusso nell'Adriatico

Tipo: fisso, orizzontale, elenco a discesa grande, piè di pagina volumetrico.

In questo sito puoi trovare ciò di cui hai bisogno semplicemente scorrendo la pagina o utilizzando il menu fisso.

Tipologia: piè di pagina fisso, adattivo, orizzontale, volumetrico.

La navigazione di Kalios si trova in alto a sinistra. Facendo clic sull'icona del menu è possibile ottenere informazioni sui prodotti posizionando il mouse sul prodotto desiderato.

Questo sito può essere gestito cliccando sulle frecce. L'utente può passeggiare nel sito come in un museo. Puoi scorrere la pagina di ogni camera per ottenere informazioni.

10. Balletto australiano

Tipo: elenco a discesa fisso, adattivo, volume

Conclusione

Esistono molti tipi di navigazione che puoi utilizzare sul tuo sito. Allo stesso tempo, non esiste un modo universale per creare una navigazione perfetta; tutto dipende dalle tue esigenze o dai desideri del tuo cliente. Ci auguriamo che i nostri esempi ti abbiano ispirato e che il team AGENTE, a sua volta, ti aiuterà a realizzare le tue idee più sfrenate.

Quanto più facile è lavorare con un sito, maggiore è la probabilità di un utilizzo ripetuto, dell'ordine di un prodotto, della compilazione di un modulo e dell'esecuzione di altre azioni utili da parte dell'utente.

Accade così che la maggior parte dei siti abbia un design e una struttura unici. Ciò porta al fatto che i nuovi utenti devono studiare ogni volta il principio del dispositivo di navigazione per ottenere le informazioni necessarie o completare il proprio piano.

Il compito del progettista è ridurre al minimo il tempo che un nuovo visitatore dedica a tale formazione e rendere le informazioni il più accessibili possibile. La chiave del successo nella risoluzione di questo problema è costruire il giusto sistema di navigazione.

Una buona navigazione segue il seguente insieme di principi.

1. Struttura dei dati semplice e logica

Un'interfaccia user-friendly si basa sulla corretta organizzazione dei dati. Prima di intraprendere la progettazione, è opportuno riflettere in dettaglio sull'architettura dell'informazione del progetto.

I dati dovrebbero essere distribuiti su pagine o schermate in modo tale che un nuovo visitatore, senza conoscere il quadro completo, possa valutare rapidamente come ottenere le informazioni che sta cercando. Per fare ciò, innanzitutto, è necessario costruire una struttura gerarchica logica a partire dal set di dati previsto nel progetto.

Sbagliato	Giusto

Puoi parlare quanto vuoi di come aumentare l’efficienza del tuo business online, ma non ti avvicinerai mai a una soluzione pratica. Ma il marketing su Internet è pura pratica. E oggi iniziamo una serie di materiali dedicati ai siti web ad alta conversione. Utilizzando esempi specifici.

In prima fila c'è Booking.com, un servizio per prenotare camere negli hotel di tutto il mondo. Se ti piacciono i viaggi, probabilmente li conosci. Il sito web dell'azienda riceve 11.000.000 di visitatori unici ogni giorno. Di queste, 700.000 persone intraprendono l'azione mirata.

Nessun sito in questa nicchia può nemmeno avvicinarsi a vantare una tale efficienza. Nonostante il fatto che la risorsa sia letteralmente "piena" di funzionalità di vendita, gli sviluppatori continuano a svilupparla.

Guarda, studia e, soprattutto, applica le migliori tecniche di un marchio famoso.

Pagina iniziale

La strategia di Booking.com si basa sulla prova sociale. Gli autori non descrivono quanto siano interessanti, ma supportano letteralmente ogni elemento con i numeri. Il visitatore ha la sensazione di essersi trovato in un enorme gruppo di persone che la pensano allo stesso modo. Se centinaia di migliaia di viaggiatori si fidano del servizio, che dubbio c’è?

Non appena arrivi sulla home page, il seguente widget attira la tua attenzione:

“Che tipo di proposte sono queste per i partecipanti? Devi registrarti e dare un'occhiata!” Ecco come pensa un principiante e il servizio raccoglie facilmente e naturalmente una base di clienti.

"Panini" per la registrazione:

La diapositiva successiva mostra la famigerata ampiezza della scelta. Sicuramente non rimarrai senza un appartamento per le tue vacanze. :

La domanda di servizi è visibile nel feed« Ho appena prenotato" È in fase di aggiornamento ogni 3 secondi:

Navigazione comoda durante la ricerca

L'interfaccia intuitiva del filtro di ricerca non rallenta affatto l'utente, ma, al contrario, facilita il processo di selezione. La prima fase dell'imbuto di conversione funziona come un orologio.

Lavora con le obiezioni

In modo discreto e convincente, proprio sotto il modulo di ricerca. La maggior parte degli utenti pone 2 domande:

• Come cancellare una prenotazione?
• In quanto tempo viene confermata una prenotazione (qualcuno intercetterà il mio numero)?

In qualsiasi attività, il pubblico target ha 2-3 domande e dubbi "caldi". Rispondere in modo chiaro e chiaro significa aumentare la risposta.

Vantaggi e vantaggi

Il tradizionale elenco di bollettini con vantaggi parla in modo convincente anche delle principali caratteristiche di Booking.com:

In sintesi: redditizio, conveniente, affidabile. È sulla base di questi 3 fattori che prendiamo una decisione a favore di una risorsa o di un'altra.

Prova sociale

Scopri con quanta eleganza il servizio utilizza la prova sociale per guidare la tua decisione nella scelta di un hotel:

Innanzitutto, l'hotel ha un punteggio elevato (4 stelle su 5). E non per decisione dell'amministrazione, ma sulla base delle recensioni. Successivamente vedi un altro “gancio”: la valutazione è “Fantastico” sulla base di 66 recensioni. A proposito, sono presentati in modo più dettagliato all'interno della scheda dell'hotel. Infine, l'informazione che è rimasta l'ultima questione e che qualcuno la sta guardando contemporaneamente a te, evoca involontariamente un riflesso di “afferramento”.

Invece di una conclusione

Cosa può e deve essere utilizzato dall'esperienza di Booking.com:

• Se chiedi all'utente di registrarsi (nota per i proprietari di negozi online), spiega il motivo e fai un regalo di valore (uno sconto permanente, ad esempio);
• Rendi la navigazione del tuo sito il più semplice possibile. I visitatori dovrebbero scivolare verso l'azione target come su un sentiero ben battuto;
• Identificare le principali obiezioni e rispondere in modo breve e convincente;
• Chiedi una recensione a ogni cliente soddisfatto o, meglio ancora, inserisci un modulo per l'automatico feedback;
• La prova sociale aumenta potentemente le conversioni. Un fatto vende meglio di cento belle parole.

Buone vendite a te!

In questo articolo parleremo di cosa dovrebbe essere buona navigazione sul sito e come renderlo veramente efficace. Il materiale sarà utile principalmente a coloro che desiderano creare il proprio sito web.

La navigazione è l'insieme dei metodi, delle tecniche e degli elementi speciali che ti consentono di muoverti tra le sue pagine.Tutto dipende da quanto bene è pensato: sia la conversione che il successo della promozione delle risorse.

Questo può essere paragonato alla pianta di una casa. Se la disposizione è buona, troverai facilmente la stanza di cui hai bisogno e non confonderai l'ingresso della cucina con l'ingresso del soggiorno. Se ci sono molti passaggi, corridoi e porte, puoi perderti in una casa del genere.

Lo stesso vale per i siti web. Se la navigazione è scarsa, ci sono molti collegamenti che non portano dove devono andare, o non è chiaro dove porteranno, gli utenti si confondono e non riescono a trovare le pagine di cui hanno bisogno e le informazioni di cui hanno bisogno.

Per motori di ricerca bene, anche la navigazione logica è importante. Il motore di ricerca deve comprendere il ruolo di questa pagina sul tuo sito. Una navigazione ben progettata migliora anche i fattori comportamentali, poiché gli utenti trovano rapidamente le informazioni di cui hanno bisogno.

Elementi di base e tecniche di navigazione

Ti suggerisco di familiarizzare prima con gli elementi principali che ti aiutano a navigare nel sito.

La navigazione in senso lato comprende molte tecniche ed elementi, il cui compito principale è consentire all'utente di accedere alla pagina desiderata e familiarizzare con le informazioni.

Uno di questi elementi che da tempo è diventato obbligatorio sul sito èlogo aziendale, quando fai clic su di esso verrai indirizzato a.

Qui ad esempio basta cliccare sul logo per tornare alla pagina iniziale.

Questa tecnica è già familiare agli utenti e consente di tornare alla home page da qualsiasi pagina del sito.

Il secondo elemento “classico” èMenù in alto.

Si trova sotto l'intestazione ed è composto da pulsanti o collegamenti che portano alle sezioni principali del sito. Un menu di questo tipo può essere più complesso, con elenchi a discesa che portano a sottosezioni o singole pagine.

Negli ultimi anni è diventata popolare un'altra tecnica: questamenù di hamburger, in cui tutti i collegamenti sono nascosti su tre linee orizzontali schematiche. All'inizio questo elemento viveva solo sui dispositivi mobili, ma ora si trova sempre più spesso anche sulle versioni desktop dei siti:

Anche su alcuni siti puoi vederemenù verticale. Viene utilizzato più spesso se non è stato possibile inserire tutto il necessario nel menu in alto o se è necessario facilitare agli utenti la navigazione in determinate sezioni.

O forse può vivere indipendentemente, senza menù orizzontale in cima alla pagina. E potrebbero esserci anche diversi menu di questo tipo, come qui - a sinistra e a destra:

(micro markup) è un altro elemento di navigazione che non solo definisce la gerarchia della pagina, ma consente anche di tornare facilmente alla sezione richiesta, o alla pagina principale, da qualsiasi pagina:

Collegamenti all'interno degli articoliad altre pagine del sito – anche questi sono elementi di navigazione. Ad esempio questi:

Non solo ti aiutano ad andare oltre, ma sono anche utili dal punto di vista SEO: questa tecnica ti consente di aumentare il numero di pagine visualizzate.

Collegamenti nel piè di pagina(footer, footer) è un altro elemento di navigazione. Di solito nel piè di pagina viene inserito un collegamento ai contatti, Termini di utilizzo, regole per l'utilizzo del sito, ecc. E a volte puoi vedere molti collegamenti a diverse pagine del sito, raggruppati in categorie:

Sulle pagine di destinazione lunghe, così come su alcuni siti, puoi vederescala di progresso, che mostra quanto hai scorso questa pagina:

Le barre di avanzamento possono essere trovate anche sui moduli di domanda e di registrazione se il modulo è lungo e suddiviso in più passaggi.

Ciò semplifica la navigazione nella pagina stessa: puoi vedere fino alla fine. Anche questa è una piccola tecnica psicologica che incoraggia il visitatore a portare a compimento ciò che ha iniziato.

Nelle pagine lunghe e nelle pagine di destinazione puoi trovare un altro ottimo elemento di navigazione:pulsante per tornare rapidamente all'inizio:

Questo pulsante ti consente di tornare rapidamente all'inizio della pagina.

Al menu principale, contatti o altro Informazioni importanti fossero costantemente davanti ai tuoi occhi, viene utilizzata la cosiddetta “intestazione fissa” o “barra di navigazione fissa”. Rimane nella parte superiore della pagina mentre l'utente scorre verso il basso.

Qui abbiamo costantemente davanti agli occhi una ricerca, un logo con la possibilità di tornare alla pagina principale e un piccolo menu.

Come utilizzare tutti questi elementi in modo efficace e proficuo?

Come rendere comoda la navigazione del sito

Quando lavori sulla navigazione del tuo sito, ricorda e prova ad utilizzare una semplice regola:Dalla pagina principale a qualsiasi pagina del sito l'utente dovrebbe ottenere un massimo di tre clic. E viceversa.

1. Posiziona il logo del ritorno a casa nell'angolo in alto a destra.

Questo è uno standard generalmente accettato e per una buona ragione: è qui che il logo attira immediatamente l'attenzione. E l'utente non dovrà cercare cosa cliccare per tornare.

2. Considera gli elementi primari e secondari.

Il menu in alto può essere quello principale. Secondario – barra laterale, collegamenti aggiuntivi all'interno del testo, nel piè di pagina. I breadcrumb possono anche fungere da elementi di navigazione secondari.

Qui il menu in alto è l'elemento di navigazione principale e i breadcrumb sono un elemento ausiliario.

Posiziona le sezioni più importanti del sito nel menu principale.

3. Pensa a quali pagine possono essere raggruppate.

Se tutto non rientra nel menu in alto (o laterale). Ad esempio, spesso puoi trovare un'opzione in cui alcune sezioni del sito sono nascoste sotto un pulsante "Informazioni", "Altro", "Altro", ecc.

La posta di Mail.ru "nascondeva" i progetti dell'azienda in questo modo:

4. Trova un buon posto per i collegamenti informativi.

I link informativi sono del tipo “Contatti”, “Offerta al pubblico” e simili. L'utente dovrà trovare questi collegamenti in tutte le pagine del sito. Pertanto, il posto più adatto per loro è il piè di pagina.

Ecco un esempio lampante di tale posizionamento di collegamenti informativi:

5. Non dimenticare il design.

Tutti gli elementi di navigazione dovrebbero essere chiaramente visibili e dovrebbe essere chiaro che un collegamento è un collegamento e un pulsante è un pulsante. Evidenzia i collegamenti con il colore, rendili in grassetto o sottolineati. È importante che l'utente comprenda che davanti a lui c'è un elemento cliccabile che lo invierà ad un'altra pagina del sito.

È qui che non riesco a definire il menu con successo. Il carattere è troppo piccolo. Ma qui c'è un approccio diverso: immediatamente con pagina iniziale Puoi andare al catalogo della tua marca preferita o visualizzare gli sconti:

6. Non aprire le pagine in nuove finestre.

Questo confonde gli utenti.

7. Elementi aggiuntivi.

Pensaci su elementi aggiuntivi tipo“Prodotti correlati”, “Contenuti consigliati” o “Articoli correlati”, che aiuterà l'utente a trovare rapidamente ciò di cui ha bisogno.

8. Suggerimenti.

Semplifica la navigazione consuggerimenti , che aiuterà l'utente a capire a cosa serve questo pulsante o icona:

9. Lascia il menu in un posto visibile.

Cerca di assicurarti che il visitatore non debba cercare un nuovo menu su ogni pagina. Non modificare o rimuovere i menu sulle pagine secondarie.

10. Non nascondere i tuoi contatti lontano.

Lascia il tuo numero di telefono nell'intestazione. Assicurati che i pulsanti di richiamata e di chat con l'assistente online siano immediatamente visibili, solitamente nella parte inferiore della pagina a sinistra o a destra, ma non di lato.

L'indirizzo può essere lasciato sia nell'intestazione che nel piè di pagina. Non forzare il visitatore a cercare tutte queste informazioni in tutto il sito.

Tutte queste tecniche semplificheranno notevolmente la navigazione del sito, rendendolo più semplice ed efficiente.

Seleziona l'hosting per il sito:

Quando progetti la navigazione, pensa prima all'utente.Riuscirà sicuramente a trovare tutto ciò che cercava nel più breve tempo possibile? È tutto chiaro a una persona che ha incontrato per la prima volta non solo il tuo sito, ma anche il tuo campo in generale? Le pagine sono nascoste lontano? È possibile accedervi in ​​massimo tre clic?

Pensa tu stesso quali sono i siti più facili da navigare e prendi spunto dai migliori.

Buona fortuna nello sviluppo della tua risorsa Internet!