UX / UI Średni wpływ Łatwe 15–30 min

Czytelność i wielkość odnośników/przycisków

Elementy klikalne muszą być czytelne i łatwe do trafienia.

Co to jest

Odnośniki i przyciski z drobną czcionką gorzej się czytają, a przede wszystkim trudniej je trafić palcem na ekranie dotykowym. Wiąże się to z wielkością tzw. tap-targetu (obszaru klikalnego).

Dlaczego warto to rozwiązać

Małe elementy klikalne zwiększają błędność, użytkownik zamiast kliknąć chybia lub trafia sąsiedni odnośnik. To frustruje i obniża konwersje. Google zaleca tap-target co najmniej 48×48 px z odstępami.

Jak to zrobić

1Odnośnikom i przyciskom nadaj czytelną czcionkę (najlepiej 14px+).
2Zapewnij wystarczający obszar klikalny (min. ~44–48 px) przez padding, a nie tylko wielkość tekstu.
3Między sąsiednimi elementami klikalnymi zostaw odstęp (np. 8px+), aby palce się nie nakładały.
4Na telefonie testuj kciukiem, nie myszą.

Przykład

Dobrze

.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* wystarczający obszar klikalny */
  display: inline-block;
}

Podsumowanie

Elementy klikalne rób z rozmachem, czytelna czcionka, wystarczający padding i odstępy. Dokładną wielkość tap-targetu sprawdzisz tylko w przeglądarce, ale drobne klikalne teksty to wyraźny sygnał do naprawy. Mniej błędnych kliknięć = więcej konwersji.

Powiązane tematy