Layout del sito

Informazioni su come utilizzare il "vuoto" nella progettazione del sito

Un buon design del sito webè il risultato di un'attenta pianificazione e analisi. Tu ed io abbiamo solo circa 10 secondi per creare un'impressione attraente per i visitatori del sito, quindi è molto importante prestare attenzione a ogni singolo elemento grafico o testuale. Uno dei grandi trucchi è usare lo spazio vuoto. In questo articolo, vedremo come utilizzare lo spazio libero durante lo sviluppo di siti web chiavi in __mano .

Cosa è uno spazio così vuoto? 

Lo spazio libero non è un elemento di layout del sito popolare e sottovalutato, sebbene sia una delle risorse più preziose di un web designer. Lo spazio libero è, infatti, quella parte della pagina che viene lasciata vuota o non assegnata. In poche parole, questo è lo spazio tra colonne, grafica, testo, immagini, campi e una serie di altri elementi sparsi nella pagina. Questo spazio rimane intatto per rendere il layout del sito più leggibile e più facile da leggere.

Lo sfondo come elemento di design

Già nel 1930, il famoso tipografo svizzero Jan Chiholde scriveva che lo spazio vuoto è un elemento di design attivo, e non solo uno sfondo inutile. In conformità con i suoi principi, ora consideriamo lo spazio bianco come una componente vitale del web design e lo usiamo nei nostri interessi durante lo sviluppo di un sito.

Lo spazio vuoto dovrebbe essere visto come un elemento attivo, non uno sfondo passivo - Jan Chiholde, 1930

L'effetto dello spazio sull'usabilità

I campi liberi giocano un ruolo chiave, consentendo al designer di determinare quali elementi della pagina dovrebbero essere evidenziati come i più importanti. Creano anche un layout più gradevole alla vista, dando così ai visitatori l'opportunità di rimanere sul sito più a lungo. Ecco un elenco di modi in cui lo spazio libero può aiutarti a creare un design del sito web di alta qualità :

• Evidenzia gli inviti all'azione ( CTA): lo spazio dà la capacità CTA di "respirare". Utilizzando lo spazio nella giusta proporzione al contenuto, puoi indirizzare i visitatori a vari link e pulsanti della pagina. Framing CTA con spazi può aumentare notevolmente le conversioni. 
• Migliore comprensione: secondo un recente studio, lo spazio vuoto può aumentare la comprensione del testo di circa il 20%. Utilizzando il rientro tra i paragrafi e attorno ai blocchi di testo, puoi aiutare gli utenti a comprendere l'essenza del contenuto. 
• "Mantenere pulito il tuo sito." Spesso si fa troppo per creare un sito che possa impressionare i visitatori. Indipendentemente dal fatto che si tratti di scegliere un layout di layout interessante, combinazioni di colori o caratteri insoliti, tutto ciò deve essere applicato e collegato correttamente e per questo è necessario ancora spazio. Non è affatto necessario che il tuo sito diventi “nudo” o vuoto. Se utilizzati correttamente, i campi liberi aggiungeranno un senso di eleganza e individualità al tuo sito. 
• Gli spazi puliti rendono il layout del sito più piacevole da guardare: servono come un ottimo strumento per creare un layout armonioso ed equilibrato. Ecco alcuni screenshot dell'ottimo articolo di Mark Boulton, "A List Apart". La schermata seguente mostra un esempio di testo digitato senza spazi:

Troppo angusto: il layout del sito sta chiaramente esaurendo lo spazio

In questo screenshot, tutto sembra piuttosto angusto. Pertanto, è necessario aggiungere spazio libero per creare più comfort ed equilibrio. Se si aggiungono solo campi, si cambia il tipo di carattere e si aumenta l'interlinea, lo stesso frammento di testo sarà ora simile a questo:

Già meglio: il layout del sito viene corretto utilizzando i campi liberi

< p> Raggruppamento logico Le informazioni diventano anche più facili con l'utilizzo dello spazio libero: capita che sia necessario raggruppare nomi, categorie, ecc. I campi vuoti aiuteranno a raggiungere questo obiettivo. Aggiungendo semplicemente spazi tra elenchi diversi, puoi facilmente separare i gruppi. Ecco uno screenshot che mostra l'uso dei campi per il layout degli elementi del sito che rientrano in due categorie: frutti e automobili:

Utilizzo di campi liberi per separare i gruppi semantici

Errori in uso

Gli utenti di solito scorrono le pagine fino alla fine: questo viene spesso ignorato quando si utilizza lo spazio vuoto nel design del sito web. È importante ricordare che in realtà è impossibile scoprire dove si trova la “piega” della pagina, oltre la quale la persona non scorrerà. Pertanto, non ha senso farsi coinvolgere in un gioco di indovinare. Non esagerare con un posto vuoto: l'utente può decidere di essere già arrivato alla fine della pagina.

Aggiunta di troppi contenuti. Indipendentemente dall'obiettivo che intendi raggiungere con il sito, l'aggiunta di troppi contenuti raramente ti aiuterà a raggiungerlo. Ciò può influire negativamente sul layout del sito anche quando si utilizza uno spazio pulito. Ma invece di cancellare parte del contenuto, prova a tagliarlo o nasconderlo in modo intelligente, fermo restando il significato che deve essere veicolato sul sito.

Conclusione

Lo spazio libero è senza dubbio lo strumento più importante per creare il corretto layout del sito. Se elimini le contraddizioni tra designer e proprietari di siti web (che di solito non amano il "vuoto"), questo spazio funziona per te, distinguendo il sito dalla massa.