Ce este Touch Targets (Zone de atingere)?
Dimensiunea minima a butoanelor si linkurilor pe dispozitive tactile
Definiție Touch Targets (Zone de atingere)
Touch targets sunt zonele de pe ecran pe care utilizatorul le atinge pentru a interactiona (butoane, linkuri, checkboxuri). Google recomanda minim 48x48 pixeli cu spatiere de cel putin 8 pixeli intre ele. Butoanele prea mici sau prea apropiate duc la atingeri gresite, frustrare si abandon pe mobil.
De ce contează Touch Targets (Zone de atingere)
Zona tactila de 44x44 pixeli nu este un numar arbitrar — reprezinta dimensiunea minima pe care un deget adult o poate atinge precis conform studiilor MIT Touch Lab (latimea medie a varfului degetului este 11mm = ~44px la densitate standard). Butoanele si link-urile mai mici genereaza tap-uri accidentale pe elemente adiacente, frustreaza utilizatorii si reduc rata de conversie pe mobil cu pana la 25%.
Cum verifici Touch Targets (Zone de atingere)
SoftAudit masoara dimensiunile efective ale tuturor elementelor interactive (butoane, link-uri, input-uri, checkbox-uri) pe viewport-ul mobil si semnaleaza cele sub 44x44px. Testul verifica si distanta dintre elemente adiacente — targets apropiate sub 8px cresc riscul de tap gresit.
Testează experiența utilizator →Greșeli frecvente
Link-urile inline din text ("click aici") au frecvent inaltime de doar 20-24px, insuficienta pentru tap precis pe mobil. Grupurile de iconite sociale sau butoane de actiune plasate la distanta de 4-5px intre ele cauzeaza tap-uri accidentale constante. Checkbox-urile si radio button-urile HTML native au dimensiuni default de 13x13px, mult sub pragul minim.
Bune practici
Seteaza min-height si min-width de 44px pe toate elementele interactive, cu padding suplimentar daca continutul vizual este mai mic. Adauga minim 8px spatiu intre elemente tactile adiacente si foloseste pseudo-elemente CSS (::before/::after cu pozitionare absoluta) pentru a extinde zona tactila fara a modifica layout-ul vizual.
Verifică acum
Folosește instrumentul gratuit SoftAudit pentru a verifica touch targets (zone de atingere) pe site-ul tău.
Test Performanță — GratuitÎntrebări frecvente
Ce este Touch Targets (Zone de atingere)?
Touch targets sunt zonele de pe ecran pe care utilizatorul le atinge pentru a interactiona (butoane, linkuri, checkboxuri). Google recomanda minim 48x48 pixeli cu spatiere de cel putin 8 pixeli intre ele. Butoanele prea mici sau prea apropiate duc la atingeri gresite, frustrare si abandon pe mobil.
De ce este important Touch Targets (Zone de atingere) pentru un website?
Zona tactila de 44x44 pixeli nu este un numar arbitrar — reprezinta dimensiunea minima pe care un deget adult o poate atinge precis conform studiilor MIT Touch Lab (latimea medie a varfului degetului este 11mm = ~44px la densitate standard). Butoanele si link-urile mai mici genereaza tap-uri accidentale pe elemente adiacente, frustreaza utilizatorii si reduc rata de conversie pe mobil cu pana la 25%.