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/Human Interface Guidelines (Apple)
    UI/UX3 dk okuma

    Human Interface Guidelines (Apple)

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

    Human Interface Guidelines (Apple)

    İçindekiler

    HIG Nedir?Temel Tasarım İlkeleriClarity (Netlik)Deference (Saygı)Depth (Derinlik)iOS Tasarım StandartlarıNavigationTypographyColorsIcons - SF SymbolsSafe AreaTouch TargetsDark ModeDikkat Edileceklerİlgili Konular

    HIG Nedir?

    Human Interface Guidelines (HIG), Apple'ın iOS, iPadOS, macOS, watchOS ve visionOS platformları için tasarım ilkeleri ve standartlarıdır. Apple, App Store incelemesinde HIG uyumuna dikkat eder ve uyumsuz uygulamaları reddedebilir. 2026 itibarıyla HIG, visionOS (Apple Vision Pro) için de kapsamlı bölümler içermektedir.

    Temel Tasarım İlkeleri

    Clarity (Netlik)

    • Metin okunabilir boyutta ve kontrastta olmalı
    • İkonlar net ve anlaşılır olmalı
    • İşlevsellik tasarımda açıkça belirtilmeli
    • Kullanıcı her ekranda nerede olduğunu ve ne yapabileceğini anlamalı

    Deference (Saygı)

    • İçerik öne çıkmalı, UI arka planda kalmalı
    • Şeffaf ve bulanık arka planlar içeriğe odaklanmayı sağlar
    • Gereksiz görsel karmaşıklıktan kaçın
    • Chromatic (renkli) dekorasyonlar yerine içerik odaklı tasarım tercih et

    Depth (Derinlik)

    • Katmanlar ve hareketler mekânsal ilişkileri gösterir
    • Gesture tabanlı navigasyon doğal hisseder
    • Görsel hiyerarşi ile öncelik belirle
    • Parallax efektleri ve layered UI ile derinlik hissi yarat

    iOS Tasarım Standartları

    Navigation

    • Tab Bar: 2-5 tab, ana bölümler için; iOS 18 ile özelleştirilebilir tab bar
    • Navigation Bar: Hiyerarşik gezinme, geri butonu, large title desteği
    • Modal: Geçici görevler için (ödeme, form, onay); sheet presentation style tercih edilir
    • Sidebar: iPadOS ve büyük ekranlarda UISplitViewController ile yan menü

    Typography

    • San Francisco fontu (sistem fontu); SF Pro (iOS/macOS), SF Compact (watchOS)
    • Dynamic Type desteği (kullanıcı font boyutunu değiştirebilir)
    • Minimum 11pt görüntüleme metni
    • Text Styles: Large Title, Title 1-3, Headline, Body, Callout, Subhead, Footnote, Caption 1-2
    • 2026 itibarıyla variable font desteği ve otomatik optical sizing

    Colors

    • Sistem renkleri Dark/Light mode'da otomatik değişir
    • Yeterli kontrast oranı (WCAG AA: 4.5:1 metin için, 3:1 büyük metin)
    • Renk körü (color blind) dostu tasarım
    • Semantic Colors: label, secondaryLabel, systemBackground, secondarySystemBackground
    • Tint color ile marka kimliği yansıtılabilir

    Icons - SF Symbols

    • SF Symbols kütüphanesi (5000+ ikon, 2026 itibarıyla SF Symbols 6)
    • Tutarlı stil, otomatik boyutlandırma
    • Dynamic Type ile uyumlu
    • 9 ağırlık x 3 ölçek = 27 varyant
    • Renk modları: monochrome, hierarchical, palette, multicolor
    • Custom SF Symbol oluşturma desteği

    Safe Area

    • Notch, Dynamic Island ve Home Indicator bölgelerini koru
    • SafeAreaInsets kullan; additionalSafeAreaInsets ile özelleştir
    • İçerik bu bölgelere girmemeli
    • Landscape modda da safe area'yı dikkate al
    • iPhone 16 serisi ve Dynamic Island için üst safe area kritik

    Touch Targets

    • Minimum 44x44pt dokunma alanı
    • İnteraktif elementler arasında yeterli boşluk (en az 8pt)
    • Parmak büyüklüğünü dikkate al; kenar bölgelere küçük target koyma

    Dark Mode

    • Karanlık arka plan + açık metin
    • Elevated surfaces daha açık tonlarda (systemBackground → secondarySystemBackground)
    • Şeffaflık ve blur efektleri
    • Tüm görseller ve ikonlar her iki modda çalışmalı
    • SF Symbols otomatik uyum sağlar, custom asset'ler için Asset Catalog kullan

    Dikkat Edilecekler

    • Sistem gesture'larına müdahale etme (edge swipe = geri)
    • Loading state'lerde skeleton veya activity indicator kullan
    • Empty state'ler bilgilendirici olsun
    • Hata mesajları net ve çözüm odaklı olsun
    • Privacy: Kamera, konum, mikrofon izinlerini kullanım anında açıklamalı olarak iste
    • iOS 18+ ile Control Center widget'ları ve Lock Screen widget'ları da HIG kapsamında

    HIG'i okumak zaman alır ama Apple review'inden geçiş şansınızı ve kullanıcı deneyimi kalitesini önemli ölçüde artırır. HIG uyumlu uygulamalar App Store'da öne çıkarılma şansı daha yüksektir.

    İlgili Konular

    • Gesture Navigation (Hareket Navigasyonu)
    • Apple App Review Guidelines
    • App Store Connect Rehberi

    Bu içeriği nasıl buldunuz?

    Paylaş

    ← Önceki

    Material Design (Google)

    Sonraki →

    Onboarding Patterns

    İlgili İçerikler

    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.

    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