UX / UI Stredný dopad Ľahké 15–30 min

Čitateľnosť a veľkosť odkazov/tlačidiel

Klikacie prvky musia byť čitateľné a ľahko trafiteľné.

Čo to je

Odkazy a tlačidlá s drobným písmom sa horšie čítajú a hlavne sa na dotykovom displeji horšie trafujú prstom. Súvisí to s veľkosťou tzv. tap-targetu (klikacej plochy).

Prečo to riešiť

Malé klikacie prvky zvyšujú chybovosť: používateľ namiesto kliknutia mine alebo trafí susedný odkaz. To frustruje a znižuje konverzie. Google odporúča tap-target aspoň 48×48 px s rozostupmi.

Ako na to

1Odkazom a tlačidlám dajte čitateľné písmo (ideálne 14px+).
2Zaistite dostatočnú klikaciu plochu (min. ~44–48 px) cez padding, nie len veľkosť textu.
3Medzi susednými klikacími prvkami nechajte rozostup (napr. 8px+), aby sa neprekrývali prsty.
4Na mobile testujte palcom, nie myšou.

Príklad

Správne

.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* dostatočná klikacia plocha */
  display: inline-block;
}

Záver

Klikacie prvky robte veľkoryso: čitateľné písmo, dostatočný padding a rozostupy. Presnú veľkosť tap-targetu overíte len v prehliadači, ale drobné klikacie texty sú jasný signál na opravu. Menej chybných kliknutí = viac konverzií.

Súvisiace témy