Navigationsmuster für die Struktur von iOS-Apps
- iOS-Apps besitzen eine feste Hierarchiestruktur, wodurch Nutzer die Navigationsoptionen vorhersagen können.
- Navigationsmuster helfen Nutzern, ihre aktuelle und vorherige Position zu erkennen und zu verstehen, wie sie zurückkehren können.
Drilldown-Navigation
- Drilldown ist ein Muster zur schrittweisen Erkundung einer baumartigen Informationsstruktur und verwendet horizontale Übergangsanimationen.
- Es speichert keinen Zustand, und die Navigationsleiste zeigt den Titel des aktuellen Bildschirms an.
- Der Disclosure Indicator in einer Listenzeile zeigt an, dass man innerhalb der Hierarchie tiefer drillen kann.
Flache Navigation
- Flache Navigation teilt die Hierarchie auf der Root-Ebene und zeigt sie über eine Tab Bar an.
- Die Elemente der Tab Bar sind um die Hauptfunktionen der App herum organisiert und prägen die Erwartungen der Nutzer sowie ihr mentales Modell der App.
- Die Tab Bar wird auf dem gesamten App-Bildschirm immer angezeigt, außer wenn sie vorübergehend von einem modalen Sheet verdeckt wird.
Pyramidenmuster
- Das Pyramidenmuster ermöglicht einen schnellen Wechsel zwischen Geschwister-Views auf derselben Hierarchieebene, ohne zum übergeordneten Bildschirm zurückkehren zu müssen.
- Mithilfe horizontaler Wischgesten oder Buttons kann man innerhalb einer Medien-App zwischen Geschwister-Views wechseln.
Hub-and-Spoke-Muster
- Das Hub-and-Spoke-Muster eignet sich für große Sammlungen nicht zusammenhängender Elemente auf der obersten Ebene einer Hierarchie.
- Der iOS-Home-Bildschirm bietet als Hub einen verlässlichen „neutralen Zustand“ des Betriebssystems.
Overlay-Navigation
- Overlays verlangen die Aufmerksamkeit des Nutzers, und modale Overlays erfordern eine Nutzeraktion.
- High-Friction-Modals verlangen eine Entscheidung des Nutzers und fokussieren sich auf den Abschluss einer bestimmten Aufgabe.
- Low-Friction-Modals können leicht geschlossen werden, und Dialoge zur Benachrichtigung über eine einzelne Aufgabe sollten nach Möglichkeit vermieden werden.
Eingebettete Navigation
- Eingebettete Navigationsmuster erfordern besondere Aufmerksamkeit für das strenge Struktur- und Raummodell von iOS.
- Zustandsänderungen verändern die Position in der Hierarchie nicht, und man sollte sicherstellen, dass eine Zustandsänderung weder Hierarchie noch Modalität betrifft.
Schrittweise Navigation
- Das schrittweise Muster verbindet eine Folge von Bildschirmen in einem linearen Ablauf, etwa für Guided Tours, Einstellungsabläufe oder Onboarding-Tutorials.
- Schrittfolgen sollten in ein modales Overlay eingebettet sein und mit einem Abschließen- oder Schließen-Button enden.
Inhaltszentrierte Navigation
- Inhaltszentrierte Navigation versetzt Nutzer über Hyperlinks oder Buttons unmittelbar auf eine andere Seite oder in eine andere View.
- In iOS-Apps sollte dieses Muster vermieden werden, außer bei Hypertext, immersiven Spielen oder nichtlinearen Inhalten.
Meinung von GN⁺
- Dieser Artikel kann für iOS-App-Entwickler sehr nützlich sein und bietet wichtige Navigationsmuster zur Verbesserung der User Experience.
- Verschiedene Navigationsmuster wie Drilldown, flache Navigation und Pyramidenmuster tragen dazu bei, die Usability und Zugänglichkeit von Apps zu erhöhen.
- Insbesondere der Einsatz von modaler und Overlay-Navigation kann den Arbeitsfluss der Nutzer erheblich beeinflussen, weshalb Entwickler dies sorgfältig berücksichtigen sollten.
2 Kommentare
Hallo! Ich habe das auch erst erfahren, als ich diesen Artikel mit einem Kollegen geteilt habe: Nicht „Navigation“, sondern „Navigation“ gilt nach der koreanischen Rechtschreibung als Standardschreibweise. :) Da es sich um die Aussprache eines englischen Wortes handelt, ist es vielleicht etwas schwer zu sagen, was nun wirklich „richtig“ ist. Aber weil hier viele Leute mitlesen, dachte ich, ich hinterlasse vorsichtig einen Kommentar in der Hoffnung, dass es nach Möglichkeit in der Standardschreibweise geschrieben wird.
Dieser Beitrag ist eine von GPT-4 erstellte Zusammenfassung. GPT verwendet zwar meist „Navigation“, scheint aber gelegentlich auch „Naviagation“ gemischt zu benutzen. Ich habe das entsprechend korrigiert, haha.