Miglior layout della home page per un sito Web o un blog basato sull'informazione

La tua home page dovrebbe essere il tappetino di benvenuto per l'intero sito. Il suo design da solo dovrebbe far sapere alle persone di cosa ti occupi e cosa consegnerai. Dovrebbe dare il tono a ogni pagina che segue e connotare un livello di professionalità commisurato al contenuto che offri. Un layout pulito è necessario per quasi tutte le home page e ogni sito dovrebbe essere facile da navigare, ma ci sono concetti di design specifici che si applicano a tipi specifici di siti web.

I siti informativi, quelli che forniscono informazioni o adottano un approccio più educativo a ciò che offrono al mondo, devono essere progettati in modo da ispirare fiducia. Le persone che visitano un sito in cerca di informazioni dovrebbero avere l'impressione che il lavoro sia professionale, accurato e affidabile. La percezione inizia con il design e quindi, nelle prossime sezioni, viene discusso il layout per un sito Web basato sull'informazione.

Spazio bianco

Più importante del contenuto stesso, o almeno di uguale importanza, è lo spazio bianco troppo spesso dimenticato. Un'attenta pianificazione dei vuoti che circondano i tuoi contenuti offre ai visitatori la possibilità di digerire e comprendere le informazioni in blocchi gestibili. Uno spazio bianco ben posizionato può migliorare la comprensione e aumentare la "vischiosità" del materiale che presenti.

Inizia a ottimizzare lo spazio bianco guardando prima i tuoi paragrafi e le loro intestazioni. Manipola i margini secondo necessità per far risaltare queste ancore. Per catturare davvero l'attenzione del lettore, applica la spaziatura sotto i principali elementi di testo in modo che siano facili da leggere durante lo scorrimento. Devi pensare allo spazio bianco come una parte attiva del tuo sito e come un componente che rende più facile per i lettori godersi ciò che stai presentando loro.

Considera il posizionamento dell'immagine

Immagini e video sono quasi una necessità per qualsiasi sito Web, anche uno che presenta principalmente materiale come testo. Per lo meno, il tuo sito dovrebbe avere un logo e alcune illustrazioni. Questi devono essere inseriti prima di qualsiasi informazione in modo da poter capire come aggirarli. Le immagini dovrebbero essere utilizzate per attirare l'attenzione in modo che i visitatori leggano ciò che circonda le immagini. Pensali come magneti visivi che attirano l'attenzione e poi mettono i tuoi contenuti più importanti e avvincenti attorno alle immagini in modo che sia difficile da perdere. Fallo bene e i lettori rimarranno affascinati dai tuoi contenuti.

Nessun cursore

Gli slider sono stati fantastici per un breve periodo, ma non sono mai stati davvero eccezionali per i siti basati sull'informazione. Ora, il design si sta allontanando quasi completamente dagli slider perché sono inefficaci. Si scopre che i cursori distraggono e possono effettivamente confondere gli utenti presentando informazioni meno importanti in un modo difficile da consumare. In effetti, la ricerca suggerisce che gli slider possono danneggiare i tassi di conversione. Anche la forma del dispositivo di scorrimento può danneggiare il tuo sito Web a causa di qualcosa chiamato "cecità del banner". La cecità del banner si riferisce al fatto che gli utenti tendono a ignorare qualsiasi cosa sotto forma di banner, automaticamente, perché associano la forma agli annunci. Ciò significa che i cursori sono inutili e occupano spazio che potrebbe essere utilizzato per mille altre cose.

L'aumento della popolarità della navigazione mobile ha anche relegato i banner nella spazzatura di Internet. Dato che il 55% dell'utilizzo di Internet viene effettuato da dispositivi mobili (un numero che dovrebbe aumentare), non ha senso sprecare spazio con widget che non hanno un bell'aspetto e spesso non funzionano affatto sui dispositivi mobili . Quando aggiungi questo fatto ai risultati dello studio di cui sopra in base alle preferenze e consideri che lo slider danneggia il ranking di ricerca, diventa perfettamente chiaro che gli slider sono un divieto.

Usa i menu a discesa

I menu a discesa possono danneggiare la SEO, quindi non sono per tutti i siti. Detto questo, i menu a discesa possono davvero aiutare a ripulire un sito e organizzarlo quando contiene molte informazioni. Dovrai esprimere un giudizio quando si tratta di utilizzare i menu a discesa, ma considera che sono convenienti, maneggevoli e intuitivi per molti utenti. Quei menu a discesa CSS sono possibili, JavaScript (tramite jQuery, MooTools, ecc.) È ancora il modo migliore per andare.

Visualizzazioni di contenuto

Pensa alle visualizzazioni del contenuto come finestre sulle informazioni che desideri presentare. Devi pianificare queste finestre perché quanto sono chiare, quanto sono grandi e come funzionano influenzeranno la facilità di accesso ai tuoi contenuti. In alcuni casi, le visualizzazioni possono occupare un'intera pagina e in altri casi possono semplicemente occupare una piccola parte della pagina. Pianifica le tue visualizzazioni per visualizzare i tuoi contenuti nella migliore luce possibile.

Ricorda i dispositivi mobili quando pianifichi le visualizzazioni. Se disponi di un sito mobile separato, assicurati di ottimizzare per i piccoli schermi presenti sulla maggior parte dei dispositivi. Se non disponi di una versione mobile del tuo sito, considera la possibilità di continuare. Non esiste un buon modo per visualizzare una pagina Web a grandezza naturale su un dispositivo mobile e gli utenti non tollereranno i tentativi.

Facilità di navigazione

Se le informazioni sul tuo sito non sono facili da trovare, stai certo che le persone non andranno a cercarle. Devi rendere tutto accessibile e questo significa dedicare molto tempo alla navigazione del tuo sito. Più contenuti hai, più robusta, chiara e ridondante deve essere la tua navigazione. Ad esempio, se disponi di sei o sette livelli di informazioni, ma la tua navigazione consente solo semplici movimenti avanti e indietro, gli utenti potrebbero dover fare clic su "indietro" su più livelli prima di poter fare clic su "indietro" sulle informazioni che stanno cercando per. Tale navigazione è ingombrante. Per lo meno, offri agli utenti una navigazione strettamente legata a una struttura logica di cartelle. Quindi possono tenere traccia di dove si trovano e saltare se necessario.

La linea di fondo

Più informazioni inserisci nel tuo sito, maggiore è la pianificazione che devi metterci dentro. Inizia progettando gli aspetti più ampi del tuo sito Web su carta o su una lavagna ed evita di dedicarti al codice finché non hai un solido piano generale. È facile impantanarsi con i dettagli sul colore del collegamento o sui bordi dell'immagine durante la codifica e dimenticare il design generale del sito. In poche parole, hai bisogno di un progetto a cui puoi fare riferimento mentre crei la tua home page in modo che il design rimanga gestibile e attraente per gli utenti.