UI Erklärung

Damit auch jeder nachvollziehen kann, wovon ich in meinen Blogbeiträgen rede, möchte ich hier kurz und knapp die grundlegenden Elemente eines typischen iOS User Interfaces erklären.

1. Statusbar
2. Navigation Bar / Navigationsleiste
3. Content
4. Bottom Bar

Statusbar

Die Statusbar befindet sich ganz oben auf dem Bildschirm und gibt grundlegende Informationen über das Gerät, die bestehenden Verbindungen, die Uhrzeit, den Akkuladezustand und andere wichtige Dinge.

Beispiel:

Navigation Bar / Navigationsleiste

Diese Leiste befindet sich direkt unter der Statusbar und ermöglicht es euch durch die Hierarchie (Ebenen) der jeweiligen Anwendung zu navigieren und gegebenenfalls Bedienelemente an-, um- oder neu zu ordnen.

Die Leiste besteht in der Regel aus einen "Zurück Button" (hier "Groups"), dem Titel der Momentanen Ebene (hier "All Contacts") und einem weiteren Button für das Bearbeiten oder Hinzufügen von Einträgen (hier "+").

Beispiel:

Content
Die eigentliche Information die dargestellt werden soll.

Bottom Bar

Die Bottom Bar kann sowohl eine Toolbar oder auch eine Tap Bar sein und befindet sich am untersten Rand des Bildschirmes.

Über die Toolbar werden verschiedene Aktionen kontrolliert, die den Bildschirminhalt/das angewählte Objekt (Content) verändern oder beeinflussen.

Beispiel (Toolbar der Mail App):

Eine Tap Bar hingegen ermöglicht das Umschalten zwischen verschiedenen Unterkategorien, Ansichten oder Modi.

Beispiel (Tapbar der Uhr App):

Falls Ihr noch irgendwelche Fragen oder Anmerkungen hierzu haben, hinterlasst einfach einen Kommentar und ich werde sehen was ich tun kann ;)




Bilder: Apple