Sürükle ve Bırak UX: İşaretleyiciler, Geri Bildirim ve Erişilebilir Alternatifler

Her aşamada geri bildirim

Nielsen Norman Group'in rehberliği, her aşamada net işaretleyicilerin ve net geri bildirimlerin, sürükle ve bırak özelliğini keşfedilebilir ve kullanımı kolay hale getirmesidir. Bir eşya ele geçirildiğinde, insanların onun yakalandığını bilmesi ve onu düşürmeden önce ne olacağını görmesi gerekiyor.

• Belirteç: Tutma yeri simgesi, fareyle üzerine gelindiğinde tutma imleci veya her ikisi.
• Yakalandı: Nesneyi bir gölgeyle ve hafif bir ölçekle kaldırın, böylece tutulmuş gibi görünür.
• Önizleme: Geçerli bırakma bölgelerini vurgulayın ve öğenin nereye ineceğini gösterin.
• Bırakıldı: Öğeyi yerine yerleştirin ve geri almayı teklif edin.

Erişilebilirlik: her zaman başka bir yol sunun

WCAG 2.2 başarı kriteri 2.5.7, Sürükleme Hareketleri (düzey AA), sürükleme gerekli olmadığı sürece, sürükleyerek yapılan her şeyin sürüklemeden tek bir işaretçiyle de yapılabilmesini gerektirir. Yaygın alternatifler arasında yukarı ve aşağı hareket düğmeleri, "Şuraya Taşı" menüsü veya ok tuşlarıyla klavye desteği yer alır. NN/g ayrıca, kabaca yerine sürüklemek ve ok tuşlarıyla dürtmek gibi kesin bir alternatifin genellikle herkese yardımcı olduğunu belirtiyor.

Fizik, sürüklemeyi doğrudan hissettiriyor

Sürüklenen öğeler işaretçiyi gecikmeden takip etmelidir. Serbest bırakıldığında, serbest bırakma hızını yerleşime taşıyan bir yay, düşüşün fiziksel bir his vermesini sağlar ve diğer öğelerin düzgün bir şekilde yana doğru hareket etmesi boşluğun nerede olduğunu gösterir. Bu hareketleri kısa tutun ve azaltılmış hareket açıkken azaltın.

Dokunma ayrıntıları

Dokunmatik ekranlarda, genellikle almak için uzun bir basışla sürüklemeyi kaydırmadan ayırt edin. Tutma yerlerini vurabileceğiniz kadar büyük yapın, kenara doğru sürüklerken listeleri otomatik olarak kaydırın ve platformun desteklediği yerden alma ve bırakma konusunda dokunsal geri bildirim verin.