Glossario · Lettera W · Web e UX
Whitespace
Definizione in breve
Whitespace (o spazio bianco) è l’area tra gli elementi di una pagina Web (o pagina fisica). Questi elementi in genere sono immagini, tipografia e icone. Viene spesso utilizzato per bilanciare gli elementi di una pagina creando un flusso naturale per consentire all’utente di navigare attraverso il contenuto.
- Voci nel tema
- 109
- Web e UX
- Lettera
- W
- Indice A–Z
- Si usa in
- Web e UX
- Dove serve nel lavoro
- Lettura
- 2 min
- Tempo stimato
In questa pagina 4 sezioni
Che cosa significa Whitespace
Whitespace ovvero l’utilizzo degli spazi bianchi per enfatizzare un elemento della Landing Page. I whitespace consentono infatti di dirigere l’attenzione verso una CTA.
Gli spazi bianchi non solo conferiscono ai siti Web l’aspetto semplice, pulito e minimalista che è così desiderabile nell’estetica del design attuale, ma consentono anche ai contenuti di essere più digeribili e accessibili all’utente.
Whitespace (o spazio bianco) è l’area tra gli elementi di una pagina Web (o pagina fisica). Questi elementi in genere sono immagini, tipografia e icone.
Viene spesso utilizzato per bilanciare gli elementi di una pagina creando un flusso naturale per consentire all’utente di navigare attraverso il contenuto. Così, rendendo le informazioni più facili da digerire.
Tipologie
Con l’evoluzione del web design, sono nati diversi tipi di Whitespace per consentire agli elementi di diffondersi e avere momenti propri sulla pagina.
Ci sono due distinzioni principali su come viene utilizzato lo spazio bianco. Questi sono macro vs micro e attivi vs passivi:1
- Macro: è lo spazio tra gli elementi di copia, grafica, immagini, ecc. Questa è la distinzione più comune degli spazi bianchi.
- Micro: è lo spazio tra elementi più piccoli come la spaziatura delle lettere (crenatura) e l’altezza della linea (interlinea). Sebbene questa distinzione non sia così evidente come lo spazio bianco macro, il micro è altrettanto importante, se non di più, migliorando la leggibilità per l’utente.
- Attivo: quando un sito web scorre bene e guida l’utente verso il basso di una pagina verso un punto di conversione (invito all’azione, modulo, ecc.), questo è un eccellente esempio di spazio bianco attivo. Gli spazi bianchi attivi sono un uso intenzionale per creare la struttura e il flusso di una pagina.
- Passivo: gli spazi bianchi passivi si trovano naturalmente in elementi come grafica o testo.
La teoria degli spazi bianchi è stata implementata con successo utilizzando immagini di sfondo, video, texture e pattern di ogni tipo.
03Come lo applichiamo noi
Un sito è un’infrastruttura: deve essere veloce, accessibile e collegata
Nei nostri progetti il sito nasce già connesso al CRM e ai sistemi aziendali, conforme agli standard W3C, e si misura sulle richieste che genera.
- 01
La velocità si tratta come un requisito, non come un extra
Pagine leggere, immagini giuste, nessuna libreria inutile: la prestazione si verifica a ogni rilascio, non una volta al lancio.
- 02
Ogni modulo finisce in una pipeline
Un modulo che invia solo una email è un contatto che si perde. I dati arrivano nel CRM, con la provenienza e un responsabile.
- 03
L’accessibilità allarga il pubblico
Contrasti, tastiera, testi alternativi: un sito accessibile è usabile da più persone e viene letto meglio anche dai motori.
04Voci correlate
Per capire Whitespace nel suo contesto
Le voci del glossario che stanno accanto a questa: leggerle insieme serve più che leggerne una sola.
-
Web e UX
Landing Page
Le landing page sono progettate con un obiettivo e devono quindi essere il più possibile semplici per garantire…
-
Web e UX
Web Design
Web Design ovvero lo sviluppo prima teorico e poi pratico di un sito internet. Il web design ha a che fare…
-
Analytics e dati
Conversione
Conversione è l’obiettivo principale di una campagna. Una conversione può essere di tipo differente in base…
-
Web e UX
WHOIS
WHOIS è un software che permette l’interrogazione di database privati e reti o host al fine di recuperare informazioni…
-
Web e UX
Webmaster
Webmaster colui che sviluppa pagine web e nel contempo è responsabile degli aspetti tecnici di un sito internet…