Mobil uygulamalarda kaydırma — jest türleri ve uygulama

Mobil arayüzlerde kaydırma nedir

Kaydırma (swipe), kullanıcının parmağını ekran üzerinde belirli bir yönde kaydırarak bir eylem başlattığı bir jesttir. Dokunmanın (kısa dokunuş) aksine, kaydırma jest boyunca hareket ve ekranla temas içerir.

Kaydırmanın tarihi 2007'deki ilk iPhone ile başladı — “slide to unlock” jesti mobil arayüzlerin alametifarikası haline geldi. Bugün kaydırma, binlerce uygulamada gezinme, içerik yönetimi ve bilgi organizasyonu için kullanılmaktadır.

UX Planet (2025)'e göre, jest kontrolü (kaydırma dahil) olan uygulamalar %18 daha yüksek kullanıcı etkileşimi göstermektedir. Kaydırma, nesnelerin fiziksel hareketini taklit ettiği için bir düğmeye basmaktan daha doğal bir eylem olarak algılanır.

Kaydırma tanıma parametreleri

Ana parametreler bir jestin kaydırma olup olmadığını belirler: minimum mesafe (genellikle 30–50 piksel), düz çizgiden maksimum sapma (15–20 dereceden fazla değil) ve maksimum temas süresi (500 ms'ye kadar). Parmak ekranda daha uzun süre kalırsa, jest sürükleme veya uzun basma olarak sınıflandırılır.

Yöne göre kaydırma türleri

Hareket yönüne göre, kaydırmalar dört ana türe ayrılır: sol, sağ, yukarı ve aşağı. Her türün kendi amacı ve kullanım bağlamı vardır.

Yatay kaydırmalar (sol/sağ) çoğunlukla bireysel öğeleri yönetmek için kullanılır — silme, arşivleme, çevirme. Dikey kaydırmalar (yukarı/aşağı) — ekranlar arasında gezinme ve içeriği yenileme için. Material Design Guidelines (2024)'e göre, yatay kaydırma sağ elini kullananlar için daha rahattır: sağ elde başparmağı sola hareket ettirmek daha doğaldır.

Çok parmaklı kaydırmalar

İki ve üç parmakla kaydırmalar gelişmiş eylemler için kullanılır. İki parmak — iPad'de masaüstleri arasında geçiş, geri alma (üç parmakla kaydırma). Üç parmak — bazı cihazlarda ekran görüntüsü. Bununla birlikte, çok parmaklı jestler daha az sezgiseldir ve kullanıcının öğrenmesini gerektirir.

iOS'ta kaydırma uygulaması

iOS'ta, jest işleme UIGestureRecognizer üzerine kuruludur — bir dizi dokunma olayını analiz eden ve belirli bir jestle eşleşip eşleşmediğini belirleyen soyut bir sınıf.

import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let swipeLeft = UISwipeGestureRecognizer(
            target: self,
            action: #selector(handleSwipe)
        )
        swipeLeft.direction = .left
        view.addGestureRecognizer(swipeLeft)
    }

    @objc func handleSwipe(sender: UISwipeGestureRecognizer) {
        print("Sola kaydır")
    }
}

UISwipeGestureRecognizer, yön (direction) ve parmak sayısı (numberOfTouchesRequired) yapılandırmasını destekler. Varsayılan olarak, bir parmak ve sağ yön gereklidir. Diğer yönleri tanımak için yönü açıkça belirtmeniz gerekir: .left, .up, .down.

Daha üst düzey bir API — UICollectionViewLayout, kaydırma eylemlerini destekler. iOS 11'den itibaren, tablolar ve koleksiyonlar UISwipeActionsConfiguration aracılığıyla yerleşik kaydırma eylemlerini destekler ve manuel jest işleme olmadan silme veya arşivleme düğmeleri eklemeye olanak tanır.

Android'de kaydırma uygulaması

Android'de, kaydırma işleme GestureDetector üzerinden kurulur — MotionEvents'i analiz eden ve ilgili geri çağırma yöntemlerini çağıran bir sınıf.

class SwipeActivity : AppCompatActivity() {
    private val swipeThreshold = 100

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val gestureDetector = GestureDetector(this, object : GestureDetector.SimpleOnGestureListener() {
            override fun onFling(
                e1: MotionEvent, e2: MotionEvent,
                velocityX: Float, velocityY: Float
            ): Boolean {
                val dx = e2.x - e1.x
                if (dx > swipeThreshold) {
                    println("Sağa kaydır")
                }
                return true
            }
        })
    }
}

GestureDetector'daki onFling yöntemi, kullanıcı parmağını ekran üzerinde hızla kaydırdığında çağrılır. Başlangıç ve bitiş koordinatlarını (e1, e2) ve hareket hızını (velocityX, velocityY) alır. Yönü belirlemek için X veya Y eksenindeki koordinat farkı karşılaştırılır.

AndroidX kitaplığı daha kullanışlı bir API sağlar: çekerek yenileme için ViewCompat.setSwipeRefreshLayout, listelerde kaydırma eylemleri için RecyclerView ile ItemTouchHelper. ItemTouchHelper, görsel geri bildirim — simge, arka plan rengi ve animasyon ile kaydırma işlevselliği eklemeye olanak tanır.

Web uygulamalarında kaydırma

Web geliştirmede, kaydırmaları işlemek için Touch Events API (touchstart, touchmove, touchend) olayları ve Hammer.js veya Swiper.js gibi sarmalayıcı kitaplıklar kullanılır.

let startX = 0;
let startY = 0;
const threshold = 50;

element.addEventListener("touchstart", (e) => {
    startX = e.touches[0].clientX;
    startY = e.touches[0].clientY;
});

element.addEventListener("touchend", (e) => {
    const dx = e.changedTouches[0].clientX - startX;
    const dy = e.changedTouches[0].clientY - startY;
    if (Math.abs(dx) > threshold) {
        console.log(dx > 0 ? "Sağa kaydır" : "Sola kaydır");
    }
});

Touch Events API — tarayıcıda jestleri işlemenin yerel bir yoludur. touchstart olayı başlangıç koordinatlarını kaydeder, touchmove hareketi izler, touchend sonucu belirler. Eşik değeri (threshold) rastgele dokunuşları filtreler.

Can I Use (2026)'ye göre, Touch Events API tarayıcıların %98'i tarafından desteklenmektedir. Karmaşık jest senaryoları için (birden çok kaydırma, yön tanıma), düşük seviyeli işlemeyi soyutlayan ve net bir API sağlayan Hammer.js kitaplığının kullanılması önerilir.

Kaydırma ile UX kalıpları

Kaydırma ile başarılı UX kalıpları, mobil arayüzlerin yıllar süren evrimi boyunca oluşmuştur. Bunların kullanımı, kullanıcının ek bir öğrenme olmadan jestin nasıl çalıştığını anlamasını sağlar.

“Swipe to Delete” kalıbı en yaygın olanıdır. Liste öğesinde sola kaydırmak, bir silme düğmesini ortaya çıkarır. iOS (SwipeActionsConfiguration) ve Android'de (ItemTouchHelper) standartlaştırılmıştır. Kullanıcılar sola kaydırmanın bir öğeyi sileceğini veya arşivleyeceğini bekler.

“Swipe to Go Back” kalıbı — önceki ekrana dönmek için ekranın sol kenarından kaydırma. iPhone X'ten sonra iOS'ta standart haline gelmiştir. Android'de benzer gezinme sistem jesti aracılığıyla çalışır. Kendi uygulamalarınızda bu sistem jestiyle çakışmamak önemlidir.

“Pull to Refresh” kalıbı — içeriği yenilemek için aşağı kaydırma. Loren Brichter tarafından Tweetie (2008) için icat edilmiş, şimdi milyonlarca uygulamada kullanılmaktadır. Her iki platformun standart bileşenlerinde uygulanmıştır.

• Geri bildirim — öğe parmakla birlikte hareket etmeli, kaydırma tamamlanmadan önce sonucu göstermelidir
• Jest çakışmaları — aynı öğede aynı anda yatay kaydırma ve kaydırmayı desteklemekten kaçının
• Keşfedilebilirlik — ilk kaydırma eylemlerine görsel bir ipucu eşlik etmelidir
• İptal — kullanıcı parmağını orijinal konumuna geri getirerek kaydırmayı iptal edebilmelidir