Fitts's Law — Ukuran dan Jarak Mempengaruhi Usability
"Waktu untuk mencapai target bergantung pada jarak ke target dan ukuran target."
Sederhananya: elemen penting harus besar dan mudah dijangkau. Elemen kecil yang jauh = sulit digunakan.
Implikasi untuk UI Design
1. Button Size Matters
- CTA button harus lebih besar dari button sekunder
- Touch target minimum 44x44px di mobile (Apple guideline) atau 48x48px (Material Design)
- Button "Hapus" boleh kecil (mengurangi accidental clicks)
2. Proximity to Action
- Tombol "Submit" dekat form yang diisi, bukan di pojok halaman
- Related actions berdekatan — "Edit" dan "Delete" di samping item
- Confirm/Cancel di modal harus jelas dan dekat
3. Edge & Corner Advantage Di desktop, elemen di tepi dan sudut layar lebih mudah dijangkau karena cursor "berhenti" di sana:
- Menu bar di top edge (macOS, Windows)
- Scroll bar di right edge
- Close button di corner
Thumb Zone (Mobile)
Di mobile, area yang mudah dijangkau ibu jari:
- Easy zone — tengah bawah layar (ideal untuk aksi utama)
- OK zone — area samping
- Hard zone — top corners (jangan taruh aksi penting di sini)
Ini mengapa banyak app menaruh navigasi di bottom tab bar — Instagram, WhatsApp, Tokopedia, Gojek. Tombol back, home, dan primary action berada di area easy/ok, bukan di pojok atas.
Contoh Nyata
- Gojek: tombol pesan ride besar di bawah = easy thumb zone
- Tokopedia: tombol "Beli" dan "Keranjang" besar dan prominent di halaman produk
- Instagram: like (double tap di konten) = target sangat besar
Tips
- Aksi utama = target besar — jangan buat CTA kecil
- Destructive actions = target kecil — kurangi accidental clicks
- Mobile: bottom > top — navigasi dan CTA di bawah
- Spacing antar clickable — minimal 8px agar tidak salah tap
