Temporary Startscreen
Framework
-
1
-
3
-
5
-
6
Temporärer Startscreen
Der Startbildschirm ist der erste Eindruck der App und Ort für die Präsentation der Marke. Die folgenden Informationen zeigen, wie er aussieht:
Der Startbildschirm wird nach dem Öffnen der App angezeigt und verschwindet automatisch, sobald die App geladen wurde oder nach einer definierten Zeit, in der der Benutzer den angezeigten Text lesen können sollte. Wenn Sie lange Ladezeiten erwarten, verwenden Sie einen Ladespinner. Entwerfen Sie Ihren Startscreen wie ein Deckblatt. Das Logobalken-Feld kann entweder weiß sein, eine geeignete Deckkraft haben oder vollständig weggelassen werden.
Loading ...
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
Loading ...
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.
