Mobile App WikiMobile App Wiki
WikiApp DiscoverDiscuss

Wiki

    mobileapp.wiki

    Wiki

    • ASO17
    • Monetizasyon14
    • Mağaza Politikaları20
    • Metrikler15
    • Geliştirme25
    • Pazarlama15
    • Hukuk9
    • UI/UX14
    • Test & QA10
    • Altyapı10

    mobileapp.wiki

    Ana Sayfa/UI/UX/Haptic Feedback
    UI/UX3 dk okuma

    Haptic Feedback

    Dokunsal geri bildirim (haptic feedback) rehberi. iOS UIFeedbackGenerator, Android HapticFeedbackConstants, React Native kütüphaneleri ve kullanım.

    Haptic Feedback

    İçindekiler

    Haptic Feedback Nedir?Neden Önemli?iOS Haptic TürleriUIImpactFeedbackGeneratorUINotificationFeedbackGeneratorUISelectionFeedbackGeneratorCore Haptics (Gelişmiş)Android HapticHapticFeedbackConstantsVibrationEffect APIHaptic Feedback KısıtlamalarıNe Zaman Kullanılmalı?KullanKullanmaReact Native / ExpoUygulama ÖrnekleriBest Practicesİlgili Konular

    Haptic Feedback Nedir?

    Kullanıcının dokunmasına karşılık cihazın fiziksel titreşim ile geri bildirim vermesi. Buton tıklama, kaydırma, başarı/hata gibi durumlarda kullanılır. 2026 itibarıyla Apple'ın Taptic Engine ve Android'in gelişmiş haptic API'ları sayesinde çok daha hassas ve çeşitli dokunsal geri bildirim mümkündür.

    Neden Önemli?

    • Etkileşimlere fiziksel gerçeklik katar
    • Kullanıcı aksiyonunun gerçekleştiğini onaylar
    • Premium hissiyat yaratır
    • Accessibility: görsel olmayan geri bildirim
    • Kullanıcı memnuniyetini artırır (özellikle oyunlar ve finans uygulamalarında)
    • Dokunmatik klavyelerde yazma deneyimini iyileştirir

    iOS Haptic Türleri

    UIImpactFeedbackGenerator

    • .light: Hafif dokunma (toggle, küçük buton)
    • .medium: Orta etki (buton tıklama, seçim)
    • .heavy: Güçlü etki (önemli aksiyon, silme)
    • .rigid: Sert, keskin (snap hissi)
    • .soft: Yumuşak (kaydırma)

    UINotificationFeedbackGenerator

    • .success: Başarılı işlem (ödeme, kayıt)
    • .warning: Uyarı
    • .error: Hata

    UISelectionFeedbackGenerator

    • Picker, slider gibi seçim değişikliklerinde
    • Hafif "tick" hissi
    • Liste kaydırma sırasında öğe geçişlerinde

    Core Haptics (Gelişmiş)

    • CHHapticEngine ile özel haptic pattern oluşturma
    • Yoğunluk (intensity), süre (duration) ve keskinlik (sharpness) kontrolü
    • Transient ve continuous haptic event'ler
    • Audio-haptic senkronizasyonu
    • Oyun ve müzik uygulamaları için ideal

    Android Haptic

    HapticFeedbackConstants

    • LONG_PRESS: Uzun basma
    • VIRTUAL_KEY: Sanal tuş
    • CONFIRM: Onay (Android 11+)
    • REJECT: Red (Android 11+)
    • CLOCK_TICK: Saat tick'i
    • GESTURE_START / GESTURE_END: Gesture başlangıç/bitiş

    VibrationEffect API

    • Custom pattern oluşturma
    • Amplitude kontrolü (Android 8+)
    • VibrationEffect.createPredefined() ile önceden tanımlı efektler (Android 10+)
    • EFFECT_CLICK, EFFECT_DOUBLE_CLICK, EFFECT_HEAVY_CLICK, EFFECT_TICK

    Haptic Feedback Kısıtlamaları

    • Düşük segment Android cihazlarda haptic motor kalitesi düşük
    • iOS Taptic Engine çok daha hassas (Android'e kıyasla)
    • Android cihazlar arası tutarsızlık olabilir

    Ne Zaman Kullanılmalı?

    Kullan

    • Buton tıklamaları (özellikle önemli aksiyonlar)
    • Toggle switch değişimi
    • Slider değer değişimi (her adımda hafif tick)
    • Pull to refresh tetiklendiğinde
    • Başarılı/başarısız işlem bildirimi
    • Silme gibi geri döndürülmez aksiyonlar
    • Long press context menu açılışında
    • Snap noktalarına gelindiğinde (bottom sheet, carousel)

    Kullanma

    • Her dokunuşta (aşırı kullanım rahatsız eder)
    • Sürekli ve uzun titreşimler
    • Sessiz modda bile çalışan zorunlu titreşim
    • Arka plan bildirimlerinde (push ile yeterli)
    • Scroll sırasında sürekli titreşim

    React Native / Expo

    • expo-haptics: Expo'nun haptic kütüphanesi
      • impactAsync(ImpactFeedbackStyle.Light/Medium/Heavy)
      • notificationAsync(NotificationFeedbackType.Success/Warning/Error)
      • selectionAsync()
    • react-native-haptic-feedback: Daha gelişmiş kontrol
      • Daha fazla haptic türü
      • Custom pattern desteği
      • Android ve iOS farkları yönetilebilir

    Uygulama Örnekleri

    UygulamaKullanım
    Apple PayÖdeme onayında success haptic
    InstagramÇift tap beğenide medium impact
    iOS KeyboardHer tuşta hafif tick
    Apple MapsSlider ile zoom seviyesi değişimi
    iMessageMesaj gönderiminde hafif impact

    Best Practices

    • Hafif ve kısa tutun (200ms'den uzun titreşimden kaçının)
    • Kullanıcıya kapatma seçeneği sunun (ayarlar ekranında)
    • Her platform için uygun API kullanın
    • Eski cihazlarda graceful fallback (haptic yoksa sessizce devam et)
    • Accessibility ayarlarını dikkate alın
    • prepare() metodunu çağırarak latency'yi azaltın (iOS)
    • Haptic feedback'i ses efektleri ile birleştirmeyi düşünün

    Haptic feedback, görünmez ama hissedilir bir fark yaratır. Doğru kullanıldığında uygulamanızı "premium" hissettirir.

    İlgili Konular

    • Dark Mode
    • Widgets (iOS & Android)
    • Device Testing (Cihaz Testi)

    Bu içeriği nasıl buldunuz?

    Paylaş

    ← Önceki

    Human Interface Guidelines (Apple)

    Sonraki →

    Material Design (Google)

    İlgili İçerikler

    Human Interface Guidelines (Apple)

    Apple Human Interface Guidelines (HIG) tasarım ilkeleri rehberi. Clarity, deference, depth prensipleri, typography, renk sistemi ve erişilebilirlik.

    Material Design (Google)

    Google Material Design 3 (Material You) tasarım sistemi rehberi. Dynamic color, component kütüphanesi, elevation ve Android tasarım ilkeleri.

    Onboarding Patterns

    Mobil uygulama onboarding tasarım kalıpları rehberi. Feature highlight, progressive disclosure, personalization ve D1 retention artırma stratejileri.

    Accessibility (Erişilebilirlik)

    Mobil uygulama erişilebilirlik (a11y) rehberi. VoiceOver, TalkBack, Dynamic Type, WCAG standartları, kontrast oranları ve test araçları detayları.

    Dark Mode

    Karanlık tema tasarım ve implementasyon rehberi. iOS ve Android dark mode, OLED optimizasyonu, renk sistemi uyarlaması ve React Native entegrasyonu.

    Android Kapalı Test

    Android Kapalı Test hizmeti için androidtesti.com platformunu ziyaret edin.

    androidtesti.com