Che cos'è una barra laterale e ne hai bisogno sul tuo blog?

Quando si pensa al layout di un tipico sito Web, è molto probabile che si includa una colonna di collegamenti o informazioni importanti a destra oa sinistra dell'area del contenuto principale. Questo elemento è noto come "barra laterale" ed è estremamente diffuso sul Web. Tuttavia, affinché il tuo sia efficace, è fondamentale capire come funziona questa funzione.

Non tutti i siti web hanno bisogno di barre laterali e alcuni design stanno molto meglio senza. Con questo in mente, approfondiremo lo scopo di questa funzione, quali tipi di siti dovrebbero considerare di utilizzarla e come si inserisce nell'attuale panorama "mobile-first".

Arriviamo ad esso!

Iscriviti al nostro canale Youtube

Che cos'è una barra laterale (e perché è utile averne una)?

In breve, una barra laterale è una colonna posizionata a destra oa sinistra dell'area del contenuto principale di una pagina web. Sono comunemente usati per visualizzare vari tipi di informazioni supplementari per gli utenti, come:

• Collegamenti di navigazione alle pagine chiave
• Annunci per prodotti o servizi
• Moduli di iscrizione via e-mail
• Post popolari o correlati
• Link ai social media

Otto dei dieci siti più popolari sul Web utilizzano le barre laterali in qualche forma o forma. Wikipedia serve come menu di navigazione:

Reddit, d'altra parte, condivide annunci che generano entrate, nonché post correlati e un'opzione per aggiornare il tuo account:

Sebbene gli usi di cui abbiamo discusso in precedenza siano alcuni dei modi più comuni in cui i siti mettono in funzione le barre laterali, a volte vengono utilizzati anche per le biografie degli autori, le esclusioni di responsabilità degli affiliati e una varietà di altri scopi:

Il vantaggio principale di incorporare una barra laterale nel design del tuo sito web è che rimane visibile mentre gli utenti navigano nel tuo sito. Ciò consente di rendere le informazioni e le funzionalità chiave immediatamente disponibili in ogni momento.

Questo è il motivo per cui le barre laterali contengono spesso elementi di invito all'azione (CTA) come moduli di iscrizione e-mail e annunci. Anche le funzioni di navigazione funzionano bene qui perché sono facili da trovare e i contenuti legali come una dichiarazione di divulgazione di affiliazione hanno meno probabilità di perdersi nel riordino.

2 tipi di siti Web che possono trarre vantaggio dall'utilizzo delle barre laterali

Puoi includere una barra laterale praticamente su qualsiasi tipo di sito web. Tuttavia, sono particolarmente utili in un paio di situazioni diverse in cui gli utenti possono beneficiare di una guida aggiuntiva. Eccone due che riteniamo degni di nota.

1. Siti Web ricchi di contenuti

Blog, siti di notizie, riviste online e altri siti Web ricchi di contenuti comprendono una categoria piuttosto ampia. Tuttavia, hanno tutti una cosa in comune, ovvero che sopravvivono pubblicando sempre più articoli.

Più contenuti hai, più complicato diventa navigare nel tuo sito web. Puoi usare una barra laterale in questa situazione per:

• Compresi collegamenti ai social media o pulsanti di condivisione
• Mostrando il tuo modulo di iscrizione via email dove gli utenti non lo perderanno
• Visualizzazione di collegamenti a articoli e pagine correlati
• Metti in mostra i tuoi contenuti più popolari
• Aggiunta di una barra di ricerca facile da trovare

Una barra laterale può aiutare gli utenti a trovare opportunità di coinvolgimento dove altrimenti potrebbero essere perse, incoraggiare le iscrizioni e quindi i visitatori di ritorno e migliorare la navigazione per mantenere i lettori sul tuo sito più a lungo. Tutti questi risultati avvantaggiano il tuo sito e possono aumentare le entrate generate da esso.

2. Negozi online

I siti web non diventano molto più complessi dei negozi online. Più prodotti offre il tuo sito di e-commerce, più pagine includerà. Ciò rende le barre laterali ancora più utili per includere elementi come:

• Prodotti correlati e acquisti passati
• Pulsanti Aggiungi al carrello
• Recensioni e valutazioni degli acquirenti
• Annunci per offerte speciali o promozioni in corso
• Una visualizzazione del carrello degli acquisti in modo che i clienti possano tenere traccia dei loro totali correnti

Un problema comune con la progettazione di siti Web di e-commerce è che comporta molto disordine. Se dai una rapida occhiata ad Amazon o eBay, noterai subito cosa intendiamo:

Tutti gli elementi che possono aiutarti a organizzare quel disordine e rendere le tue pagine più user-friendly sono i benvenuti e le barre laterali si adattano sicuramente a quel conto.

In che modo le barre laterali si adattano a un mondo incentrato sui dispositivi mobili?

Nonostante la loro utilità storica, le barre laterali sono state recentemente criticate. L'argomento più forte contro di loro è che non si traducono bene sui dispositivi mobili. Poiché lo spazio sullo schermo è limitato su smartphone e tablet, non è pratico cedere più di un terzo della pagina a contenuti secondari.

Invece, queste informazioni vengono generalmente spostate in fondo alla pagina sui dispositivi più piccoli, dove è meno probabile che vengano trovate. Considerando che il traffico mobile ora rappresenta oltre il 51% dell'utilizzo di Internet a livello globale, questo è un problema significativo per il web design.

In risposta, alcuni siti hanno deciso di non utilizzare affatto le barre laterali. Anche se questo ha senso, significa anche che questi siti non possono sfruttare i vantaggi offerti da questo layout. Se gestisci un blog ricco di contenuti o un negozio di e-commerce, questo potrebbe rivelarsi un vero problema.

Un'opzione per affrontare questo problema è nascondere la barra laterale sui dispositivi mobili. Ciò consentirà agli utenti desktop di visualizzare i tuoi contenuti secondari mantenendo il tuo sito leggibile su smartphone e tablet.

Un'altra soluzione è nascondere solo alcuni dei tuoi contenuti supplementari su dispositivi più piccoli. Ad esempio, se hai pulsanti social nella tua intestazione, potresti rimuoverli dalla barra laterale mobile per evitare la ripetizione.

In alternativa, puoi utilizzare una barra laterale pieghevole per il tuo sito mobile. Gli utenti possono quindi scegliere di visualizzarlo o nasconderlo secondo necessità:

Infine, c'è sempre la possibilità di mantenere la barra laterale al massimo e renderla reattiva in modo che si rimpicciolisca per adattarsi a schermi più piccoli. Quale percorso è il migliore per il tuo sito dipenderà dal tipo di contenuto che contiene la tua barra laterale e dagli obiettivi del tuo sito web nel suo complesso.

Conclusione

Anche se vuoi che i tuoi contenuti principali siano sotto i riflettori, ci sono anche molte altre informazioni di cui hanno bisogno gli utenti del tuo sito. Con una barra laterale, puoi visualizzare elementi critici come collegamenti ad aree chiave, moduli di iscrizione e-mail e altro nelle tue pagine.

Le barre laterali possono avere i loro svantaggi quando si tratta di navigazione mobile-first, ma non andranno da nessuna parte presto. Invece, dobbiamo re-immaginare il modo in cui ci avviciniamo al loro design. Tuttavia, con gli strumenti giusti, dovresti essere all'altezza della sfida.

Hai domande su come ottenere il massimo dalla tua barra laterale? Lasciali nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo di Mr Kreetha Mahamud / shutterstock.com