Connessione non riuscita. Per favore riprova.

Vai al contenuto
SEO Tools
Aiuto e documentazione
UX / UI Impatto medio Facile 15–30 min

Leggibilità e dimensione di link/pulsanti

Gli elementi cliccabili devono essere leggibili e facili da centrare.

Cos'è

Link e pulsanti con carattere minuto si leggono peggio e, soprattutto, su un display touch si centrano peggio con il dito. È legato alla dimensione del cosiddetto tap-target (l'area cliccabile).

Perché è importante

Elementi cliccabili piccoli aumentano il tasso di errore — invece di cliccare l'utente manca o centra il link adiacente. Questo frustra e riduce le conversioni. Google raccomanda un tap-target di almeno 48×48 px con spaziature.

Come fare

  1. 1Dai a link e pulsanti un carattere leggibile (idealmente 14px+).
  2. 2Garantisci un'area cliccabile sufficiente (min. ~44–48 px) tramite il padding, non solo con la dimensione del testo.
  3. 3Tra elementi cliccabili adiacenti lascia una spaziatura (ad es. 8px+), così che le dita non si sovrappongano.
  4. 4Su mobile testa con il pollice, non con il mouse.

Esempio

Corretto
.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* area cliccabile sufficiente */
  display: inline-block;
}

Conclusione

Realizza gli elementi cliccabili con generosità — carattere leggibile, padding e spaziature sufficienti. La dimensione esatta del tap-target la verifichi solo nel browser, ma testi cliccabili minuti sono un chiaro segnale da correggere. Meno clic errati = più conversioni.

Argomenti correlati