018 · Side-Round

Countdown. Studien

Zehn Varianten, wie die Freigabe-Frist visuell und zeitlich erzählt werden kann — gleiche Designsprache (Inter, 8 px, Salbei-Grün, warmes Papier), unterschiedliche Mechanik und Emotion. Jede Studie läuft einmal pro 10 Sek. durch (Demo-Geschwindigkeit; real wären es 60 Sek.).
Gemeinsame Regeln: Alle Studien starten in Salbei-Grün, wechseln bei ≤ 10 s auf Amber und bei ≤ 3 s auf Rot. Die Geste bleibt also gleich — nur die Form ändert sich. So kann der Nutzer dieselbe Information in unterschiedlichen Apps wiedererkennen, auch wenn die Bank das Signet wechselt.
01 / Balkenhorizontal · linear
2verify
Freigabe-Fenster
Verbleibend
Überweisung1.284,07 €
Balken · bürokratisch-klarHorizontaler Balken am oberen Rand. Schnell lesbar, neutral, wenig Emotion. Die R2/R4-Referenz — bewährt, aber austauschbar.
02 / Fadenvertikal · linear
2verify
Freigabe-Fenster
Verbleibend
Überweisung1.284,07 €
Faden · narrativVertikale Linie, die von oben nach unten schrumpft. Passt zum „Faden"-Motiv aus 017. Wirkt wie ein Fortschrittsstrahl eines Tropfens.
03 / Ringzirkulär · linear
2verify
Freigabe-Fenster
Sekunden
Überweisung1.284,07 €
Ring · klinisch-präziseDer SVG-Ring-Klassiker. Integriert Zahl + Visual. Fühlt sich nach „Timer in einer App" an — wirkt stark, aber erinnert leicht an Stoppuhren.
04 / Perlensequenziell · 60 Schritte
2verify
Freigabe-Fenster
Sekunden
Überweisung1.284,07 €
Perlen · gezählt60 kleine Punkte, jeder eine Sekunde. Erlischt von rechts nach links. Trockener Humor — man sieht die Zeit wirklich verschwinden.
05 / Raster2D · 60 Felder
2verify
Freigabe-Fenster
Sekunden
Überweisung1.284,07 €
Raster · Kalender-Anmutung4 × 15 Felder, ein Feld pro Sekunde. Fühlt sich wie ein Wochenkalender an — „noch 47 Zellen" liest anders als „noch 47 Sekunden". Distinktiv.
06 / Zahltypografisch · blinkend
2verify
Freigabe-Fenster
:
Minuten · Sekunden
Überweisung1.284,07 €
Zahl · typografischKein Graph, nur die Zahl als Held. Der Doppelpunkt blinkt wie eine alte Bahnhofsuhr. Maximale Reduktion — am ruhigsten, am leisesten, am ehrlichsten.
07 / Bogenhalbkreis · gauge
2verify
Freigabe-Fenster
verbleibend
Überweisung1.284,07 €
Bogen · Tank-AnzeigeHalbkreis-Gauge, liest wie eine Instrumentenanzeige im Auto. Passt zum Stellantis-Kontext subtil (Cockpit-Geste), ist aber generisch genug.
08 / AtemRhythmus · beschleunigt
2verify
Freigabe-Fenster
Herzschlag der App
Überweisung1.284,07 €
Atem · emotionalKein linearer Indikator — nur ein Puls, der schneller wird. Bei wenig Zeit schlägt er schneller und färbt sich rot. Sehr subtil, fast meditativ.
09 / Säulevertikal · flächig
2verify
Freigabe-Fenster
Verbleibend
Überweisung1.284,07 €
Säule · Sanduhr-AnmutungFlächige Säule, die von oben nach unten leert. Physische Metapher — Sand rinnt. Gut lesbar auch ohne Brille (45+).
10 / Rahmenräumlich · schrumpft
2verify
Freigabe-Fenster
Verbleibende Zeit Sekunden
Überweisung1.284,07 €
Rahmen · räumlichEin hauchfeiner Rahmen um den Zeit-Block zieht sich nach innen zusammen. Das Fenster „schließt sich" im wörtlichen Sinn. Metaphorisch stark.

Farbwechsel

≥ 10 s · Salbei

≤ 10 s · Amber

≤ 3 s · Rot

Alle Studien nutzen die gleichen drei Farbstufen. Einheitliches Vokabular — egal welche Form.

Mein Vorschlag zur Auswahl

Engere Auswahl: 02 Faden (passt zu 017), 06 Zahl (am ruhigsten), 08 Atem (emotional), 10 Rahmen (metaphorisch stark).

Für 45+: 09 Säule oder 06 Zahl — beide gut lesbar ohne Detailwahrnehmung.

Kombinierbar

Nichts spricht gegen Mix: z. B. 06 Zahl als Hauptanzeige plus 01 Balken als Haarlinie drunter. Oder 08 Atem auf dem Wartescreen, 02 Faden auf dem Transaktions-Screen.

Real wären die 60 Sekunden deutlich langsamer — hier zehnfach beschleunigt für die Vorschau.