Framework
-
1
-
3
-
5
-
6
Temporärer Startscreen
Optionale Transparenz
Unruhige oder farbige Hintergründe können das Lesen des Textes erschweren. Um dies zu vermeiden, können Sie den Titeltext auf einem weißen Logobalken-Feld platzieren.
Wählen Sie die Deckkraft für das Logobalken-Feld aus, die sowohl der Lesbarkeit Ihrer Textelemente als auch der gewünschten Sichtbarkeit des Hintergrundbildes entspricht, das durch das Logobalken-Feld angezeigt wird.
Login
Der Login-Screen wird nach dem temporären Startscreen angezeigt und nimmt die Farben des Startscreens auf.
Es enthält Eingabefelder und eine Login-Schaltfläche, Links zu rechtlichen Hinweisen, Haftungsausschluss und Datenschutz erscheinen am unteren Rand des Ansichtsfensters.
Details:
- die Eingabefelder und die Login-Schaltfläche befinden sich in einer Spalte.
- der Login-Buttons-Text ist „Login“.
Navigationsleiste
Die Navigationsleiste befindet sich oben im Ansichtsfenster.
Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.
Die bevorzugte Struktur des Balkens enthält:
- eine Pfeiltaste „zurück“ auf der linken Seite
- eine zentrierte Standort-ID
- das Menü oder einzelne Symbole (z. B. filtern, teilen, gefällt mir) auf der rechten oder linken Seite
Werkzeugleiste
Die Werkzeugleiste wird am unteren Rand des Ansichtsfensters platziert. Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.
Sie enthält Symbole mit Beschriftungen.
Die maximale Anzahl der angezeigten Werkzeuge beträgt 5.
Wenn es mehr als 5 Werkzeuge gibt:
- die 4 Hauptwerkzeuge werden angezeigt
- der Rest wird im 3-Punkte-Icon zusammengefasst
Menü
Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.
Menüstruktur:
- Logo zentriert an der Spitze
- „Schließen“-Symbol in der oberen rechten Ecke
- Menüelemente werden durch eine Zeile getrennt sind
- Menüelemente werden links ausgerichtet
- Pfeile der Menüpunkte rechts ausgerichtet
Links zum Impressum, Haftungsausschluss und Datenschutz befinden sich am unteren Rand des Ansichtsfensters.
Sprachauswahl
Empfehlung: Verwenden Sie die Sprachauswahl direkt nach dem Login-Screen, wenn der Benutzer die App zum ersten Mal öffnet.
Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.
Struktur der Sprachauswahl:
- „Schließen“ Symbol in der oberen rechten Ecke (nicht, wenn die Sprachauswahl direkt nach dem Anmeldebildschirm angezeigt wird)
- Sprachen sind durch eine Zeile getrennt
- Sprachen sind links ausgerichtet
- Pfeile der Sprachen sind rechts ausgerichtet
Links zum Impressum, Haftungsausschluss und Datenschutz befinden sich am unteren Rand des Ansichtsfensters.