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/Onboarding Patterns
    UI/UX3 dk okuma

    Onboarding Patterns

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

    Onboarding Patterns

    İçindekiler

    Onboarding Nedir?Onboarding Türleri1. Feature Highlights (Özellik Tanıtımı)2. Progressive (Adım Adım)3. Empty State4. Progressive Disclosure5. Personalizationİyi Onboarding İlkeleri1. Hızlı Olma2. Aksiyona Yönlendir3. Skip İmkânı Sun4. Değer KanıtlaÖnemli KararlarKayıt Ne Zaman?İzinler Ne Zaman?Platform FarklarıiOSAndroidÖlçümİlgili Konular

    Onboarding Nedir?

    Onboarding, kullanıcının uygulamayı ilk açtığından itibaren değeri anlamasını ve "aha moment"a ulaşmasını sağlayan süreçtir. İyi onboarding D1 retention'ı %20-50 artırabilir. 2026 itibarıyla en başarılı uygulamalar, kişiselleştirilmiş ve aksiyona dayalı onboarding tercih etmektedir.

    Onboarding Türleri

    1. Feature Highlights (Özellik Tanıtımı)

    • 3-5 ekranlık slider
    • Her ekranda bir özellik/değer
    • Skip butonu olmalı
    • En yaygın ama en az etkili yöntem
    • Kullanıcılar genellikle okumadan atlıyor

    2. Progressive (Adım Adım)

    • Kullanıcıyı adım adım yönlendirir
    • Gerçek uygulama üzerinde tooltip/spotlight
    • Kullanıcı yaparak öğrenir
    • Daha etkili; Duolingo, Notion örnek gösterilebilir

    3. Empty State

    • Boş sayfa ile başla
    • "İlk [X]'ini oluştur" mesajı
    • Kullanıcıyı ilk aksiyona yönlendir
    • Doğal ve zorlama hissettirmez

    4. Progressive Disclosure

    • Tüm özellikleri bir anda gösterme
    • Kullanıcı ilerledikçe yeni özellikler aç
    • Karmaşık uygulamalar için ideal
    • Slack, Figma bu yöntemi kullanır

    5. Personalization

    • Başta tercihler sor (ilgi alanı, hedef, seviye)
    • Deneyimi kişiselleştir
    • Yatırım hissi yaratır (IKEA etkisi)
    • Spotify, TikTok, Pinterest örnek gösterilebilir

    İyi Onboarding İlkeleri

    1. Hızlı Olma

    • 60 saniyede değeri göster
    • Gereksiz bilgi sorma
    • Her ekstra adım kayba neden olur (%20 drop-off her adımda)

    2. Aksiyona Yönlendir

    • Pasif izletme değil, aktif katılım
    • "Hadi dene!" yaklaşımı
    • İlk başarı hissini ver

    3. Skip İmkânı Sun

    • Deneyimli kullanıcılar için atlama seçeneği
    • Zorla tamamlatma → frustration
    • Daha sonra tekrar gösterebilirsin

    4. Değer Kanıtla

    • "Bu uygulama senin için ne yapacak?" sorusuna cevap ver
    • Özellik listesi değil, fayda odaklı anlatım
    • Öncesi/sonrası göster

    Önemli Kararlar

    Kayıt Ne Zaman?

    • Hemen: Kişiselleştirme gerekiyorsa
    • Sonra: Değeri önce göster, kayıt sonra iste (bu yaklaşım genellikle daha iyi dönüşüm sağlar)
    • Gecikmeli: Belirli bir özellik için kayıt gerektiğinde

    İzinler Ne Zaman?

    • Contextual: Özellik kullanılacağı anda sor
    • ASLA hepsini bir anda sorma
    • Neden gerektiğini açıkla (pre-permission screen)
    • iOS'ta izin reddedilirse Settings'e yönlendirme yap

    Platform Farkları

    iOS

    • App Tracking Transparency (ATT) izni onboarding'de sorulmamalı; değeri gösterdikten sonra sor
    • Sign in with Apple zorunlu olabilir (diğer social login varsa)
    • Push notification izni için pre-permission screen kullan

    Android

    • Runtime permissions (Android 13+): Bildirim izni ayrı istenmeli
    • Google One Tap sign-in entegrasyonu kolay onboarding sağlar
    • Adaptive Icons ve themed icons ile tutarlı görünüm

    Ölçüm

    • Onboarding tamamlama oranı
    • Her adımın drop-off'u
    • Onboarding → ilk aksiyon süresi
    • D1 retention (onboarding değişikliği öncesi vs sonrası)
    • Time to value (değeri görme süresi)
    • Onboarding sonrası core action yapma oranı

    Onboarding, uygulamanızın "ilk izlenim"idir. Bu 60 saniyeyi optimize etmek, diğer tüm metrikleri iyileştirir.

    İlgili Konular

    • Retention Rate (Tutundurma Oranı)
    • Conversion Rate (Dönüşüm Oranı)
    • TikTok & Reels ile Uygulama Tanıtımı

    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.

    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.

    Navigation Patterns (Navigasyon Kalıpları)

    Mobil uygulamalarda navigasyon kalıpları rehberi. Tab bar, stack, drawer, bottom sheet ve modal kullanım kriterleri ve platform farkları.

    Android Kapalı Test

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

    androidtesti.com