035 / Landscape

Landscape-Ansicht.

Drei Beispielscreens im Querformat — wie sich die App verhält, wenn das Telefon gedreht wird. Layout zerfällt in zwei Spalten: linker Fokus, rechter Kontext.
Natalya (29. Apr): „könnte unsere liebe KI mir eine Landscape-Ansicht für unsere App vorschlagen?" — Vorschlag: Querformat ist kein Pflicht-Modus für eine 2FA-App, aber wenn unterstützt, dann mit klarer Funktionstrennung in zwei Spalten. Hochformat bleibt der primäre Modus.
01 Transaktion · Übersicht

Freigabe-Bildschirm im Querformat

Links: Was und an wen (Betrag dominant, Empfänger, Verwendung). Rechts: Wann (Timer) und Aktionen (Ablehnen / Freigeben). Daumen erreicht beide Buttons in der rechten Spalte.
01
Stellantis · 2FA×
Überweisung
1.284,07 €
Helene Krüger-AchterbergDE40 1234 5678 9012 3456 99
VerwendungMiete April 2026
AusführungNächstmöglich
KontoDE89 …7890
Verbleibend
00:47
BankStellantis
GerätiPhone 15
PushAktiv

Layout-Spec · 01

Split
50 / 50
Links
Inhalt (lesen)
Rechts
Aktion (handeln)
CTA
rechte Spalte unten
Höhe
360 px (iPhone 15 Landscape ohne Notch-Crop)

In Hochformat sind Inhalt und Buttons gestapelt; in Querformat trennt eine 1-px-Linie die Lese- von der Aktions-Spalte. Beide Daumen liegen im Aktionsbereich.

21 Einrichten · Falsche PIN

PIN-Eingabe-Fehler im Querformat

Links: Status + Fehlerhinweis (was ist passiert, was tun). Rechts: Tastatur (selten benutzt im Querformat — aber wenn ja, mit Daumen erreichbar). Fehlerbanner ersetzt den Hilfetext.
21
Stellantis · 2FA⚙
Schritt 3 von 5 · Neue PIN
PIN nochmal
eingeben.
Stimmt nicht überein. Versuche es erneut.

Layout-Spec · 21

Split
50 / 50
Links
Status + PIN-Anzeige
Rechts
Numpad 3 × 4
Fehler
roter Banner statt Hint
PIN-Punkte
rot eingefärbt

Fehler ist nicht laut. Nur der Hilfstext und die PIN-Farbe wechseln auf Rot — kein Modal, kein Toast. Tastatur bleibt aktiv, User kann sofort korrigieren.

31 Einrichten · Wartescreen

Setup läuft — Querformat mit Schritt-Liste

Links: Beruhigender Status (Pulse + Text). Rechts: Was wird gerade gemacht (Schritt-Liste mit Done-Now-Next-Indikatoren). Im Hochformat fehlt die Liste — in Querformat lohnt sich der Platz für Transparenz.
31
EINRICHTUNG · 4 / 5

Einen Moment
noch.

Dein Gerät wird mit der Stellantis Direktbank verbunden. Schließe diesen Bildschirm bitte nicht.

✓
Kundennummer geprüftSTEP 01 · 0.4 s
✓
Aktivierungscode bestätigtSTEP 02 · 0.7 s
✓
Schlüssel erzeugtSTEP 03 · 1.2 s
●
Mit Bank verbunden …STEP 04 · läuft

Layout-Spec · 31

Split
50 / 50
Links
Beruhigung (1 Punkt)
Rechts
Transparenz (5 Schritte)
Pulse
2 400 ms · ease-in-out
Now-Icon
blink scale 1 → 1.12

Hochformat: nur Pulse + Text (kein Platz für Schritt-Liste). Querformat: Liste rechts als Bonus — User sieht, was passiert. Reduziert Abbruch-Rate bei langsamem Netz.

Allgemein: Querformat ist für 2FA-Apps unüblich — viele Banking-Apps sperren es bewusst. Wenn unterstützt, dann nach diesem Schema: Lese-Spalte links (Inhalt, Status), Aktions-Spalte rechts (Buttons, Eingabe). Splitter ist 1 px Hairline mit 6 % Navy-Alpha — kaum sichtbar, aber strukturierend.