Cara Memadukan Tindakan Ketukan dengan Umpan Balik Visual atau Haptik yang Jelas

Ketukan dapat menghasilkan beberapa peristiwa berbeda: kontrol ditekan, pengaturan berubah, permintaan dimulai, atau permintaan berhasil atau gagal. Tentukan peristiwa mana yang diwakili oleh setiap isyarat sebelum memilih animasi atau getaran. Isyarat penekanan mengonfirmasi masukan; label yang berubah atau status terpilih mengonfirmasi perubahan status lokal; indikator progres mengomunikasikan bahwa proses sedang berjalan; pesan sukses mengonfirmasi penyelesaian.

Pisahkan makna-makna ini. Jika tombol menggelap sesaat saat disentuh, itu bukanlah bukti bahwa permintaan jaringan telah selesai. Jika pengiriman memerlukan waktu, pertahankan status progres yang jelas sampai aplikasi mengetahui hasilnya. Apple menyarankan untuk menampilkan indikator aktivitas di dalam tombol saat tindakan tidak selesai secara instan, serta menyarankan perubahan label untuk memperjelas apa yang sedang terjadi. Panduan tombol dari Apple

Perlakukan umpan balik sebagai rangkaian yang terikat pada status aktual kontrol, alih-alih satu efek yang diputar setiap kali tombol menerima ketukan. Dasar acuan yang berguna adalah:

1. Siap (Ready): Tampilkan tindakan dengan label atau simbol yang sudah dikenal sehingga tujuannya jelas.
2. Ditekan (Pressed): Berikan status penekanan visual langsung, seperti perubahan isian yang halus, skala, atau sorotan.
3. Memproses (Working): Jika penyelesaian tertunda, tampilkan progres dan cegah pengiriman duplikat yang tidak disengaja jika sesuai untuk tindakan tersebut.
4. Selesai atau gagal (Complete or failed): Perbarui antarmuka dengan hasil yang sebenarnya. Untuk tombol alih (toggle), tampilkan status barunya yang terpilih; untuk pengiriman formulir, berikan status berhasil atau eror yang ringkas.

Apple menyatakan bahwa tombol kustom harus selalu memiliki status penekanan, karena tanpa status tersebut tombol dapat terasa tidak responsif. Panduan umpan baliknya yang lebih luas merekomendasikan penyesuaian penyampaian dengan tingkat kepentingan informasi dan menempatkan status di dekat item yang dijelaskannya. Panduan tombol dari Apple dan panduan umpan balik

Buat status tertekan tetap terlihat saat jari berada di atas kontrol. Pergeseran warna atau opasitas kecil, perubahan skala singkat, atau sorotan dapat berfungsi dengan baik, asalkan kontrol tetap dapat dikenali dan labelnya tetap terbaca. Jangan gunakan warna sebagai satu-satunya cara untuk mengomunikasikan hasil: padukan dengan perubahan status, teks, ikon, atau perbedaan visual lain yang menjelaskan apa yang terjadi.

Untuk tombol alih (toggle), status terpilih harus tetap ada setelah ketukan; efek riak sementara saja tidak memberi tahu apakah pengaturannya aktif. Untuk tindakan sekali pakai seperti "Simpan", tombol dapat menampilkan status tertekannya terlebih dahulu, lalu aplikasi dapat menampilkan status atau kondisi tersimpan. Jika tugas gagal, jelaskan kegagalan tersebut di dekat kontrol yang relevan dan perjelas tindakan berikutnya yang tersedia. Tampilan persisnya tergantung pada aplikasi dan platform, tetapi isyarat tersebut harus mencerminkan status yang dapat diverifikasi oleh aplikasi.

Haptik dapat memperkuat peristiwa terpisah seperti penekanan tombol atau konfirmasi perubahan status. Haptik bersifat opsional: respons visual tetap harus masuk akal jika perangkat dibisukan, haptik dinonaktifkan, atau pengguna tidak merasakan efeknya. Panduan Android merekomendasikan penggunaan haptik secukupnya, menjaganya tetap konsisten untuk interaksi serupa, dan mencocokkannya dengan pengalaman visual atau audio. Panduan tersebut juga menyarankan untuk memilih tidak menggunakan haptik daripada efek sentuh yang berdengung mengganggu. Prinsip desain haptik Android

Pilihan praktisnya adalah menggunakan isyarat yang ringan dan singkat untuk konfirmasi yang bermakna ketika platform menyediakan efek standar yang sesuai. Hindari getaran untuk setiap ketukan bernilai rendah, pengguliran berulang, atau peristiwa yang tidak memiliki perubahan visual terkait. Jika peristiwanya penting, pastikan status visual membawa maknanya; jangan mengandalkan getaran untuk membedakan keberhasilan dari kegagalan.

Respons penekanan terjadi pada saat disentuh; respons keberhasilan terjadi setelah keberhasilan diketahui. Untuk tindakan yang selesai seketika, momen-momen ini mungkin terjadi berdekatan. Untuk penyimpanan atau pengiriman jarak jauh (remote), momen ini dapat dipisahkan oleh jeda waktu tunggu yang nyata. Menampilkan haptik keberhasilan saat sentuhan awal (touch-down) akan menyatakan penyelesaian sebelum aplikasi mengonfirmasinya.

Di Android, pendekatan View.performHapticFeedback yang direkomendasikan menggunakan konstanta yang berorientasi pada tindakan, mematuhi pengaturan umpan balik sentuhan sistem, dan tidak memerlukan izin VIBRATE. Platform menyediakan perilaku fallback untuk konstanta ini bila diperlukan. Efek getaran yang lebih terkustomisasi memiliki pertimbangan dukungan dan pengaturan yang berbeda, jadi lebih disukai pendekatan berorientasi tindakan standar untuk kontrol biasa. Panduan penerapan umpan balik haptik Android

Gunakan kontrol bawaan jika kontrol tersebut sudah memberikan umpan balik yang diharapkan. Apple mencatat bahwa kontrol standar seperti sakelar (switches), penggeser (sliders), dan pemilih (pickers) dapat memutar haptik sistem pada model iPhone yang didukung. Menambahkan efek kustom kedua di atasnya dapat menduplikasi sinyal, jadi periksa perilaku bawaan kontrol sebelum menambahkan isyarat lain. Panduan haptik dari Apple

Frekuensi juga penting. Pola umpan balik yang terasa jelas untuk pengiriman formulir sesekali dapat menjadi mengganggu jika dipasang pada tombol yang sering digunakan. Jaga konsistensi makna yang sama di seluruh tindakan yang setara, dan simpan isyarat yang lebih kuat atau lebih terlihat untuk peristiwa yang memerlukan perhatian lebih. Android secara khusus merekomendasikan untuk menghubungkan kekuatan haptik dengan tingkat kepentingan peristiwa dan seberapa sering peristiwa itu terjadi. Prinsip desain haptik Android

Uji seluruh rangkaian pada perangkat dan sistem operasi yang didukung aplikasi. Ketuk sekali dan pastikan bahwa status tertekan segera muncul; kemudian verifikasi bahwa progres tetap terlihat selama penundaan dan bahwa keberhasilan atau kegagalan hanya ditampilkan setelah hasilnya diketahui. Coba ketukan kedua yang cepat dan pastikan antarmuka tidak menghasilkan umpan balik duplikat yang membingungkan atau tindakan berulang yang tidak diinginkan.

Ulangi pemeriksaan dengan umpan balik sentuhan sistem dimatikan, dan dengan kemampuan haptik perangkat tidak tersedia atau tidak didukung. Status visual harus tetap mengomunikasikan tindakan dan hasilnya. Bandingkan tindakan yang sering dilakukan dengan tindakan yang sesekali dilakukan, dan hapus efek yang terasa bising, tidak sinkron, atau terputus dari perubahan yang terlihat. Untuk umpan balik tampilan standar Android, pengaturan sistem dipatuhi secara default; pendekatan kustom mungkin memerlukan dukungan tambahan dan pemeriksaan fallback. Panduan umpan balik haptik Android

Penyelarasan yang jelas memiliki logika sederhana: tunjukkan bahwa ketukan telah dicatat, komunikasikan masa tunggu apa pun, dan konfirmasikan hasil saat sudah nyata. Biarkan haptik memperkuat sinyal yang sama bila sesuai, sambil tetap menjaga kelengkapan antarmuka visual itu sendiri.

• Buttons — Apple Human Interface Guidelines
• Feedback — Apple Human Interface Guidelines
• Playing haptics — Apple Human Interface Guidelines
• Haptics design principles — Android Developers
• Add haptic feedback to events — Android Developers