UX Gesek untuk Bertindak: Membuat Gerakan Tersembunyi Dapat Ditemukan dan Aman
Cara mendesain tindakan gesek dalam daftar: penanda, ambang batas, komitmen gesek penuh, pembatalan, aksesibilitas, dan alasan gesek tidak boleh menjadi satu-satunya cara.
Pengambilan Inti
Tindakan gesek adalah pintasan cepat untuk tindakan daftar yang sering dilakukan seperti mengarsipkan atau menghapus, namun tindakan tersebut tersembunyi, jadi tindakan tersebut tidak boleh menjadi satu-satunya cara untuk melakukan sesuatu. Gunakan untuk tindakan yang diharapkan, tunjukkan ambang batas yang jelas saat item bergerak, biarkan gesekan sebagian terungkap dan gesekan penuh dilakukan, dan tawarkan pembatalan untuk tindakan destruktif.
Masalah kegunaan
Nielsen Norman Group menemukan masalah berulang dengan tindakan gesek untuk mengungkapkan: kurangnya penanda membuat tidak jelas di mana gesek berfungsi, tindakan tidak standar di balik gesek mengejutkan orang-orang yang mengharapkan penghapusan atau arsip, menyembunyikan banyak tindakan di balik gesek membuat tindakan tersebut sulit ditemukan, dan gesek dapat menjadi ambigu ketika gerakan yang sama juga berpindah antar bagian.
Bagaimana perilaku tindakan gesek seharusnya
Material Design menjelaskan pola umum pada Android: item daftar dapat menampilkan tombol saat menggesek, dan tindakan utama adalah opsi akhir yang selaras, yang langsung dipicu oleh gesekan penuh.
- Geser terus untuk melihat tindakan yang sering dan diharapkan: arsipkan, hapus, tandai sebagai telah dibaca.
- Tampilkan tindakan dan warnanya saat item bergerak, dan ubah secara nyata pada ambang batas penerapan.
- Pegas item kembali jika dilepaskan sebelum ambang batas.
- Tawarkan pembatalan, atau minta konfirmasi, untuk tindakan yang merusak.
- Jangan gabungkan tindakan gesek horizontal dengan navigasi gesek horizontal pada layar yang sama.
Tidak pernah menjadi satu-satunya cara
Karena gesekan tidak terlihat, lakukan tindakan yang sama di menu yang terlihat, tekan lama menu, atau layar detail. Hal ini juga mencakup aksesibilitas: pengguna pembaca layar dan orang-orang yang tidak dapat melakukan gerakan dengan tepat memerlukan rute non-isyarat, dan platform menyediakan tindakan aksesibilitas untuk tujuan ini.
Gerakan membuat gesekan terasa dapat dipercaya
Item tersebut harus melacak jari dengan tepat, dan saat dilepaskan, pegas yang membawa kecepatan jari membuat komitmen atau snap-back terasa fisik. Ketukan haptik singkat di ambang pintu, tempat platform mendukungnya, mengonfirmasi tindakan sebelum jari terangkat.
Kunci Principles untuk Diingat
- Gesek disembunyikan: selalu berikan alternatif yang terlihat
- Gunakan untuk tindakan yang sering dan diharapkan
- Gesekan sebagian terungkap, gesekan penuh dilakukan, rilis awal muncul kembali
- Membatalkan atau mengonfirmasi tindakan destruktif
- Hindari konflik gestur horizontal pada satu layar
Pertanyaan yang Sering Diajukan
Sumber
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3