web-gelistirme-sc.com

Sürükle ve bırak olasılığı nasıl görselleştirilir?

Web uygulamam, drag'n'drop'a göre sıralanabilen bir öğe listesi içeriyor. Bu özellik kullanıcılara görsel olarak nasıl sunulmalıdır?

56
Witek

Sürüklenebilir olduğunu göstermek için malzeme üzerinde biraz "kavranabilir" bir doku kullandım. İşte Gmail'in dokusu:

enter image description here

37
Ken Mohnkern

Birkaç yıl önce Netflix 'dan Sean Kane tarafından bir sunum gördüm. Yapabiliyorsanız (eğer bir hesabınız varsa veya bunu yapan birini tanıyorsanız) incelemelisiniz.

Dikkat edilmesi gereken birkaç nokta:

  • Varsayılan hareket imlecinin çok iyi test etmediğini, bu yüzden GoodEnough tarafından önerildiği gibi bir yakalama imlecine geçtiklerini söyledi. .

  • Sürükle ve bırak aşamalı bir geliştirmedir. Yine de liste sırası sütunundaki metin kutularını doldurarak sıralayabilirsiniz. Birçok kullanıcı sürükle ve bırak özelliğinin kullanılabilir olduğunu asla fark etmez.

  • Sürükleme tutamacı yok. Sürüklemeyi satırın herhangi bir yerinde fareyle aşağıya doğru başlatabilirsiniz (bağlantı gibi başka bir nesnenin ön planda olduğu durumlar hariç) .

27
Patrick McElhaney

Biri üst üste öğelerin sürüklenip bırakılabileceği anlamına gelen üç yatay çizgiden oluşan standart bir simge vardır.

"Sürtünme" veya "tutamaç" anlamına gelir ve pencerelerin veya metin kutularının sağ alt köşesindeki köşegen çizgilere biraz benzer ve bunları yeniden boyutlandırabilir.

14
Dan Barak

Taşıma imleci, web uygulamalarındaki sürüklenebilir öğelerle yaygın olarak kullanılır.

css:

cursor:move;
11
Sruly

Küçük sürükleyici eli kullanmanızı öneririm (gezinirken açık, sürüklerken kapalı). Yakalanabilecek bir şeye benzeyen bir çeşit sürükleyici simgeye (tutamaç) sahip olun (Gmail'de bir çift nokta sütun (sütun başına 4 nokta).

Ayrıca, yeni kullanıcılara (veya yeni bir özellikse mevcut kullanıcılara) davranışı gösteren küçük bir animasyon eklemenizi öneririm, bir kullanıcı uygulamanızda her seferinde animasyonu sürekli gösterme.

6
mbillard

Sürükleme bir sürükle. Son zamanlarda birkaç sürükle ve bırak kullanıcı arayüzünü yenilemeyi bitirdikten sonra, bir dahaki sefere onları bir tür "tıklayıp bırak" olarak değiştireceğim sonucuna vardım. Taşımak üzere seçmek için tıkladığınız her bir öğeye bir widget ekleyin. Sonra gitmek istediğiniz yere tıklayın. Bu şimdiye kadar testlerde iyi gidiyor gibi görünüyor.

5
Robert Fisher

İmleci sürüklenebilir nesnelerin üzerine getirirken, açık ele dönüştürülmelidir. Bir nesne yakalandığında, yakalayıcı bir el olarak değiştirilmelidir. Bir nesneyi yakalarken, izin verilen bırakma bölgeleri diğer arka plandan (yani gölgeleme veya renklendirme yoluyla) vurgulanabilir.

1
txwikinger

Evrensel Jakuzi Sembolü olabilir mi?.

Çalıştığım masaüstü uygulaması, uygulama dışındaki dosyaların içine sürüklenmesine izin verir. Sürükleyip bırakmaya izin veren bazı uygulamalar genellikle bir bırakma alanına veya içerik bölmesine sahiptir; müzik çalarda çalma listesi gibi. Drag-n-drop kullanılabilirliği aşamalı bir açıklamadır, ancak bazı kullanıcılar bunu asla sezgisel olarak kullanamazlar. Bu gibi durumlarda, bırakma alanı reklamını düşünebileceğim en iyi şey, bir girdap sembolü arka planına sahip olmaktır.

0
Vishnu Prasanth

Bu soruna bir masaüstü uygulamasıyla kendim geliyorum. Şu anda karşılaşabileceğim en iyi çözüm, fareyle üzerine gelindiğinde, nesnenin nereye sürüklenebileceğine işaret eden bir ok bulundurmaktır, bazı metinlerde sürükle bırak veya benzeri bir metin bulunur.

0
James Ludlow