Mobile App Wiki

Mobile App Wiki

mobileapp.wiki

Ana Sayfa

Kategoriler

mobileapp.wiki

Mobile App Wiki

Mobil uygulama geliştirme bilgi tabanı

GizlilikAna SayfaSitemapRSS
© 2026 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.

onboardingilk kullanımuxretentiontutorialprogressivepersonalizationaha moment

İç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 makaleyi nasıl buldunuz?

Paylaş

← Önceki

Human Interface Guidelines (Apple)

Sonraki →

Material Design (Google)

İlgili Makaleler

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ı.