Human Interface Guidelines — mi ez, iOS tervezési elvek

Mi az a Human Interface Guidelines?

Human Interface Guidelines (HIG) — az Apple hivatalos dokumentációja a felhasználói felületek tervezéséhez. A dokumentum tartalmazza az összes szabványos rendszerkomponens leírását, használatuk szabályait, a gesztusokra, animációra, tipográfiára és színpalettára vonatkozó követelményeket. Az Apple először 1987-ben publikálta a HIG-t Macintosh-ra, és azóta a dokumentum a platformokkal együtt fejlődött — az iOS 1-től (2007) a jelenlegi iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 és tvOS 18 verziókig. A HIG három szintet fed le: tervezési filozófiát (elvek), rendszerkomponenseket (UI-elemek) és technikai javaslatokat (képernyőméretek, Safe Area, Dynamic Type). A fejlesztő számára a HIG az egyetlen igazságforrásként szolgál a tervezési döntések meghozatalakor: ha egy komponens le van írva a HIG-ben, nem kell újra feltalálni.

A Human Interface Guidelines dokumentum szerkezete

A HIG dokumentum három nagy részre oszlik: «Foundations» (alapvető elvek és minták), «Platforms» (platformszekciók iOS, iPadOS, macOS, watchOS, tvOS, visionOS rendszerekhez) és «Components» (az összes rendszer UI-elem katalógusa). Minden komponens egységes sablon szerint van leírva: cél, anatómia, viselkedés, legjobb gyakorlatok és példák. Például a Navigation Bars szekció tartalmazza a magasság specifikációját (44pt portré módban, 32pt fekvő módban iPhone-on), a gombok elhelyezésének szabályait és a testreszabási korlátozásokat. A HIG tartalmazza az Accessibility-re vonatkozó javaslatokat is — VoiceOver, Dynamic Type, reduce motion — amelyek betartása kötelező az App Store-ban való publikáláshoz.

Miért kritikus a HIG az iOS-fejlesztő számára

A Human Interface Guidelines betartása közvetlenül befolyásolja az alkalmazás sikerét az App Store-ban. A moderálás során az Apple ellenőrzi a HIG-nek való megfelelést — a nem szabványos gesztusok, újradefiniált rendszerkomponensek vagy a navigációs hierarchia megsértése a publikáció elutasításának okai lehetnek. Az Apple Developer Program License Agreement (2025) szerint azok az alkalmazások, amelyek a rendszer API-kat nem rendeltetésszerűen használják, elutasításra kerülnek a felülvizsgálati szakaszban. Az IT Sectr-ben 2017 óta minden iOS-projektben betartjuk a HIG-t — ez lerövidíti a felülvizsgálati időt és növeli a felhasználói értékeléseket. Ezenkívül a HIG-kompatibilis alkalmazások magasabb pozíciókat érnek el az App Store keresésében a jobb felhasználói élménynek köszönhetően.

A HIG Apple alapelvei

Hat alapvető elv Human Interface Guidelines alakítja az Apple tervezési filozófiáját. Az első elv — Aesthetic Integrity (esztétikai integritás): a felület megjelenésének meg kell felelnie a funkciójának. A második — Consistency (következetesség): ugyanazok az elemek ugyanúgy viselkednek a rendszer összes alkalmazásában. A harmadik — Direct Manipulation (közvetlen manipuláció): a felhasználó közvetlenül lép interakcióba a tartalommal (csúsztatás, érintés, pinch-to-zoom), nem absztrakt vezérlőkön keresztül.

Világosság, hierarchia és visszajelzés

Clarity (világosság) megköveteli, hogy a szöveg olvasható, az ikonok érthetők és a navigáció kiszámítható legyen. A Dynamic Type és az SF Symbols az Apple eszközei a világosság fenntartásához minden eszközön. Deference (tisztelet) azt jelenti, hogy a felület nem versenyezhet a tartalommal: az elmosódott hátterek, minimalista eszköztárak és átlátszó elemek (iOS 7+ stílusban) valósítják meg ezt az elvet. Feedback (visszajelzés) garantálja, hogy a felhasználó minden művelete vizuális vagy tapintható választ kap: gomb kiemelése, haptikus visszajelzés, átmeneti animáció. A visszajelzés elvének megsértése az alacsony App Store-értékelések gyakori oka, az Appfigures (2025) adatai ezt megerősítik.

A Human Interface Guidelines kulcsszekciói

A Human Interface Guidelines tartalmazza az Apple minden rendszerkomponensének részletes specifikációját. A Bars szekció leírja a Navigation Bar-t (szabványos magasság 44pt), Tab Bar-t (49pt), Toolbar-t (44pt) és Search Bar-t. A Views szekció magában foglalja a Table View-t alap és egyedi típusú cellákkal, a Collection View-t compositional layout támogatással, a Scroll View-t és a Text View-t. A Controls szekció specifikálja a Button, Slider, Switch (minimális target — 44×44pt), Segmented Control, Stepper és Date Picker elemeket. Minden vezérlőhöz meg vannak adva a hit-target méretek (minimális érintési terület — 44×44pt az Apple irányelvei szerint), vizuális állapotok (normal, highlighted, disabled, selected) és átmeneti animációk.

Tipográfia és szín a HIG-ben

Az Apple a rendszerbetűtípus San Francisco (SF Pro iOS/macOS rendszerekhez, SF Compact watchOS-hez) használatát javasolja Dynamic Type-tal — a méret automatikus hozzáigazításával a felhasználó beállításaihoz. A HIG 11 szövegstílust határoz meg: 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). A HIG színpalettája rendszerszíneket tartalmaz: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — világos és sötét téma támogatásával. A rendszerszínek használata garantálja a helyes megjelenítést minden eszközön és accessibility beállításoknál.

Platformspecifikus jellemzők a HIG-ben

Minden Apple platformnak egyedi felületelemei vannak, amelyeket a HIG ír le. iOS esetében ezek a Tab Bar (alsó navigáció), Navigation Bar (felső sáv címmel és gombokkal), Sheets (modális panelek), Activity View (rendszerszintű megosztás), Live Activities és Dynamic Island. iPadOS esetében hozzáadásra került a Split View, Slide Over, Popover Presentation és Keyboard Shortcuts. macOS esetében — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar NSToolbarItem-mel. watchOS esetében — Complications, Digital Crown, Scribble, Swipe Gestures és Always-On Display. tvOS esetében — Focus Engine, Parallax Icons, Top Shelf.

Tervek adaptálása a platformok között

A HIG azt javasolja, hogy ne vigyük át mechanikusan az elemeket a platformok között: az iOS Tab Bar nem egyenértékű a macOS Sidebar-ral, bár mindkettő a navigáció problémáját oldja meg. Többplatformos alkalmazásokhoz az Apple Mac Catalyst és SwiftUI megoldásokat kínál, amelyek automatikusan hozzáigazítják a felületet a célplatformhoz, betartva a HIG-t. Az IT Sectr-ben SwiftUI-ben történő fejlesztéskor platformspecifikus módosítókat használunk: .navigationViewStyle, .tabViewStyle és .pickerStyle — ezek garantálják a natív irányelveknek való megfelelést. Ezenkívül a HIG leírja a Dynamic Type-hoz, nagyított szöveghez, Reduce Motion-hoz és megnövelt kontraszthoz való alkalmazkodás követelményeit.

Hogyan alkalmazzuk a HIG-t a gyakorlatban

A Human Interface Guidelines alkalmazása a «App Architecture» szekció tanulmányozásával kezdődik, amely leírja egy tipikus iOS-alkalmazás szerkezetét: indítóképernyő, onboarding, modális képernyők, navigációs gráf és betöltési állapotok. Első lépés — válassza ki a navigációs stílust (hierarchikus Navigation Controller-rel, lapos Tab Bar-ral, modális Sheets-szel vagy kombinált). Második lépés — határozza meg a képernyők hierarchiáját és az egyes képernyők HIG-sablonnak való megfelelését. Harmadik lépés — válassza ki a rendszerkomponenseket az egyes feladatokhoz: Table View listákhoz, Collection View rácsokhoz, Page Control karuszelekhez.

HIG-megfelelés ellenőrzése publikálás előtt

Az Apple Xcode Preview Assets és Accessibility Inspector eszközöket biztosít a HIG-nek való megfelelés ellenőrzéséhez. Javasolt egy ellenőrzőlista végigjárása: minden hit-target > 44pt, a szöveg Dynamic Type-ot használ, a színek támogatják a sötét témát, a navigáció megfelel a HIG-hierarchiának, a gesztusok nem ütköznek a rendszergesztusokkal (pl. a swipe-back nincs újradefiniálva). Az IT Sectr-ben minden kiadás előtt HIG-felülvizsgálatot végzünk — ez kiküszöböli az App Store-moderálás során történő elutasításokat. Ezenkívül az App Store Review Guidelines (4.0 «Design» szekció) közvetlenül hivatkozik a HIG-re: az irányelveket súlyosan megsértő alkalmazásokat elutasítják a meg nem felelések kijavításáig.