UX / UI Střední dopad Snadné 15–30 min

Čitelnost a velikost odkazů/tlačítek

Klikací prvky musí být čitelné a snadno trefitelné.

Co to je

Odkazy a tlačítka s drobným písmem se hůř čtou a hlavně se na dotykovém displeji hůř trefují prstem. Souvisí to s velikostí tzv. tap-targetu (klikací plochy).

Proč to řešit

Malé klikací prvky zvyšují chybovost: uživatel místo kliknutí mine nebo trefí sousední odkaz. To frustruje a snižuje konverze. Google doporučuje tap-target alespoň 48×48 px s rozestupy.

Jak na to

1Odkazům a tlačítkům dejte čitelné písmo (ideálně 14px+).
2Zajistěte dostatečnou klikací plochu (min. ~44–48 px) přes padding, ne jen velikost textu.
3Mezi sousedními klikacími prvky nechte rozestup (např. 8px+), ať se nepřekrývají prsty.
4Na mobilu testujte palcem, ne myší.

Příklad

Správně

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

Závěr

Klikací prvky dělejte velkoryse: čitelné písmo, dostatečný padding a rozestupy. Přesnou velikost tap-targetu ověříte jen v prohlížeči, ale drobné klikací texty jsou jasný signál k opravě. Méně chybných kliknutí = víc konverzí.

Související témata