Human Interface Guidelines — was ist das, iOS Designprinzipien

Was sind Human Interface Guidelines?

Human Interface Guidelines (HIG) ist die offizielle Dokumentation von Apple zum Entwerfen von Benutzeroberflächen. Das Dokument enthält Beschreibungen aller standardmäßigen Systemkomponenten, Regeln für deren Verwendung, Anforderungen an Gesten, Animationen, Typografie und Farbpalette. Apple veröffentlichte die HIG erstmals 1987 für Macintosh, und seitdem hat sich das Dokument mit den Plattformen weiterentwickelt — von iOS 1 (2007) bis zu den aktuellen Versionen iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 und tvOS 18. Die HIG deckt drei Ebenen ab: Designphilosophie (Prinzipien), Systemkomponenten (UI-Elemente) und technische Empfehlungen (Bildschirmgrößen, Safe Area, Dynamic Type). Für einen Entwickler dient die HIG als einzige Quelle der Wahrheit bei Designentscheidungen: Wenn eine Komponente in der HIG beschrieben ist, muss sie nicht neu erfunden werden.

Aufbau des Dokuments Human Interface Guidelines

Das HIG-Dokument ist in drei große Teile unterteilt: «Foundations» (grundlegende Prinzipien und Muster), «Platforms» (Plattformabschnitte für iOS, iPadOS, macOS, watchOS, tvOS, visionOS) und «Components» (Katalog aller System-UI-Elemente). Jede Komponente wird in einer einheitlichen Vorlage beschrieben: Zweck, Anatomie, Verhalten, bewährte Verfahren und Beispiele. Beispielsweise enthält der Abschnitt Navigation Bars Spezifikationen zur Höhe (44pt im Hochformat, 32pt im Querformat auf dem iPhone), Regeln zur Platzierung von Schaltflächen und Anpassungsbeschränkungen. Die HIG enthält auch Empfehlungen zur Barrierefreiheit — VoiceOver, Dynamic Type, reduzierte Bewegung — die für die Veröffentlichung im App Store verbindlich sind.

Warum HIG für einen iOS-Entwickler entscheidend ist

Die Einhaltung der Human Interface Guidelines wirkt sich direkt auf den Erfolg einer Anwendung im App Store aus. Bei der Moderation prüft Apple die Einhaltung der HIG — nicht standardmäßige Gesten, überschriebene Systemkomponenten oder Verstöße gegen die Navigationshierarchie können zur Ablehnung führen. Gemäß dem Apple Developer Program License Agreement (2025) werden Anwendungen, die System-API unsachgemäß verwenden, während der Überprüfung abgelehnt. Bei IT Sectr befolgen wir seit 2017 in allen iOS-Projekten die HIG — dies verkürzt die Überprüfungszeit und verbessert die Benutzerbewertungen. Darüber hinaus erzielen HIG-konforme Anwendungen aufgrund der besseren Benutzererfahrung höhere Platzierungen in der App Store-Suche.

Grundprinzipien von HIG Apple

Sechs grundlegende Prinzipien der Human Interface Guidelines prägen die Designphilosophie von Apple. Das erste Prinzip — Aesthetic Integrity (ästhetische Integrität): Das Erscheinungsbild der Oberfläche sollte ihrer Funktion entsprechen. Das zweite — Consistency (Konsistenz): Identische Elemente verhalten sich in allen Anwendungen des Systems gleich. Das dritte — Direct Manipulation (direkte Manipulation): Der Benutzer interagiert direkt mit dem Inhalt (Wischen, Tippen, Pin-to-Zoom) und nicht über abstrakte Steuerelemente.

Klarheit, Hierarchie und Feedback

Clarity (Klarheit) erfordert, dass Text lesbar, Symbole verständlich und die Navigation vorhersagbar ist. Dynamic Type und SF Symbols sind Apples Werkzeuge zur Aufrechterhaltung der Klarheit auf allen Geräten. Deference (Respekt) bedeutet, dass die Oberfläche nicht mit dem Inhalt konkurrieren sollte: unscharfe Hintergründe, minimalistische Symbolleisten und transparente Elemente (im Stil von iOS 7+) setzen dieses Prinzip um. Feedback (Rückmeldung) stellt sicher, dass jede Benutzeraktion eine visuelle oder taktile Reaktion erhält: Schaltflächenhervorhebung, haptisches Feedback, Übergangsanimation. Die Verletzung des Feedback-Prinzips ist eine der häufigsten Ursachen für niedrige Bewertungen im App Store, so Daten von Appfigures (2025).

Wichtige Abschnitte der Human Interface Guidelines

Human Interface Guidelines enthält detaillierte Spezifikationen für jede Apple-Systemkomponente. Der Abschnitt Bars beschreibt die Navigationsleiste (Standardhöhe 44pt), Tab-Leiste (49pt), Symbolleiste (44pt) und Suchleiste. Der Abschnitt Views umfasst die Tabellenansicht mit grundlegenden und benutzerdefinierten Zelltypen, die Sammlungsansicht mit Unterstützung für compositinales Layout, die Scrollansicht und die Textansicht. Der Abschnitt Controls spezifiziert Schaltfläche, Schieberegler, Schalter (minimales Ziel — 44×44pt), Segmentierte Steuerung, Schrittgeber und Datumsauswahl. Für jedes Steuerelement werden die Zielgrößen (minimale Berührungsfläche — 44×44pt gemäß Apple-Richtlinien), visuelle Zustände (normal, hervorgehoben, deaktiviert, ausgewählt) und Übergangsanimationen angegeben.

Typografie und Farbe in HIG

Apple empfiehlt die Verwendung der Systemschriftart San Francisco (SF Pro für iOS/macOS, SF Compact für watchOS) mit Dynamic Type — automatische Größenanpassung an die Benutzereinstellungen. HIG definiert 11 Textstile: Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, halbfett), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). Die HIG-Farbpalette umfasst Systemfarben: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — mit Unterstützung für helle und dunkle Oberflächen. Die Verwendung von Systemfarben gewährleistet die korrekte Anzeige auf allen Geräten und bei Barrierefreiheitseinstellungen.

Plattformspezifische Funktionen in HIG

Jede Apple-Plattform hat einzigartige Oberflächenelemente, die in HIG beschrieben sind. Für iOS sind dies Tab Bar (untere Navigation), Navigation Bar (obere Leiste mit Titel und Schaltflächen), Sheets (modale Panels), Activity View (Systemfreigabe), Live Activities und Dynamic Island. Für iPadOS kommen Split View, Slide Over, Popover Presentation und Keyboard Shortcuts hinzu. Für macOS — Menüleiste, Dock, Sheets, Panels, Sidebar, Symbolleiste mit NSToolbarItem. Für watchOS — Complications, Digital Crown, Scribble, Wischgesten und Always-On Display. Für tvOS — Focus Engine, Parallax-Symbole, Top Shelf.

Anpassung des Designs zwischen Plattformen

HIG empfiehlt, Elemente nicht mechanisch zwischen Plattformen zu übertragen: Die Tab Bar unter iOS ist nicht gleichbedeutend mit der Sidebar unter macOS, obwohl beide Navigationsaufgaben lösen. Für plattformübergreifende Anwendungen bietet Apple Mac Catalyst und SwiftUI an, die die Oberfläche automatisch an die Zielplattform anpassen und dabei HIG einhalten. Bei der Entwicklung mit SwiftUI bei IT Sectr verwenden wir plattformspezifische Modifikatoren: .navigationViewStyle, .tabViewStyle und .pickerStyle — sie gewährleisten die Einhaltung der nativen Richtlinien. Darüber hinaus beschreibt HIG die Anforderungen an die Anpassung an Dynamic Type, vergrößerten Text, reduzierte Bewegung und erhöhten Kontrast.

So wenden Sie HIG in der Praxis an

Die Anwendung der Human Interface Guidelines beginnt mit dem Studium des Abschnitts «App Architecture», der die Struktur einer typischen iOS-Anwendung beschreibt: Startbildschirm, Einführung, modale Bildschirme, Navigationsgraph und Ladezustände. Der erste Schritt ist die Wahl eines Navigationsstils (hierarchisch mit Navigation Controller, flach mit Tab Bar, modal mit Sheets oder kombiniert). Der zweite Schritt ist die Definition der Bildschirmhierarchie und die Sicherstellung, dass jeder Bildschirm der HIG-Vorlage entspricht. Der dritte Schritt ist die Auswahl von Systemkomponenten für jede Aufgabe: Table View für Listen, Collection View für Raster, Page Control für Karussells.

Überprüfung der HIG-Konformität vor der Veröffentlichung

Apple bietet Xcode Preview Assets und Accessibility Inspector zur Überprüfung der HIG-Konformität. Es wird empfohlen, eine Checkliste durchzugehen: alle Ziele > 44pt, Text verwendet Dynamic Type, Farben unterstützen dunkles Design, Navigation folgt der HIG-Hierarchie, Gesten kollidieren nicht mit Systemgesten (z.B. Wischen-zurück wird nicht überschrieben). Bei IT Sectr führen wir vor jeder Veröffentlichung eine HIG-Überprüfung durch — dies schließt Ablehnungen bei der App Store-Moderation aus. Darüber hinaus verweisen die App Store Review Guidelines (Abschnitt 4.0 «Design») direkt auf HIG: Anwendungen, die die Richtlinien grob verletzen, werden abgelehnt, bis die Verstöße behoben sind.