UX Seret dan Lepas: Penanda, Umpan Balik, dan Alternatif yang Dapat Diakses

Umpan balik di setiap tahap

Panduan Nielsen Norman Group adalah penanda yang jelas dan umpan balik yang jelas di setiap tahap membuat drag-and-drop dapat ditemukan dan mudah digunakan. Setelah suatu barang diambil, orang perlu mengetahui barang tersebut diambil dan melihat apa yang akan terjadi sebelum mereka menjatuhkannya.

• Penanda: ikon pegangan, kursor ambil saat diarahkan, atau keduanya.
• Grabbed: mengangkat item dengan bayangan dan sedikit skala sehingga terlihat tertahan.
• Pratinjau: sorot zona pelepasan yang valid dan tunjukkan di mana item akan mendarat.
• Dijatuhkan: menganimasikan item ke tempatnya dan menawarkan pembatalan.

Aksesibilitas: selalu tawarkan cara lain

WCAG 2.2 kriteria keberhasilan 2.5.7, Gerakan Menyeret (level AA), mensyaratkan bahwa apa pun yang dilakukan dengan menyeret juga dapat dilakukan dengan satu penunjuk tanpa menyeret, kecuali jika menyeret sangat penting. Alternatif umum adalah tombol pindah ke atas dan turun, menu "Pindah ke", atau dukungan keyboard dengan tombol panah. NN/g juga mencatat bahwa alternatif yang tepat sering kali membantu semua orang, misalnya menyeret secara kasar ke tempatnya dan menyenggol dengan tombol panah.

Fisika membuat menyeret terasa langsung

Item yang diseret harus mengikuti penunjuk tanpa jeda. Saat dilepaskan, pegas yang membawa kecepatan pelepasan ke dalam pengendapan membuat jatuhnya terasa fisik, dan item lain yang bergerak ke samping dengan mulus menunjukkan di mana letak celahnya. Jaga agar gerakan ini tetap singkat dan kurangi saat gerakan yang dikurangi aktif.

Sentuh detailnya

Pada layar sentuh, bedakan tarikan dan gulir, sering kali dengan menekan lama untuk mengambilnya. Buat pegangan yang cukup besar untuk dipukul, gulir otomatis daftar saat menyeret di dekat tepi, dan berikan umpan balik haptik saat mengambil dan melepas di tempat yang didukung platform.