Human Interface Guidelines — nedir, iOS tasarım ilkeleri

Human Interface Guidelines Nedir?

Human Interface Guidelines (HIG), kullanıcı arayüzleri tasarlamak için Apple'ın resmi belgeleridir. Belge, tüm standart sistem bileşenlerinin açıklamalarını, kullanım kurallarını, jestler, animasyonlar, tipografi ve renk paleti gereksinimlerini içerir. Apple, HIG'yi ilk olarak 1987'de Macintosh için yayınladı ve o zamandan beri belge, platformlarla birlikte gelişti — iOS 1'den (2007) mevcut sürümler iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 ve tvOS 18'e kadar. HIG üç seviyeyi kapsar: tasarım felsefesi (ilkeler), sistem bileşenleri (UI öğeleri) ve teknik öneriler (ekran boyutları, Safe Area, Dynamic Type). Bir geliştirici için HIG, tasarım kararları alırken tek doğru kaynak olarak hizmet eder: bir bileşen HIG'de tanımlanmışsa, onu yeniden icat etmeye gerek yoktur.

Human Interface Guidelines Belgesinin Yapısı

HIG belgesi üç büyük bölüme ayrılmıştır: «Foundations» (temel ilkeler ve kalıplar), «Platforms» (iOS, iPadOS, macOS, watchOS, tvOS, visionOS için platform bölümleri) ve «Components» (tüm sistem UI öğelerinin kataloğu). Her bileşen tek bir şablonda tanımlanır: amaç, anatomi, davranış, en iyi uygulamalar ve örnekler. Örneğin, Navigation Bars bölümü, yükseklik özelliklerini (iPhone'da dikeyde 44pt, yatayda 32pt), düğme yerleştirme kurallarını ve özelleştirme sınırlamalarını içerir. HIG ayrıca Erişilebilirlik — VoiceOver, Dynamic Type, hareket azaltma — için öneriler içerir ve bunlar App Store'da yayınlama için zorunludur.

HIG Neden Bir iOS Geliştiricisi İçin Kritiktir

Human Interface Guidelines'a uymak, bir uygulamanın App Store'daki başarısını doğrudan etkiler. Denetleme sırasında Apple, HIG uyumluluğunu kontrol eder — standart olmayan jestler, geçersiz kılınan sistem bileşenleri veya navigasyon hiyerarşisi ihlalleri reddedilme nedeni olabilir. Apple Developer Program License Agreement (2025)'ye göre, sistem API'lerini uygunsuz şekilde kullanan uygulamalar inceleme sırasında reddedilir. IT Sectr'de, 2017'den beri tüm iOS projelerinde HIG'yi takip ediyoruz — bu, inceleme süresini kısaltır ve kullanıcı puanlarını artırır. Ayrıca, HIG uyumlu uygulamalar, daha iyi kullanıcı deneyimi sayesinde App Store aramasında daha yüksek sıralamalar elde eder.

HIG Apple'ın Temel İlkeleri

Human Interface Guidelines'ın altı temel ilkesi Apple'ın tasarım felsefesini şekillendirir. Birinci ilke — Aesthetic Integrity (estetik bütünlük): arayüzün görünümü işleviyle eşleşmelidir. İkincisi — Consistency (tutarlılık): aynı öğeler, sistemin tüm uygulamalarında aynı şekilde davranır. Üçüncüsü — Direct Manipulation (doğrudan manipülasyon): kullanıcı, soyut kontroller aracılığıyla değil, içerikle doğrudan etkileşime girer (kaydırma, dokunma, sıkıştırma-yakınlaştırma).

Netlik, hiyerarşi ve geri bildirim

Clarity (netlik), metnin okunabilir, simgelerin anlaşılabilir ve navigasyonun tahmin edilebilir olmasını gerektirir. Dynamic Type ve SF Symbols, tüm cihazlarda netliği korumak için Apple'ın araçlarıdır. Deference (saygı), arayüzün içerikle rekabet etmemesi gerektiği anlamına gelir: bulanık arka planlar, minimalist araç çubukları ve şeffaf öğeler (iOS 7+ tarzında) bu ilkeyi uygular. Feedback (geri bildirim), her kullanıcı eyleminin görsel veya dokunsal bir yanıt almasını sağlar: düğme vurgulama, dokunsal geri bildirim, geçiş animasyonu. Geri bildirim ilkesinin ihlali, Appfigures verilerine (2025) göre App Store'da düşük puanların yaygın nedenlerinden biridir.

Human Interface Guidelines'ın Kilit Bölümleri

Human Interface Guidelines, her Apple sistem bileşeni için ayrıntılı özellikler içerir. Bars bölümü, Navigation Bar'ı (standart yükseklik 44pt), Tab Bar'ı (49pt), Toolbar'ı (44pt) ve Search Bar'ı tanımlar. Views bölümü, temel ve özel hücre türleriyle Table View, compositional layout desteğiyle Collection View, Scroll View ve Text View'ı içerir. Controls bölümü, Button, Slider, Switch (minimum hedef — 44×44pt), Segmented Control, Stepper ve Date Picker'ı belirtir. Her kontrol için hedef boyutları (Apple yönergelerine göre minimum dokunma alanı — 44×44pt), görsel durumlar (normal, vurgulanmış, devre dışı, seçili) ve geçiş animasyonları belirtilmiştir.

HIG'de Tipografi ve Renk

Apple, sistem yazı tipi San Francisco'nun (iOS/macOS için SF Pro, watchOS için SF Compact) Dynamic Type (kullanıcı ayarlarına otomatik boyut uyarlama) ile kullanılmasını önerir. HIG, 11 metin stili tanımlar: Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, yarı kalın), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). HIG renk paleti, sistem renklerini içerir: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — açık ve koyu tema desteğiyle. Sistem renklerinin kullanımı, tüm cihazlarda ve erişilebilirlik ayarlarında doğru görüntülemeyi garanti eder.

HIG'de Platforma Özgü Özellikler

Her Apple platformunun HIG'de tanımlanan benzersiz arayüz öğeleri vardır. iOS için bunlar Tab Bar (alt navigasyon), Navigation Bar (başlık ve düğmelerle üst çubuk), Sheets (modal paneller), Activity View (sistem paylaşımı), Live Activities ve Dynamic Island'dır. iPadOS için Split View, Slide Over, Popover Presentation ve Klavye Kısayolları eklenmiştir. macOS için — Menu Bar, Dock, Sheets, Panels, Sidebar, NSToolbarItem ile Toolbar. watchOS için — Complications, Digital Crown, Scribble, Kaydırma Jestleri ve Always-On Display. tvOS için — Focus Engine, Parallax Simgeler, Top Shelf.

Platformlar Arasında Tasarım Uyarlaması

HIG, öğelerin platformlar arasında mekanik olarak aktarılmamasını önerir: iOS'taki Tab Bar, macOS'taki Sidebar'a eşdeğer değildir, ancak her ikisi de navigasyon görevlerini çözer. Çok platformlu uygulamalar için Apple, HIG'yi takip ederken arayüzü hedef platforma otomatik olarak uyarlayan Mac Catalyst ve SwiftUI'yı sunar. IT Sectr'de SwiftUI ile geliştirirken platforma özgü değiştiriciler kullanırız: .navigationViewStyle, .tabViewStyle ve .pickerStyle — bunlar yerel yönergelere uygunluğu garanti eder. Ek olarak HIG, Dynamic Type, büyütülmüş metin, Hareket Azaltma ve artırılmış kontrasta uyum gereksinimlerini açıklar.

HIG Pratikte Nasıl Uygulanır

Human Interface Guidelines'ın uygulanması, tipik bir iOS uygulamasının yapısını (başlangıç ekranı, kullanıcıya tanıtma, modal ekranlar, navigasyon grafiği ve yükleme durumları) tanımlayan «App Architecture» bölümünün incelenmesiyle başlar. İlk adım, bir navigasyon stili seçmektir (Navigation Controller ile hiyerarşik, Tab Bar ile düz, Sheets ile modal veya birleşik). İkinci adım, ekran hiyerarşisini tanımlamak ve her ekranın HIG şablonuna uygun olduğundan emin olmaktır. Üçüncü adım, her görev için sistem bileşenlerini seçmektir: listeler için Table View, ızgaralar için Collection View, atlıkarıncalar için Page Control.

Yayınlamadan Önce HIG Uyumluluğunu Kontrol Etme

Apple, HIG uyumluluğunu doğrulamak için Xcode Preview Assets ve Accessibility Inspector sağlar. Bir kontrol listesi izlenmesi önerilir: tüm hedefler > 44pt, metin Dynamic Type kullanır, renkler koyu temayı destekler, navigasyon HIG hiyerarşisini takip eder, jestler sistem jestleriyle çakışmaz (örneğin, geri kaydırma geçersiz kılınmamıştır). IT Sectr'de, her sürümden önce HIG incelemeleri yaparız — bu, App Store denetiminde reddedilmeleri ortadan kaldırır. Ayrıca, App Store Review Guidelines (bölüm 4.0 «Design») doğrudan HIG'ye atıfta bulunur: yönergeleri ciddi şekilde ihlal eden uygulamalar, uygunsuzluklar giderilene kadar reddedilir.