Come migliorare la navigazione del sito web

Diamo un'occhiata più da vicino a 13 semplici modi per progettare una navigazione eccellente per il vostro sito web. Tilda offre una serie di blocchi già pronti con elementi di navigazione tra cui scegliere per rendere il vostro sito web più facile da usare.

Quando si crea una barra di navigazione, cercare di utilizzare non più di 4-5 elementi e non sovraccaricarla con molti link ed elementi. Se non avete altra scelta che aggiungere molte voci di menu, potete usare il menu "hamburger" per dare un aspetto ordinato.

Negli ultimi anni, molte persone hanno imparato che cliccando sul logo di un sito web si accede alla home page. Rimuovete pure il pulsante "Home" dal vostro menu e non dimenticate di assegnare un link al logo.

Se avete una pagina lunga e ricca di informazioni, aggiungete un menu con collegamenti alle sezioni della pagina: la navigazione sarà intuitiva e farà risparmiare tempo ai visitatori.

Per creare un menu per un sito web a una pagina su Tilda, incollate i numeri di blocco corrispondenti ai campi di collegamento di ogni voce di menu nel pannello Contenuto del blocco (trovate il numero del blocco in fondo al suo pannello Impostazioni), oppure usate i link di ancoraggio.

Per aggiungere un menu fisso a un sito web Tilda, fare clic sul pulsante "Impostazioni" nel blocco del menu, quindi andare a "Impostazioni principali" e selezionare "Fisso" sotto la voce COMPORTAMENTO POSIZIONE MENU.

Su Tilda, è possibile personalizzare il modo in cui viene evidenziata la voce di menu attiva: è possibile modificare il peso del carattere, l'opacità e il colore. È anche possibile sottolinearla o barrarla.

Le stesse impostazioni possono essere applicate alla voce di menu al passaggio del mouse. Non esagerate! Una o due opzioni sono sufficienti per evidenziare una voce di menu.

Su Tilda, i punti di navigazione sono dotati di tooltip con i nomi delle sezioni per aiutare gli utenti a navigare nel sito. Il blocco "Punto di navigazione" (ME604) si trova nella categoria "Menu".

Il blocco "Animazione caricamento pagina" si trova nella categoria "Altro" (codice di ricerca T228). Per attivare la barra di caricamento, posizionare il blocco all'inizio della pagina.

È possibile impostare il colore dell'indicatore di caricamento nel pannello Impostazioni del blocco. Si consiglia di scegliere un colore contrastante per la barra, in modo che risalti senza confondersi con la copertina della pagina e il menu di navigazione.

La barra di avanzamento dello scorrimento della pagina è un sottile strumento di navigazione che visualizza quanto l'utente è sceso nella pagina. Inoltre, aiuta i lettori a stimare la lunghezza della pagina e a determinare facilmente la loro posizione attuale. Ha senso utilizzare la barra di scorrimento quando la pagina è più lunga di 3-4 schermate.

Per aggiungere un indicatore di scorrimento su Tilda, utilizzare il blocco T333 "Barra di avanzamento della lettura della pagina" della categoria "Altro". È possibile modificare il colore e lo spessore della barra di avanzamento nelle impostazioni del blocco.

Il modo più semplice per enfatizzare visivamente un pulsante è utilizzare un colore brillante per lo sfondo. Deve contrastare chiaramente con il pulsante meno significativo che gli sta accanto. Considerate la possibilità di aggiungere un bordo sottile e di rendere lo sfondo trasparente, oppure di aggiungere un colore di sfondo neutro per il secondo pulsante.

Su Tilda, oltre alle impostazioni standard per lo stile dei pulsanti, è possibile modificare l'aspetto del pulsante quando gli utenti vi passano sopra. È possibile regolare il colore dello sfondo o del bordo, scegliere il colore e il peso del carattere, aggiungere un'ombra e modificare la velocità degli effetti di animazione al passaggio del mouse.

È una buona idea specificare quanti elementi vengono nascosti dietro il pulsante.

Esistono diversi modi per nascondere il contenuto:

Si rivela utile quando gli utenti devono navigare in articoli lunghi o in pagine di destinazione con molte sezioni e consente loro di evitare lunghi e noiosi scorrimenti.

Trovate il blocco "Pulsante Torna in alto" nella categoria "Moduli e pulsanti" o cercatelo con il codice BF702.

La parte inferiore di una landing page è il posto giusto per ripetere l'invito all'azione. Se la pagina contiene un articolo o un post del blog, potete aggiungere alla fine dei link ad articoli simili. I blocchi delle categorie "Tile and link" e "Index" di Tilda vi aiuteranno a evitare frustranti vicoli ciechi.

I titoli delle sezioni aiutano l'utente a navigare nel sito web guardando la barra degli indirizzi e hanno un impatto positivo sulla rilevanza della pagina.

Gli URL user-friendly e significativi sono noti anche come URL "puliti" o "carini". Un URL "pulito" è composto da parole facili da capire, al contrario di un indirizzo di sistema confuso (su Tilda, ad esempio, l'indirizzo di sistema ha il seguente aspetto: /pagina4652188.html).

La prima parte (https://) è chiamata protocollo e indica il metodo utilizzato per accedere alle risorse Internet. Il protocollo HTTP (Hypertext Transfer Protocol) è quello più comunemente utilizzato.

La seconda parte dell'URL è il nome del dominio, l'indirizzo che consente agli utenti di trovare il vostro sito web su Internet. Se avete un sito web a più pagine, www.mysite.com sarà l'indirizzo della vostra pagina principale. Tutte le altre sezioni e sottosezioni saranno aggiunte a questo indirizzo utilizzando una barra.

Se si dispone di un sito web di una sola pagina, ad esempio una landing page contenente delle sezioni, è meglio utilizzare link di ancoraggio con nomi chiari, come #about o #contacts, in quanto vengono visualizzati anche nella barra degli indirizzi.

Su Tilda, è possibile modificare l'URL della pagina nelle Impostazioni della pagina. Se si desidera utilizzare più di una parola nell'indirizzo della pagina, separare le parole con un trattino "-". Ad esempio, /circa-noi.

Le briciole di pane si trovano solitamente nella parte superiore della pagina e visualizzano il percorso dalla home page alle altre sezioni del sito web. Ogni elemento (nodo) della catena di navigazione è una sezione precedente cliccabile.

Se l'utente è arrivato alla fine della catena, può usare le briciole di pane per tornare direttamente alla home page o a qualsiasi altra sezione con un clic. Se un visitatore arriva su una sezione specifica del vostro sito web (evitando la home page), può comprenderne rapidamente la struttura guardando le briciole di pane.

Le briciole di pane sono utilizzate soprattutto nei siti web di grandi dimensioni con una struttura complessa e molte pagine. Ad esempio, nei negozi online che offrono molte categorie di prodotti.

Per realizzare la navigazione a briciole di pane su Tilda, è sufficiente aggiungere alla pagina un blocco dedicato della categoria "Menu" - ME605 "Briciole di pane". Lo si posiziona sotto la copertina della pagina, quindi si specifica il nome di ogni elemento (nodo) e si aggiunge il link corrispondente. È possibile duplicare il blocco da una pagina all'altra, aggiungendo i nodi uno alla volta per creare percorsi a briciole di pane.