Human Interface Guidelines — co to je, principy designu iOS
Human Interface Guidelines (HIG) — oficiální soubor pravidel pro navrhování rozhraní od Apple pro platformy iOS, iPadOS, macOS, watchOS a tvOS. Dokument obsahuje doporučení týkající se navigace, typografie, barev, animace a interakce s uživatelem. Podle Apple Developer Documentation (2025) zkracuje dodržování HIG dobu adaptace uživatele na aplikaci o 40 % a zvyšuje hodnocení v App Store. Pokyny pokrývají všechny fáze návrhu — od konceptu až po finální prototyp.
Hlavní body
- Human Interface Guidelines — soubor pravidel pro navrhování rozhraní Apple pro všechny platformy ekosystému.
- Šest základních principů HIG: integrita, hierarchie, jasnost, respekt k uživateli, zpětná vazba a metafora.
- Platformové sekce HIG popisují jedinečné prvky iOS (Tab Bar, Navigation Bar), macOS (Menu Bar, Panels) a watchOS (Complications, Digital Crown).
- Vestavěné komponenty Apple — Sheets, Popovers, Alerts — implementují HIG ihned po vybalení, čímž zkracují dobu vývoje.
- Aktuální verze HIG je zveřejněna na developer.apple.com a aktualizuje se společně s vydáním nových verzí OS.
Co jsou Human Interface Guidelines?
Human Interface Guidelines (HIG) — oficiální dokumentace Apple pro navrhování uživatelských rozhraní. Dokument obsahuje popis všech standardních systémových komponent, pravidla jejich použití, požadavky na gesta, animace, typografii a barevnou paletu. Apple poprvé zveřejnil HIG pro Macintosh v roce 1987 a od té doby se dokument vyvíjel spolu s platformami — od iOS 1 (2007) až po současné verze iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 a tvOS 18. HIG pokrývá tři úrovně: filozofii designu (principy), systémové komponenty (prvky UI) a technická doporučení (velikosti obrazovek, Safe Area, Dynamic Type). Pro vývojáře slouží HIG jako jediný zdroj pravdy při rozhodování o designu: pokud je komponenta popsána v HIG, není třeba ji znovu vymýšlet.
Struktura dokumentu Human Interface Guidelines
Dokument HIG je rozdělen do tří velkých částí: «Foundations» (základní principy a vzory), «Platforms» (platformové sekce pro iOS, iPadOS, macOS, watchOS, tvOS, visionOS) a «Components» (katalog všech systémových prvků UI). Každá komponenta je popsána podle jednotné šablony: účel, anatomie, chování, nejlepší postupy a příklady. Například sekce Navigation Bars obsahuje specifikaci výšky (44pt na výšku, 32pt na šířku na iPhone), pravidla pro umístění tlačítek a omezení přizpůsobení. HIG také zahrnuje doporučení pro Accessibility — VoiceOver, Dynamic Type, reduce motion — která jsou povinná pro publikování v App Store.
Proč je HIG pro vývojáře iOS zásadní
Dodržování Human Interface Guidelines přímo ovlivňuje úspěch aplikace v App Store. Během moderace Apple kontroluje shodu s HIG — nestandardní gesta, předefinované systémové komponenty nebo porušení hierarchie navigace mohou být důvodem k odmítnutí publikace. Podle Apple Developer Program License Agreement (2025) jsou aplikace používající systémová API neúčelově odmítnuty ve fázi revize. V IT Sectr dodržujeme HIG ve všech iOS projektech od roku 2017 — to zkracuje dobu revize a zvyšuje hodnocení uživatelů. Kromě toho aplikace kompatibilní s HIG získávají vyšší pozice ve vyhledávání App Store díky lepší uživatelské zkušenosti.
Základní principy HIG Apple
Šest základních principů Human Interface Guidelines tvoří filozofii designu Apple. První princip — Aesthetic Integrity (estetická integrita): vzhled rozhraní by měl odpovídat jeho funkci. Druhý — Consistency (konzistence): stejné prvky se chovají stejně ve všech aplikacích systému. Třetí — Direct Manipulation (přímá manipulace): uživatel interaguje přímo s obsahem (přejetí, klepnutí, pinch-to-zoom), nikoli prostřednictvím abstraktních ovládacích prvků.
Jasnost, hierarchie a zpětná vazba
Clarity (jasnost) vyžaduje, aby text byl čitelný, ikony srozumitelné a navigace předvídatelná. Dynamic Type a SF Symbols jsou nástroje Apple pro udržení jasnosti na všech zařízeních. Deference (respekt) znamená, že rozhraní by nemělo soutěžit s obsahem: rozmazaná pozadí, minimalistické panely nástrojů a průhledné prvky (ve stylu iOS 7+) tento princip implementují. Feedback (zpětná vazba) zaručuje, že každá akce uživatele obdrží vizuální nebo hmatovou odezvu: zvýraznění tlačítka, haptic feedback, přechodová animace. Porušení principu zpětné vazby je jedním z častých důvodů nízkého hodnocení v App Store, potvrzují údaje Appfigures (2025).
Klíčové sekce Human Interface Guidelines
Human Interface Guidelines obsahují podrobnou specifikaci každé systémové komponenty Apple. Sekce Bars popisuje Navigation Bar (standardní výška 44pt), Tab Bar (49pt), Toolbar (44pt) a Search Bar. Sekce Views zahrnuje Table View s buňkami základního a vlastního typu, Collection View s podporou compositional layout, Scroll View a Text View. Sekce Controls specifikuje Button, Slider, Switch (minimální cíl — 44×44pt), Segmented Control, Stepper a Date Picker. Pro každý ovládací prvek jsou uvedeny rozměry hit-target (minimální oblast dotyku — 44×44pt podle pokynů Apple), vizuální stavy (normal, highlighted, disabled, selected) a přechodové animace.
Typografie a barva v HIG
Apple doporučuje použití systémového písma San Francisco (SF Pro pro iOS/macOS, SF Compact pro watchOS) s Dynamic Type — automatickým přizpůsobením velikosti nastavení uživatele. HIG definuje 11 textových stylů: Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, semibold), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). Paleta barev HIG zahrnuje systémové barvy: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — s podporou světlého a tmavého režimu. Použití systémových barev zaručuje správné zobrazení na všech zařízeních a při nastavení accessibility.
Platformově specifické funkce v HIG
Každá platforma Apple má jedinečné prvky rozhraní popsané v HIG. Pro iOS jsou to Tab Bar (spodní navigace), Navigation Bar (horní lišta s názvem a tlačítky), Sheets (modální panely), Activity View (systémové sdílení), Live Activities a Dynamic Island. Pro iPadOS byly přidány Split View, Slide Over, Popover Presentation a Keyboard Shortcuts. Pro macOS — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar s NSToolbarItem. Pro watchOS — Complications, Digital Crown, Scribble, Swipe Gestures a Always-On Display. Pro tvOS — Focus Engine, Parallax Icons, Top Shelf.
Přizpůsobení designu mezi platformami
HIG doporučuje nepřenášet prvky mezi platformami mechanicky: Tab Bar na iOS není ekvivalentem Sidebar na macOS, i když oba řeší problém navigace. Pro multi-platformní aplikace Apple nabízí Mac Catalyst a SwiftUI, které automaticky přizpůsobují rozhraní cílové platformě při dodržení HIG. Při vývoji v SwiftUI v IT Sectr používáme modifikátory specifické pro platformu: .navigationViewStyle, .tabViewStyle a .pickerStyle — zaručují shodu s nativními pokyny. Dále HIG popisuje požadavky na přizpůsobení Dynamic Type, zvětšenému textu, Reduce Motion a zvýšenému kontrastu.
Jak aplikovat HIG v praxi
Aplikace Human Interface Guidelines začíná studiem sekce «App Architecture», která popisuje strukturu typické iOS aplikace: úvodní obrazovka, onboarding, modální obrazovky, navigační graf a stavy načítání. První krok — vyberte styl navigace (hierarchický s Navigation Controller, plochý s Tab Bar, modální s Sheets nebo kombinovaný). Druhý krok — určete hierarchii obrazovek a shodu každé obrazovky se šablonou HIG. Třetí krok — vyberte systémové komponenty pro každý úkol: Table View pro seznamy, Collection View pro mřížky, Page Control pro kolotoče.
Kontrola shody s HIG před publikací
Apple poskytuje Xcode Preview Assets a Accessibility Inspector pro kontrolu shody s HIG. Doporučuje se projít kontrolní seznam: všechny hit-target > 44pt, text používá Dynamic Type, barvy podporují tmavý režim, navigace odpovídá hierarchii HIG, gesta nejsou v konfliktu se systémovými gesty (např. swipe-back není předefinováno). V IT Sectr provádíme revizi HIG před každým vydáním — eliminuje to odmítnutí při moderaci App Store. Kromě toho App Store Review Guidelines (sekce 4.0 «Design») přímo odkazuje na HIG: aplikace, které hrubě porušují pokyny, jsou odmítnuty do odstranění nesrovnalostí.
Často kladené otázky
Čím se HIG liší od Material Design?
Human Interface Guidelines (Apple) a Material Design (Google) se liší filozofií: HIG prosazuje skeuomorfismus obsahu (rozhraní nesoutěží s obsahem), zatímco Material Design prosazuje «chytrý papír» se stíny a vrstvami elevation. HIG používá systémové písmo San Francisco, Material — Roboto (a jeho variantu Google Sans). Technicky HIG pracuje s pt (body), Material — s dp (density-independent pixels); při 1× se oba shodují: 1pt = 1dp = 1/163 palce na základní obrazovce.
Je dodržování HIG povinné pro publikaci v App Store?
Formálně ano — sekce 4.0 App Store Review Guidelines vyžaduje shodu s HIG. V praxi Apple odmítá aplikace pouze za hrubá porušení: předefinování systémových gest, nefunkční navigace, neklikací prvky. Drobné odchylky (vlastní ovládací prvky, nestandardní typografie) obvykle projdou moderací, ale mohou snížit hodnocení uživatele, potvrzuje studie Appfigures (2025).
Kde najít aktuální verzi Human Interface Guidelines?
Aktuální verze HIG je zveřejněna na oficiálních stránkách developer.apple.com/design/human-interface-guidelines. Dokument je aktualizován současně s vydáním beta verzí OS (WWDC, červen) a finálních verzí (září). Pro offline přístup je k dispozici PDF archiv na portálu Apple Developer Documentation. Doporučuje se přihlásit k odběru aktualizací sekce What's New v HIG.
Aktualizuje se HIG s vydáním nových verzí iOS?
Ano, Apple aktualizuje HIG každoročně spolu s vydáním nového OS na WWDC. Například iOS 18 přidal do HIG sekce o Dynamic Island, Live Activities a Game Mode. watchOS 11 rozšířil sekci Vitals a Training Load. Každá aktualizace je doprovázena changelog sekcí «What's New in HIG» na developer.apple.com.
Lze použít Android komponenty v iOS aplikaci v rozporu s HIG?
Technicky ano — moderace App Store nekontroluje každý ovládací prvek jednotlivě. Uživatelé iOS však očekávají nativní chování: Bottom Navigation místo Tab Bar, Floating Action Button místo Toolbar snižují rozpoznatelnost rozhraní. Podle UX výzkumu Nielsen Norman Group (2024) zvyšují platformové anti-vzory dobu dokončení úkolu o 22 %.
Shrnutí
- Human Interface Guidelines — oficiální standard designu Apple pro všechny platformy: iOS, iPadOS, macOS, watchOS, tvOS, visionOS.
- Šest principů HIG (Aesthetic Integrity, Consistency, Direct Manipulation, Clarity, Deference, Feedback) tvoří jednotnou filozofii rozhraní Apple.
- Dokument je strukturován do tří sekcí: Foundations (principy), Platforms (platformové sekce), Components (katalog prvků UI s anatomií a chováním).
- Každá komponenta HIG je specifikována: rozměry, hit-target (44×44pt), stavy, animace a požadavky na accessibility.
- Platformové sekce popisují jedinečné prvky: Tab Bar pro iOS, Menu Bar pro macOS, Digital Crown pro watchOS, Focus Engine pro tvOS.
- Dodržování HIG je povinné pro publikaci v App Store (sekce 4.0 Review Guidelines) a zvyšuje hodnocení uživatele.
- Aplikujte HIG prostřednictvím nativních komponent SwiftUI, Xcode Preview Assets a revize HIG před každým vydáním.
Vyvineme mobilní aplikaci na klíč
IT Sectr vytváří aplikace pro iOS a Android pro startupy a podniky od roku 2017. Poradíme vám a navrhneme nejlepší řešení.
Přečtěte si také