Bir Intuitive tasarımı Drag-and-drop Ios Ipad için Uygulamaları Uygulamaları Uygulamaları Uygulamaları Uygulamaları Uygulamaları Uygulamaları

Drag-and-Drop'un iPad'de Evrimi

iPad'de Drag-and-drop, iOS 11 Apple ile giriş yapmak için uzun bir basınla içerik seçmesine ve hedef alanla hareket etmesine izin verdi.Bu paradigma, iPad'in ciddi bir verimlilik aracına dönüştürülmesine yardımcı oldu. Erken uygulama tasarımcıları, dosyaları ve Fotoğraflar gibi ilk parti uygulamaları ile sınırlıydı, ancak API'nin bugün üçüncü taraf geliştiricilere hızlı bir şekilde genişlemesine izin verdi.

Touch-Based Drag-and-Drop için Core UX Principles for Touch-Based Drag-and-Drop

Immediate Visual Feedback

Bir kullanıcı bir sürüklenme hareketi başlatır, sistem anında yanıt vermelidir. iPad'de, bu, yüzeyin ince bir gölge etkisi ile değiştirilmesi anlamına gelir, bir nesnenin ortaya çıkarılmasını basitleştirir.The önizleme should follow the finger exactly, without or jitter. Apple's Human Interface Guidelines recommended a scale-down Animation of about 10 percent together with a drop Mountain to create deep.This feedback says the user that the item.

Asansör ve Mart Ants Metaphor

Bir kullanıcı sürükleyici bir öğeyi aldığında, orijinal pozisyon bir hayalet veya “evreniciler” satırını göstermelidir, bu görüntüyü geri almak için kritiktir - eğer kullanıcı kaynağı geri çevirirse, hareket eden bir zihinsel model oluşturabilir.

Drop Zone Affordances

Drop bölgeleri içeriği kabul etmeye hazır iletişim kurmalıdır. Açıklanan sınırlar, arka arka renk değişimi veya tüm kullanıcılar tarafından ulaşılabilecek bölgeler için dikey bir çizgi gösterebilir.

Haptic Feedback Entegrasyon

Haptik motorlarla iPad modelleri (iPad Pro 11-inch ve 12.9-inch, iPad Air 4th gen ve daha sonra) sürüklenme işlemleri sırasında tactile onayı sağlayabilir.Sokaklar, geçerli bir düşüş bölgesine geldiğinde kısa bir süre boyunca, ve tüm etkileşimi daha fazla immersive hale getirir.

iOS Drag-and-Drop Mimarlıkını Anlayın

UIDrag Interaction ve UIDrop Interaction in Physics

Apple'ın UIKit çerçevesi, sürüklenme Alanları için izin vermek ve oturum güncellemelerine cevap vermek için yapılandırın.Sistemin tanınması, çok dokunuşlu etkileşimler için bina blokları olduğu gibi. Geliştiriciler sürükleyici ve uygulama alanlarını karşılamak için delege yöntemleri uygulayabilir.

Drag Sessions, Materials, and Preview Providers

Bir sürüklenme seansı, bir veya daha fazla eşyanın tüm hareketini, jestin düşmesine izin verir.Her bir öğenin birden fazla temsile sahip olması gerekir (önemli metin, RTF, görüntü verileri vs.). Preview sağlayıcıları, sürüklenme sırasında özel bir fps performans elde etmenize izin verir.

Drop Proposals and Operation Type

Kullanıcı bir düşüş bölgesi üzerinde geldiğinde, sistem, tasarlanmış operasyonu tanımlayan bir sistem yangını: kopya, hareket veya iptal. Uygulama, öneriyi kabul edebilir ve görsel geri bildirimi uygun şekilde değiştirebilir. Örneğin, bir fotoğraf editörü, dosyaların sürüklenmesi sırasında “copy” için varsayılan olabilir, ancak “move” aynı koleksiyonda sürükleyerek.

Intuitive Drag Gestures ve Animations

Asansör Animasyonu

Asansör, kullanıcıların gördüğü ilk şeydir. Bir bahar bazlı animasyonu bir masadan 0,3 saniyeye kadar çıkarmak gerekir. görünüm biraz (95-90 yüzde) ve sıfır alfa'dan 0.3 opaklık'a kadar büyüyen bir gölge ile yükselmelidir.

Gerçek Zamanlı Scaling ile Ölçeği

Kullanıcı öğeyi hareket ettiğinde, önizleme tam olarak dokunuş noktasını takip etmelidir. iPad'de, önizleme büyük bir düşüş bölgesine yaklaşırken veya düşüş hedefi küçük bir slot olduğunda küçülebilir. Gerçek zamanlı ölçeklendirme, uzaysal bağlamın bir hissi ekliyor.UseENFLT:5, hedef sınırlarına göre eğim pozisyonuna bağlanmak için tam olarak ölçeklendirmek için tam olarak ölçeklendirmek için.

Bahar-Loaded Drop Zones

Bahar yüklenen düşüş bölgeleri, kullanıcının onları sürükleyen bir süre boyunca harcadığı veya içerik ortaya çıkarmak için alanlardır.Bu model, klasörler veya ihmal listeleri gibi aptalca bir veri için gereklidir.Kullanıcı yaklaşık 0,5 saniye boyunca bir klasöre geçtiğinde, klasörün açılır, içeriğini yapılandırır ve yapılandırır.

Multi-Touch ve Simultane Drag

iPad, birden fazla öğeyi bir kez daha ek parmaklar kullanarak sürükler. Her parmak aynı sürükleme seansına yeni bir öğe koyar. Görsel paket bir fan veya cascade modelinde öğeleri ayarlamalıdır, böylece kullanıcı tüm eşyaları akıllı olarak ele almalıdır - örneğin, birkaç fotoğraf bir albüme aktarmalıdır.

Drag-and-Drop Interfaces'te erişim

Ses ve Drag-and-Drop

Seslendirme kullanıcıları, jestler ve denetçiler aracılığıyla etkileşime girerler. sürüklenme için sistem, rotor eylemleri ve özel erişilebilirlik elementleri sağlar.Her bir sürüklenebilir öğenin net erişilebilirlik etiketine sahip olmasını sağlayın ve bu düşüş bölgelerinin geçerli hedeflerle onayladığı zaman ilan edilir.WinT:6).

Klavye ve Anahtar Kontrolü için Özel Eylemler

Tüm kullanıcılar dokunuş jestlerini gerçekleştiremez.Geçmiş ve kapalı adımlar için klavye kısayolları sağlayın: öğeyi seçin, hedefe gidin ve onaylayın.Her adım bir anahtar komut olarak açığa çıkarılmalıdır.For Switch Control, break the drag-and-and-drop adımları atabilir: the item, choose the action (move/copy), hedefe gidin ve onaylayın.

Accessability için uyumluluk için geri bildirim

Haptic geri bildirimler, düşük bir vizyonla kullanıcılar için özellikle değerlidir. Farklı bir başarı, başarısızlık ve farklı haptik desenlerle öne çıkan devletler için çift bir dokunuş, geçersiz bir düşüş bölgesi için uzun bir uğur ve geçerli bir hedef üzerine yürümek için kısa bir işaret.

Gelişmiş Etkileşim Desenleri

Drag Between Split View Panes

iPad'in benzersiz yeteneklerinden biri Split View'te çalışan uygulamalar arasında sürükleniyor. Uygulamanız başka bir uygulamadan ve tersinden içerik alabilir. Uygulamanızın desteklenen veri türlerini (görüler metin, görüntüler, URL'ler, özel UTIs) kayıt altına almadan önce Info.plist under: İçerik geldiğinde, veriler işlemeden önce net bir önizleme sunabilir.Bu çapraz uygulama akışı, iPad'i, kullanıcıların iş akışlarından gelen bilgileri bir araya getiren gerçek multitasking ortamına dönüştürebilir.

App to App to App'dan Drag

Benzer şekilde, kullanıcılar uygulamanızdan başka bir bölünmüş görüş uygulamasına kadar içerik çekebilirler. Zengin veri temsilleri sağlayın, böylece satın alma işlemi tercih edilen türü ele alabilir, düz bir metin veya genel görüntü düşüşü sağlayabilir.

Listeleri ve çubukları sipariş etmek

Yeniden sipariş edilebilir koleksiyon görüşleri ve masa görüşleri klasik sürükle-ve-köpücük kullanım durumlarıdır.UseENFLT:8) ve 08.Bölümler ile yeniden sipariş etmek için, yerdeki pencereleri takip etmek için bir kenara atmak gerekir.

Koleksiyon ve tablo Görüntülemeleri ile Drag-and-Drop

Yeniden sipariş etmenin ötesinde, koleksiyon görüşleri dış içeriği kabul edebilir. Örneğin, bir fotoğraf düzenleme uygulaması, kullanıcıların doğrudan bir katman listesine resim çekmesine izin verebilir. İçerik eklendiği yere gösterme sırasında yer sahibi hücreleri kullanın ve son ekleme veya kaydırın.Her zaman kullanıcının niyetine saygı gösterin.

Ortak Pitfalls ve Them'dan Nasıl Kaçırmak

Kazak Drag Aktivasyon

Basit bir dokunuş veya uzun basın bir sürüklenme tetiklerse, kullanıcılar hayal kırıklığı yaşayacaktır. makul bir minimum basın süresi (0.1-0.2 saniye) ve sürüklenme başlamadan önce minimum hareket eşi (5-10 puan) ile sürüklenme başlar.Dörtme menüleri ve uzun bir basın arasında kesintiye uğramadan önce, iPad'de, bir süre içinde kalan uzun bir basında kalır.

Aşırı Hassas Drop Zones

Tek bir pikselle etkinleştiren yerlerin düşmesi kazara düşüşe neden olur. cömert bir hit alanı kullanın - kullanıcının tam uyum gerektirmeden en az 10 puanla başlangıç bölgesine ulaşın.

Undo Destek eksikliği

Drag-and-drop hareket eder veya kopyalar verileri kopyalayabilir. Kullanıcılar, serbest bırakılmasından hemen sonra harekete geçebilecek eylemden pişman olabilirler.Her zaman geri alınan bir düğme veya yıkıcı hareket için iki adımlı bir onay (örneğin bir dosyayı çöp klasörüne taşımak gibi) olarak kabul edilir.

Ağır İçeriklerle Performans Sorunları

Büyük görüntüleri, karmaşık vektör çizimleri veya multi-megabayt verileri çerçevenin düşmesine neden olabilir.Sekiz hafif parmak izleri için uygulamanızı kullanın ve sadece birden fazla öğenin doğrulandığında 60 fps kullanın.UseFLT:11).

Test ve Drag-and-Drop UX'de iterating

Kullanıcı Fiziksel Cihazlarda Test

Simülatörler, bir iPad'in dokunuşunu doğru bir şekilde çoğaltamaz. Test sürüklenme-ve-dropları farklı ekran boyutları ile gerçek iPad'lere (iPad mini, iPad Air, iPad Pro 11 inç ve iPad Pro 12.9 inç) Observe kullanıcılarının parmak yerleştirme - kişi parmak uçlarından ziyade parmak uçlarını kullanır, hangi görsel sıralamayı görünür ve dokunaklı görüntüyü değiştirir. Record screen and touchization with accessibility testing Pro 11-inch. Observe users' finger yerleştirme -many people use the side of their başpart like than the fingertip, which changes the visual dengeleme. Record screen and touch point and touchization with accessibility testing

Edge Cases: Büyük dosyalar, Birden Çok Maddeler, Karma İçerik

Uygulamanın veri transferi sırasında bir ilerleme göstergesi olduğunu onaylayan 1 GB (video dosyaları, büyük PDFs) dosyaları ile test edin. Birden fazla ürün için, önizleme yığınının yavaş olmadığından emin olmak için 10-20 öğe ile test edin. karma içerik (görüler ve metin birlikte) her bir öğe türü için ayrı önizlemeler göstermelidir: sürüklenen veriler uzaktan sunucudaysa, iptal edilen bir sürümle bir spinner göster.

Performans Profilleri Aletlerle

Core Animation, Time Profiler ve Leaks aletlerini sürüklenme-ve-drop performansı için kullanın.Seks'de artışlara bakın, her bir sürüklenme öğenin önbellekli görüntüyü kullanarak görüntülenen ekran ve önbelleksiz görüntüler.

Vaka Çalışmaları: Drag-and-Drop Well

[FONT=0]Files[DÜDÜDÜDÜDÜDÜDÜDÜDÜDÜDÜSÜSÜSÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜŞÜNÜ

Drag-and-Drop'un Geleceği iPad'de

iPadOS'un devam eden evrimi ile, sürükle-ve-drop, Aşama Yöneticisi ve dış ekranlar gibi sistem özellikleri ile daha derin bir şekilde entegre edecektir. İçerikleri mevcut dokunuş etkileşimleri kullanarak ortaya çıkarmak için iPad'den bir monitöre sürükleyerek izlemek gerekir.Ayrıca, Apple Kalem ile aynı zamanda gezinmeleri sorunsuz bir şekilde entegre edebilir.

Sonuç Sonuç Sonuç Sonuç Sonuç Sonuç Sonuç Sonuç

iPad için sezgisel bir sürükle-ve-kamp arayüzü tasarlayın, gerçek cihazlarda bir nesneyi seçmek ve hareket etmek için bir denge gerektirir. Hemen görsel geri bildirim sağlayarak, erişilebilirlik sağlayın ve Apple'ın etkileşim modellerine reklam vermek, geliştiriciler gerçek dünyada bir nesneyi seçmek ve hareket ettirmek gibi doğal olarak deneyim yaratabilir.Gerçek cihazlar üzerinde test ederek, geri yükleme ve optimize etmek için her gün en iyi-ve-kamp arabirimleri ortadan kaldırır. Kullanıcılar, görevlerine sorunsuz bir şekilde odaklanmaya devam eder. iPad, tablet ve bilgisayar arasındaki çizgiyi bulanıklaştırmaya devam eder.

Daha fazla araştırma için, inceleme:0) Apple'ın İnsan Arabi Kılavuzu Drag ve Drop) üzerinde incelenir ve ) resmi örnek kodu işlemden yararlanarak üretime hazır kalıpları görmek için.