Apa saja pola UX yang baik untuk menerapkan drag-n-move, dan beberapa pilihan

1. Apa UI terbaik untuk pemilihan multi dari daftar?
2. Ikon mana yang menunjukkan Anda dapat menyeret dan memindahkan?
3. Bagaimana Anda menunjukkan sesuatu itu bisa diseret?

Apa UI terbaik untuk pemilihan multi dari daftar?

Kotak pil multi-select adalah opsi yang cocok jika pengguna terbiasa dengan konten daftar dan mengetahui persis apa yang mereka cari. Dengan mencari atau sekadar menggulir daftar, mereka dapat dengan cepat menemukan apa yang mereka cari.

Ikon mana yang menunjukkan Anda dapat menyeret dan memindahkan?

Windows menggunakan ikon Crossbar Putih untuk drag -and -drop (biasanya untuk objek dalam aplikasi atau situs web, bukan untuk Windows). Untuk situs web, CSS memiliki berbagai kelas yang menggunakan ikon platform asli. Kiri: Kursor Mickey Mouse Mac muncul di hover dan menunjukkan bahwa drag -and -drop tersedia.

Bagaimana Anda menunjukkan sesuatu itu bisa diseret?

Gunakan kursor sistem untuk menunjukkan kapan suatu elemen dapat diseret.

Kursor ambil muncul di hover saat elemen dapat diseret. Setelah diseret, kursor akan berubah ke kursor yang meraih. Untuk area di mana suatu elemen tidak dapat dijatuhkan, kami menggunakan kursor yang tidak tersedia. Untuk Windows, kami menggunakan Kursor Pindahkan (Panah Panah).