Fitts Law untuk Tombol CTA: Cara Website Bisnis Indonesia Naikkan Konversi Mobile Tanpa Ganti Desain di 2026

TL;DR: Fitts Law menyatakan waktu untuk mencapai tombol bergantung pada ukuran dan jaraknya. Tombol CTA mobile minimal 44 x 44 px, ditempatkan di thumb zone, dengan jarak aman dari elemen lain. Audit dan perbaikan biasanya selesai dalam satu sprint dan dampaknya terukur lewat tap accuracy, rage click, dan conversion rate.

Tombol "Beli Sekarang" yang terlihat manis di mockup desktop bisa jadi penyebab konversi mobile mandek. Saat audit cepat tiga website klien Vito Atmo dalam beberapa kuartal terakhir, pola yang sama berulang. Tombol CTA berukuran 32 x 32 px, berada di pojok atas, jarak vertikal kurang dari 8 px ke link teks. Pengunjung mobile membuka, ragu, salah tap, frustrasi, lalu pergi.

Masalahnya bukan kreativitas desain. Masalahnya prinsip ergonomi yang sudah dirumuskan 70 tahun lalu, Fitts Law, sering tidak sampai ke meja desainer atau marketer di Indonesia.

Apa Hubungan Fitts Law dengan Konversi?

Fitts Law menyatakan waktu yang dibutuhkan untuk mencapai sebuah target berbanding lurus dengan jarak ke target dan berbanding terbalik dengan ukuran target. Diterjemahkan ke website mobile, tombol kecil yang jauh dari ibu jari memerlukan upaya dan presisi lebih tinggi. Setiap milidetik kebimbangan adalah peluang pengunjung berpindah pikiran.

Pada perangkat mobile, ibu jari memiliki "thumb zone" yang bisa dijangkau tanpa menggeser pegangan tangan. Pedoman aksesibilitas Apple Human Interface Guidelines dan WCAG 2.5.5 menetapkan ukuran minimum touch target 44 x 44 px. Praktik standar di industri sering dipakai 48 x 48 px untuk CTA utama agar punya buffer aman.

Framework Audit CTA dalam 30 Menit

Audit ini bisa dijalankan di Chrome DevTools mode mobile, tanpa tools mahal.

Saat membangun ulang halaman layanan untuk salah satu klien personal branding (Aris Setiawan), perpindahan tombol "Konsultasi Gratis" dari header kanan atas ke fixed bottom bar di mobile dengan ukuran 56 px, dikombinasikan dengan haptic feedback pada tap, membantu menahan attention pengunjung lebih lama. Angka pasti per industri tentu bervariasi tergantung baseline dan trafik.

Studi Kasus Singkat: Audit Pricing Page

Saat me-review pricing page untuk Vetmo, saya menemukan tombol "Pilih Paket" di tier tengah berukuran 36 px, dengan link "Lihat detail" hanya 6 px di bawahnya. Tap accuracy di Hotjar menunjukkan klaster rage click di area itu. Solusinya bukan redesign besar. Cukup naikkan tombol ke 48 px, naikkan jarak ke link detail jadi 16 px, kurangi pilihan link sekunder yang menarik perhatian. Tap salah turun, pengunjung yang memang berminat menyelesaikan pilihan tier dengan lebih mulus.

Audit serupa cocok dipasangkan dengan analisis aesthetic-usability-effect untuk memahami kenapa desain yang rapi terasa lebih dapat dipercaya, meskipun fungsionalitasnya sama.

Pertanyaan Umum

Apakah Fitts Law berlaku untuk desktop?

Ya. Di desktop, sudut layar adalah target dengan ukuran efektif tak terbatas karena kursor tidak bisa "lewat". Itu sebabnya menu OS sering ada di sudut. Untuk website desktop, prinsipnya sama, tombol CTA cukup besar dan tidak terlalu jauh dari pusat perhatian pembaca.

Bagaimana cara cek ukuran tombol di website saya?

Buka Chrome DevTools, aktifkan mode mobile (toggle device toolbar), klik kanan tombol, pilih Inspect. Lihat box model di panel Computed. Lebar dan tinggi dengan padding harus minimal 44 px.

Apakah dark pattern kalau tombol "Batal" sengaja dibuat lebih kecil?

Tergantung niat. Membuat tombol "lanjut" lebih dominan dari "batal" untuk alur konstruktif (mis. checkout) adalah praktik wajar. Tapi jika "batal" dibuat sangat kecil sehingga sulit ditap di skenario penghapusan akun atau unsubscribe, itu masuk kategori dark pattern.

Berapa lama biasanya audit + perbaikan selesai?

Audit halaman utama biasanya 1-2 hari kerja. Implementasi perbaikan CTA dasar selesai dalam 1 sprint (1-2 minggu). Pengukuran dampak butuh minimal 2 minggu setelah deploy untuk data yang representatif.

Penutup: Mulai dari Halaman dengan Trafik Tertinggi

Fitts Law bukan teori akademik yang abstrak. Ia adalah pedoman praktis yang bisa diaudit dalam 30 menit dan dieksekusi dalam satu sprint. Mulai dari halaman dengan trafik mobile tertinggi (biasanya beranda dan pricing), ukur tap accuracy sebelum dan sesudah, dokumentasikan hasilnya. Hasil kecil yang konsisten lebih bernilai dari redesign besar yang spekulatif.