Das Design von iOS-Apps spielt eine herausragende Rolle für die Erstellung ansprechender und benutzerfreundlicher Erlebnisse für Millionen von Nutzern weltweit. Apple hat klare und umfassende Designrichtlinien entwickelt, die Designern und Entwicklern dabei helfen, konsistente und qualitativ hochwertige Benutzeroberflächen zu gestalten. In diesem Artikel werden die wichtigsten Aspekte der iOS-Designrichtlinien im Detail beleuchtet.
Farben
Farben können Botschaften ohne Worte vermitteln. Sie sind eine großartige Möglichkeit, Wichtigkeit, Fehler und Abschluss zu kommunizieren.
Bei der Auswahl der Farben für deine App sind einige wichtige Dinge zu beachten.
Farben für die Kommunikation
In Bezug auf das Design gilt: Je weniger Farbe du verwendest, desto besser. Ein rotes Symbol in einer App hat zum Beispiel mehr Gewicht und Bedeutung, wenn etwas nicht stimmt, während der Rest der App aus unkritischen Gründen auf Rot verzichtet.
Eine Primärfarbe ist entscheidend
iOS-Systemanwendungen verwenden jeweils eine Farbe, um interaktive Elemente effektiv darzustellen. So sind zum Beispiel alle wichtigen interaktiven Elemente in der Notizen-App in Gelb dargestellt. Wenn ein Benutzer eine potenzielle Funktion in einer bestimmten Farbe sieht, muss dieser nicht zweimal darüber nachdenken, ob es sich tatsächlich um eine Funktion handelt oder nicht.
Ästhetik und Klarheit
Die iOS-Designrichtlinien betonen die Bedeutung von Ästhetik und Klarheit. Klare, gut lesbare Schriftarten, ausreichender Kontrast und ausgewogene Leerflächen sind grundlegende Prinzipien, die die Lesbarkeit und Verständlichkeit von Inhalten verbessern.
Sensitivität für Berührungen
Buttons sind hier das A und O. Sie initiieren Aktionen und können in Form von Text oder einfachen Symbolen dargestellt werden. Glücklicherweise bietet Apple eine Reihe von einsatzbereiten Befehlen für die meisten Fälle, wenn man diese nicht selber gestalten möchte.
Navigation und Informationsarchitektur
Es wird erwartet, dass die Navigation durch eine App ein nahtloser Prozess ist. Die Nutzer scheinen nie viel darüber nachzudenken, bis sich etwas nicht richtig anfühlt oder sie sich tief in der App wiederfinden und versuchen, ihre Schritte zurückzuverfolgen, aber scheitern.
Um dieses Szenario zu vermeiden, solltest du die drei Hauptnavigationsarten befolgen, die iOS verwendet:
Hierarchische Navigation
Eine Auswahl pro Bildschirm, bis du am erwarteten Screen ankommst. Wenn du zurückgehst, landest du automatisch beim vorherigen Screen.
Flache Navigation
Wird beim Wechsel zwischen Inhaltskategorien verwendet. Diese Art von Navigation wird in fast jeder Musik-App verwendet.
Inhaltsdefinierte Navigation
Dieser Stil ist sehr kreativ. Man lernt, wie man navigiert, während man zu verschiedenen Screens navigiert. Besonders interaktive Apps, wie Spiele nutzen diese Art der Navigation.
Typografie
Die systemeigene Schriftart für iOS, San Francisco (SF), ist sehr ansprechend. Diese Schriftart sorgt für Klarheit und Lesbarkeit. Grundsätzlich kannst du auch jede andere Schriftart verwenden, aber San Francisco ist eine gute und bewährte Standardschrift.
Hier sind drei der wichtigsten Punkte, die du bei der Wahl der Schriftart berücksichtigen solltest:
Verwende die Schrift, um die wichtigen Dinge hervorzuheben
Kombiniere Schriftstärke, -größe und -farbe so, dass hervorstechende Dinge hervorgehoben werden und weniger wichtige Dinge in den Hintergrund rücken (Beachte hierbei aber immer die einwandfreie Lesbarkeit).
Eine einzige Schriftart für alle
Unter den Millionen Schriftarten findet man immer viele, welche man verwenden möchte. Doch davon wird abgeraten, da dies schnell dazu führt, dass die App unseriös wirkt und nicht den iOS Design-Richtlinien entspricht. Frage dich immer, welchen Vorteil dir eine weitere Schriftart bringt und ob sie wirklich benötigt wird.
Warum selbst gestalten, wenn es schon mitgeliefert wird?
Integrierte Textstile basieren auf Systemschriften und bieten Ihnen Vorteile gegenüber benutzerdefinierten Schriften, da sie wichtige typografische Funktionen nutzen, wie z. B. Dynamic Type, das die Laufweite und den Zeilenabstand für jede Schriftart automatisch anpasst.
Bildschirmgrößen und Ausrichtungen
Deine Nutzer möchten die App in jedem Kontext nutzen können. Es gibt viele verschiedene iOS-Geräte mit verschiedensten Auflösungen und Bildschirmgrößen. Auch müssen verschiedene Ausrichtungen (Hochformat/Querformat) berücksichtigt werden.
Wenn nicht anders eingestellt, wird sich der Inhalt auf dem Bildschirm rotieren sobald du dein Smartphone rotierst.
Bereits in der Konzeptphase muss man entscheiden, ob die App Hoch- und Querformat unterstützen soll. Hierfür sollten dann auch alle benötigten Elemente für die Ausrichtung definiert werden.
Fazit
Die Einhaltung der Designrichtlinien für iOS wird sich positiv auf Metriken, wie die Nutzerbindung und die Kundenzufriedenheit, auswirken. Deine Nutzer werden sich "zu Hause" fühlen, anstatt sich in einem fremden Land zu befinden, während sie deine App verwenden. Um eine große Nutzerbasis aufzubauen, ist es unerlässlich, Komfort zu vermitteln. Mache es deinen Nutzern so angenehmen wie möglich deine App zu nutzen und somit dauerhaft Nutzer für deine App zu gewinnen.
Weitere Informationen zur Gestaltung für iOS findest du in den Human Interface Guidelines von Apple.