Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Kullanıcı Deneyimi Modelleri6 dakikalık okuma·Updated Ekim 2026·ExodeUI ekibi

Kaydırarak Harekete Geçirme UX: Gizli Hareketleri Keşfedilebilir ve Güvenli Hale Getirme

Listelerde kaydırma eylemleri nasıl tasarlanır: gösterenler, eşikler, tam kaydırma işlemleri, geri alma, erişilebilirlik ve kaydırmanın neden hiçbir zaman tek yol olmaması gerektiği.

Özet ve tanım

Ana nokta

Kaydırma eylemleri, arşivleme veya silme gibi sık yapılan liste eylemleri için hızlı bir kısayoldur, ancak bunlar gizlidir, bu nedenle hiçbir zaman bir şeyi yapmanın tek yolu olmamalıdırlar. Beklenen eylemler için bunları kullanın, öğe hareket ettikçe net bir eşik gösterin, kısmi bir kaydırmanın ortaya çıkmasına ve tam bir kaydırma işleminin ortaya çıkmasına izin verin ve yıkıcı eylemler için geri alma teklifinde bulunun.

Kullanılabilirlik sorunları

Nielsen Norman Group, kaydırma ve ortaya çıkarma eylemleriyle ilgili yinelenen sorunlar buldu: gösterenlerin eksikliği, kaydırmanın nerede çalıştığını belirsiz hale getiriyor, kaydırmanın arkasındaki standart olmayan eylemler, silme veya arşivleme bekleyen insanları şaşırtıyor, birçok eylemi kaydırmanın arkasına gizlemek, bunların keşfedilmesini zorlaştırıyor ve aynı hareket bölümler arasında da gezinirken kaydırma belirsiz olabilir.

Kaydırma eylemlerinin nasıl davranması gerektiği

Material Design, Android'teki ortak modeli açıklar: liste öğeleri kaydırma sırasında düğmeleri ortaya çıkarabilir ve birincil eylem, tam kaydırmanın doğrudan tetiklediği son, uca hizalanmış seçenektir.

  • Sık görülen ve beklenen eylemler için kaydırmayı sürdürün: arşivleme, silme, okundu olarak işaretleme.
  • Öğe hareket ettikçe eylemi ve rengini gösterin ve taahhüt eşiğinde bunu gözle görülür şekilde değiştirin.
  • Eşikten önce serbest bırakılırsa öğeyi geri yayın.
  • Yıkıcı eylemler için geri almayı teklif edin veya onay isteyin.
  • Aynı ekranda yatay kaydırma eylemlerini yatay kaydırma gezinmesiyle karıştırmayın.
İki liste öğesi, biri kısmen kaydırılarak arkasındaki kırmızı Arşiv eylemi ortaya çıkarıldı
Kısmi bir kaydırma eylemi ortaya çıkarır; tam bir kaydırma bunu taahhüt eder; erken yayları geri salıveriyorum.

Asla tek yol

Kaydırma görünmez olduğundan, aynı eylemleri görünür bir menüye, uzun basılan menüye veya ayrıntı ekranına yerleştirin. Bu aynı zamanda erişilebilirliği de kapsar: ekran okuyucu kullanıcıları ve hassas hareketleri gerçekleştiremeyen kişiler, hareket dışı bir rotaya ihtiyaç duyar ve platformlar tam olarak bu amaç için erişilebilirlik eylemleri sağlar.

Hareket, kaydırmanın güvenilir hissettirmesini sağlar

Öğe parmağı tam olarak takip etmeli ve serbest bırakıldığında parmağın hızını taşıyan bir yay, bağlanmayı veya geri çekilmeyi fiziksel hissettirmelidir. Platformun desteklediği eşiğe kısa bir dokunsal dokunuş, parmak kaldırılmadan önce eylemi onaylıyor.

Hatırlanacak temel ilkeler

  • Kaydırma gizli: her zaman görünür bir alternatif sağlayın
  • Sık, beklenen eylemler için kullanın
  • Kısmi kaydırma ortaya çıkıyor, tam kaydırma işlemi yapılıyor, erken sürüm geri geliyor
  • Yıkıcı eylemleri geri alın veya onaylayın
  • Tek ekranda çakışan yatay hareketlerden kaçının

Sık sorulan sorular

Kaynaklar

  1. Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
  2. Lists guidelines — Material Design 3

İlgili rehberler ve örnekler

Gerçek yaylarla bir jest hissedin

Tarayıcıda sürükleyin, hafifçe vurun ve bırakın ve geri çekmenin nasıl hissettireceğini ayarlayın.

Oyun alanını aç
Ücretsiz dene