Pivix Logo
Sözlüğe dön

Sürükle-Bırak Oluşturucu

Sürükle-bırak oluşturucu, kullanıcıların sayfa ögelerini kod yazmak yerine fare veya dokunmayla sürükleyerek yerleştirmesine, taşımasına ve düzenlemesine olanak tanıyan bir düzenleme arayüzüdür.

Önemli noktalar

  • Alma, sürükleme, hedefleme, bırakma: verilen tek sözü ekleme göstergesi taşır.
  • Serbest konumlandırma masaüstünde en iyi hissettirir ve mobil düzenleri kuralsız bırakır.
  • Geniş bırakma bölgeleri hatayı azaltır ama hassasiyeti alır; tolerans ve doğruluk takas edilir.
  • Gerçek sürüklemenin çoğu yeniden sıralamadır; tutamak, taslak listesi ve geri alma önemlidir.
  • İmleç hareketleri, açık taşıma komutları olmadan klavye ve ekran okuyucu kullanıcılarını dışlar.

Derinlemesine

Etkileşimin kullanıcının hiç adlandırmadığı dört aşaması vardır: alma, sürükleme, hedefleme, bırakma. Alma anında araç ögeyi yakalar ve bir hayalet gösterir; sürükleme boyunca imleci geçerli bırakma bölgelerine karşı sınar; ögenin alacağı konuma bir ekleme göstergesi çizer; bırakıldığında blok ağacını yeniden yazar ve yeniden render eder. Bir oluşturucuda iyi ya da kötü hissettiren her şey üçüncü aşamada yaşar, çünkü kullanıcıya karar öncesi verilen tek söz o göstergedir.

Hissi iki tasarım kararı belirler. Ögenin bırakıldığı yere oturduğu serbest konumlandırma masaüstü tuvalinde tatmin edicidir ve telefonun izleyeceği hiçbir kuralı olmayan düzenler üretir. Ögelerin yalnızca tanımlı yuvalara girebildiği kısıtlı bırakma bazı dizilimleri reddeder ama sonucun yeniden akmasını garanti eder. Geniş bırakma bölgeleri ve affedici hizalama hatalı bırakmayı azaltır, hassas yerleştirmeyi zorlaştırır; araçlar doğrulukla toleransı takas eder.

Uygulamada sürükleme çoğunlukla düzen için değil sıralama için kullanılır: kanıt bölümünü formun üstüne almak, bir soruyu dizide öne çekmek, harekete geçirici mesajı alt bilgiden çıkarmak. Bu yüzden en iyi kolaylıkları yeniden sıralama hak eder: görünür bir tutamak, tuval kadar içinde de sürükleyebileceğiniz bir taslak listesi ve önceki sırayı birebir geri getiren bir geri alma. Bir Pivix scorecard'ında aynı hareket quiz sorularını yeniden sıralar.

Sürükleme bir imleç hareketidir ve tavanı budur. Dokunmatik ekranda yavaş ve hassasiyetsizdir; araç yukarı taşı ve aşağı taşı komutları sunmadıkça klavye veya ekran okuyucuyla fiilen kullanılamaz; hedefin üç ekran uzakta olduğu elli bloklu bir sayfada ölçeklenmez. Ayrıca hiçbir niyeti kodlamaz: ağaç, bir bloğun üçüncü sırada durduğunu kaydeder, her zaman fiyatlandırma bölümünden sonra gelmesi gerektiğini değil.

Pratikte örnek

Canlı bir kampanya sırasında bir büyüme pazarlamacısı, quiz harekete geçirici mesajının telefonlarda görünür alanın altında kaldığını fark eder, düğmeyi referans bloğunun üstüne sürükler ve iki dakikada yeniden yayınlar—sonraki ücretli trafik dilimi için quiz başlatmalarını gözle görülür biçimde artırır.

Nasıl ölçülür

Buradaki sinyaller sayfa sinyalleri değil, düzenleme sinyalleridir. Yayınlanan sayfa başına düzenleme sayısını ve geri almayla biten oturumların payını sayın: bırakmanın hemen ardından sık geri alma, bırakma bölgelerinin kaba veya göstergenin belirsiz olduğunu söyler. Editörü açmaktan küçük bir değişikliği yayınlamaya geçen süre, hareketin yardımcı mı yoksa engel mi olduğunu gösterir.

Çıktı tarafında, yoğun sürükleme yapılan her oturumdan sonra yayınlanan sayfayı tüm kırılma noktalarında karşılaştırın ve yayından önce değil sonra bulunan düzen kusurlarını kaydedin. Artan sayı, tuvalin duyarlılık kurallarının karşılayamayacağı dizilimlere izin verdiğini gösterir. Ana kullanım yeniden sıralamaysa, taşınan bölümün dönüşümü gerçekten değiştirip değiştirmediğini ölçün.

Sık yapılan hatalar

En pahalı hata, sayfayı geniş bir masaüstü tuvalinde göz kararı dizip yayına almaktır. Göz hizasına itilen ögeler yalnızca o genişlikte çalışan boşluklar taşır ve telefon görünümü onları kimsenin seçmediği bir sırayla üst üste yığar. Öngörülebilir biçimde yığılan bölümlerle kurun ve yayınlamadan önce her kırılma noktasını açın. Araç serbest konumlandırma sunuyorsa bunu küçük ekranlarda gizlenebilecek dekoratif ögelere saklayın.

İkinci hata, kimsenin fark etmediği yanlış bırakmadır. Komşu kabın yarım piksel içinde bırakılan bir blok o kabın iç boşluğunu ve arka planını devralır, sayfa neredeyse doğru görünür ve arıza haftalar sonra tek bir cihazda ortaya çıkar. Sürüklerken hayalete değil ekleme göstergesine bakın, her taşımadan sonra katman taslağını kontrol edin ve beklenmedik bir yere düşen bırakmayı geri sürüklemek yerine hemen geri alın.

Sıkça sorulan sorular

Sürükle-bırak oluşturucu teknik beceri gerektirir mi?

Hayır; asıl amaç, sezgisel fare veya dokunma etkileşimleriyle herkesin kod yazmadan sayfa kurmasını sağlamaktır. Web düzeni kavramlarına temel aşinalık yardımcı olur, ancak programlama bilgisi gerekmez.

Ögeleri yerleştirdikten sonra sayfam mobilde de aynı görünür mü?

Her zaman otomatik değil; iyi oluşturucular duyarlıdır ve ögeleri küçük ekranlar için yeniden akıtır, ancak düzenler yine cihaz başına önizlenmelidir. Garip dizilmeyi yakalamak için yayınlamadan önce daima mobil ve tablet görünümünü kontrol edin.

Sürükle-bırak oluşturucu karmaşık sayfalar için yeterince esnek mi?

Modern sürükle-bırak oluşturucular, bileşen kütüphaneleri içinde çok bölümlü sayfaları, quizleri ve koşullu içeriği iyi yönetir. Çok özel ihtiyaçlar için birçoğu görsel düzenleyicinin yanında özel kod blokları da sunar.

Sürükle-bırak, sayfa oluşturucuyla aynı şey mi?

Hayır; sayfa oluşturucunun sunabileceği bir girdi yöntemidir. Oluşturucu blok modeli, editör ve render katmanıdır; sürükle-bırak ise blokları onun içinde taşıma biçimidir. Bazı oluşturucular tamamen sıralı bir liste ve ekleme düğmeleriyle çalışır; bu, uzun sayfalarda çoğu zaman daha hızlıdır ve sürüklemenin zahmetli olduğu dokunmatik cihazlarda iş görür.

Sürükle-bırak duyarlı tasarımı bozar mı?

Yalnızca araç mutlak konumlandırmaya izin veriyorsa. Bırakmalar bölüm içindeki yuvalarla sınırlıysa düzen yeniden akış kurallarını korur ve mobil öngörülebilir davranır. Ögeler rastgele koordinatlara inebiliyorsa tek bir sabit genişlik tasarlıyorsunuz demektir ve diğer her ekran tahmindir. Telefonlarda çalışması gereken bir şey tasarlamadan önce hangi modeli kullandığınızı kontrol edin.

Sürükle-bırak oluşturucuyu tablet veya telefonda kullanabilir miyim?

Kullanabilirsiniz ama masaüstünden yavaş olacağını bekleyin. Parmak bırakma hedefini kapatır, göstergeyi önizleyecek bir üzerine gelme durumu yoktur ve uzun sayfalarda tuval otomatik kayarken sürüklemek gerekir. Yukarı ve aşağı taşıma denetimleri ya da yeniden sıralanabilir bir taslak listesi arayın; ikisi de aynı işi hassasiyet sorunu olmadan yapar.

Ögem neden yanlış kaba düştü?

Çünkü imlecinizin altındaki bırakma bölgesi, sınırı sürükleme sırasında görünmeyen iç içe bir kaba aitti. Gerçek hedefi ekleme göstergesi gösterir ve sürüklenen hayalete bakarken bunu kaçırmak kolaydır. Geri alın ve göstergeye bakarak yeniden sürükleyin ya da hiyerarşinin açık olduğu taslak listesi üzerinden bloğu taşıyın.

Sürükle-bırak erişilebilir mi?

Yalnızca imleçle sürükleme erişilebilir değildir, çünkü klavye ve ekran okuyucu kullanıcıları bunu yapamaz. Erişilebilir bir oluşturucu her sürüklemeye eşdeğer bir komut ekler: yukarı taşı, aşağı taşı, bölüme taşı; menüden veya kısayolla erişilebilir ve yardımcı teknolojiye duyurulur. Araç değerlendirirken bir bölümü fareye dokunmadan yeniden sıralamayı deneyin.

Uzun bir sayfada bloğu uzaktaki bir yere nasıl taşırım?

Ekranlar arası sürüklemekten kaçının; otomatik kaydırma yavaştır ve hatalı bırakma olasıdır. Oluşturucu destekliyorsa kes ve yapıştır kullanın ya da tüm sayfanın tek görünüme sığdığı taslak veya katman listesi içinde sürükleyin. Bazı araçlar bölüme taşı komutu sunar; bu en hızlı seçenektir ve imleç hassasiyetine hiç bağlı değildir.

İlgili terimler

Sözlük teorisini nitelikli müşteri adaylarına dönüştürün

Dakikalar içinde, kod gerektirmeden müşteri adaylarını niteleyen ve toplayan bir scorecard quiz hunisi oluşturun.

Ücretsiz başla
  • Kredi kartı yok
  • Ücretsiz plan
  • Dakikalar içinde yayında