Digital Transformation
Fitts Law (Hukum Fitts)
TL;DR: Fitts Law adalah prinsip desain antarmuka yang menyatakan waktu untuk mencapai target (klik tombol, tap menu) berbanding lurus dengan jarak ke target dan berbanding terbalik dengan ukuran target. Tombol penting harus besar dan mudah dijangkau, terutama di mobile.
Apa itu Fitts Law?
Fitts Law dirumuskan oleh psikolog Paul Fitts pada 1954 untuk memodelkan gerakan tangan manusia. Dalam konteks digital, hukum ini menjadi fondasi desain antarmuka modern. Semakin kecil tombol dan semakin jauh letaknya dari posisi awal kursor atau ibu jari, semakin lama dan rentan salah klik. Implikasinya jelas, tombol tindakan utama (CTA, beli sekarang, daftar) wajib besar, kontras, dan diletakkan di area yang mudah dijangkau ibu jari pada layar mobile.
Hukum ini bersaudara dengan Jakob Law yang membahas konvensi UX, dan Hicks Law yang membahas jumlah pilihan. Bersama, ketiganya membentuk dasar evaluasi heuristik desain antarmuka.
Cara Menerapkan di Website Bisnis
| Elemen | Praktik Berbasis Fitts Law |
|---|---|
| Tombol CTA utama | Minimal 44 x 44 px (mobile), kontras tinggi, ada di area thumb zone |
| Menu navigasi | Item touch target minimal 48 px, jarak antar item cukup agar tidak salah tap |
| Form submit | Tombol lebar penuh di mobile, di akhir form, dekat field terakhir |
| Tombol bahaya (hapus, batal) | Sengaja dibuat lebih jauh atau lebih kecil dari tombol konfirmasi positif |
Standar minimum 44 x 44 px berasal dari pedoman aksesibilitas Apple dan WCAG, ukuran ini sudah memperhitungkan rata-rata lebar ibu jari orang dewasa.
Kenapa Penting?
Sekitar tiga perempat trafik website bisnis di Indonesia berasal dari mobile. Tombol CTA yang terlalu kecil atau berdekatan dengan elemen lain memicu rage click dan form abandonment. Setiap tap yang gagal adalah sinyal frustrasi yang menurunkan konversi dan memperburuk persepsi merek. Penerapan Fitts Law adalah cara murah, dapat diukur, dan dapat diaudit untuk meningkatkan konversi tanpa menambah trafik.
Pertanyaan Umum
Apakah Fitts Law hanya berlaku untuk mobile?
Tidak. Hukum ini berlaku untuk semua perangkat berbasis pointer atau touch. Di desktop, prinsip yang sama menjelaskan kenapa tombol di sudut layar (tutup jendela di pojok kanan atas) cepat ditemukan, sudut adalah target dengan ukuran efektif tak terbatas.
Berapa ukuran ideal untuk tombol CTA di mobile?
Minimum 44 x 44 px berdasarkan WCAG dan Apple HIG. Untuk tombol konversi utama, ukuran 48 x 48 px atau lebih besar dengan padding internal yang nyaman lebih disarankan.
Istilah Terkait