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