FLA – UX/UI Pattern Proposal v4: Process Navigation & Updated Summary Panel
Updated: v7 Summary Panel (paired fields, affordability, validation, documents, history, comments, notes) · Grouped Actions · Priority
Screen Draft A — Standard Mid-Step (with all 3 changes applied)
FLA – Antrag / Antragsdaten / Kreditnehmer — mid-step (AK1 rule) — v2 with changes
finnova. TESTSYSTEM
FLA Testautomation User ▾
Weisskopf Senior AG 402.840 High
CHANGED
Prozess-Aktionen
AWB erstellen
Kreditvorlage generieren
Offerte erstellen
Pricing
Pricing übermitteln
Pricing öffnen
Verwaltung
Status-Historie anzeigen
Versionen vergleichen
Entscheide anzeigen
Dokumente
Dossier öffnen
Unterlagen verwalten
Export / Drucken
Kreditnehmer-Daten
Name
Vorname / Zusatz
Strasse / Nr.
PLZ / Ort
Land
Weitere Informationen
Anzahl Mitarbeiter
UID-Nummer
UPDATED v4
Zusammenfassung
402840/001/0001
expand_more
Antrags-Nr.
113722
Zweck / Geschäftstyp
Investitionen / Spezial
Finanzierungsspezialist
Andreas Graf
Antragsteller
FLA Testautomation User
Status
In Erfassung 80%
Priority
High · 15.06
Grundlaufzeit
21.01.2032
Fälligkeitsdatum
15.06.2026
Kreditzweckexpand_more
Refinancing review for existing mortgage — client requests rate adjustment and term extension to align with current market conditions.
Affordability
72%expand_more
Loan Amount
400'000 CHF
was: 391'200
Credit Limit
620'000 CHF
Annual Income
CHF 127'500
verified ✓
Annual Expenses
CHF 48'000
CHF 4'000/mo
Credit Score
Pending
Debt-to-Income
31.4%
target <33%
WÄHRUNGEN
USD zu CHF0.89350 · 01.09.2023
Validation
3expand_more
circle
Monthly expenses breakdown
Financial section
warning
Credit score verification
Financial section
circle
Missing ID document
Documents section
Dokumente
4/6expand_more
check
Personalausweis
Verifiziert · 12.03.2026
check
Lohnausweis 2025
Verifiziert · 14.03.2026
check
Grundbuchauszug
Verifiziert · 10.03.2026
check
Steuererklärung 2024
Verifiziert · 14.03.2026
circle
Betreibungsauszug
Ausstehend
warning
Versicherungsnachweis
Abgelaufen · erneuern
Antragshistorie
historyexpand_more
Versionen
17.04v3 — Kreditlimite angepasst
10.04v2 — Betrag erhöht
01.03v1 — Antrag erstellt
Status
17.04In Erfassung
10.04Entwurf
01.03Neu erstellt
open_in_new Vollständige Historie
Kommentare 3expand_more
Andreas Graf17.04.2026
Kreditlimite auf 620'000 CHF angepasst.
Maria Müller10.04.2026
Betrag auf Wunsch des Kunden erhöht.
Andreas Graf01.03.2026
Antrag erstellt nach Erstgespräch.
chat Alle Kommentare
Interne Notizen 1expand_more
Kunde hat bereits Beziehung mit der Bank seit 2018. Sicherheiten wurden intern geprüft. Empfehlung zur Genehmigung unter Standardbedingungen.
edit Bearbeiten
Kontextinformationen
gavelDecisionschevron_right pending_actionsPendencieschevron_right folderDossierchevron_right ruleRuleschevron_right local_offerOfferchevron_right articleCredit Clauseschevron_right assignmentETPchevron_right checklistRequirementschevron_right

Antragshistorie — 113722

edit
17.04.2026 · 14:32
v3 — Kreditlimite angepasst
620'000 CHF · Andreas Graf
sync
17.04.2026 · 14:30
Status: Entwurf → In Erfassung
System
arrow_upward
10.04.2026
Priorität: Normal → High
Andreas Graf
edit
10.04.2026
v2 — Betrag erhöht
400'000 CHF · Andreas Graf
sync
05.03.2026
Status: Neu erstellt → Entwurf
Maria Müller
add
01.03.2026
v1 — Antrag erstellt
391'200 CHF · Andreas Graf

Interne Notizen bearbeiten

Screen Draft B — First Step of Module (AK2.1 rule — only "Weiter")
FLA – Antrag / Finanzierung / Engagement — FIRST STEP (no Zurück)
finnova.
FLA Testautomation User ▾
Weisskopf Senior AG402.840Medium
Prozess-Aktionen
AWB erstellen
Kreditvorlage generieren
Verwaltung
Status-Historie anzeigen
Entscheide anzeigen
Dokumente
Dossier öffnen
Export / Drucken
Engagement-Daten
Kreditbetrag
Laufzeit
Zinssatz-Typ
Zusammenfassung
402840/001/0001
expand_more
Antrags-Nr.
113722
Zweck / Geschäftstyp
Investitionen / Spezial
Finanzierungsspezialist
Andreas Graf
Antragsteller
FLA Testautomation User
Status
In Erfassung 80%
Priority
Medium
Grundlaufzeit
21.01.2032
Fälligkeitsdatum
15.06.2026
Kreditzweckexpand_more
Refinancing review for existing mortgage.
Affordability
72%expand_more
Loan: 400'000 CHF · Income: 127'500 · DTI: 31.4%
Validation
3expand_more
3 issues pending
Dokumente
4/6expand_more
4 verified · 2 pending
Kommentare 3expand_more
3 comments
Interne Notizen 1expand_more
1 note
Kontextinformationen
gavelDecisionschevron_right pending_actionsPendencieschevron_right folderDossierchevron_right ruleRuleschevron_right local_offerOfferchevron_right articleCredit Clauseschevron_right assignmentETPchevron_right checklistRequirementschevron_right
Screen Draft C — Sub-page / Tab (AK3 rule — only "Zurück")
FLA – Sicherheitenart = Kontoguthaben (Sub-page, AK3: Zurück only)
finnova.
FLA Testautomation User ▾
Weisskopf Senior AG402.840Low
Verwaltung
Status-Historie anzeigen
Dokumente
Dossier öffnen
Export / Drucken
Sicherheitenart: Kontoguthaben
Kontonummer
Betrag (CHF)
Bemerkung
Zusammenfassung
402840/001/0001
expand_more
Antrags-Nr.
113722
Zweck / Geschäftstyp
Investitionen / Spezial
Finanzierungsspezialist
Andreas Graf
Antragsteller
FLA Testautomation User
Status
In Erfassung 80%
Priority
Low
Grundlaufzeit
21.01.2032
Fälligkeitsdatum
15.06.2026
Kreditzweckexpand_more
Refinancing review for existing mortgage.
Affordability
72%expand_more
Loan: 400'000 CHF · Income: 127'500 · DTI: 31.4%
Validation
3expand_more
3 issues pending
Dokumente
4/6expand_more
4 verified · 2 pending
Kommentare 3expand_more
3 comments
Interne Notizen 1expand_more
1 note
Kontextinformationen
gavelDecisionschevron_right pending_actionsPendencieschevron_right folderDossierchevron_right ruleRuleschevron_right local_offerOfferchevron_right articleCredit Clauseschevron_right assignmentETPchevron_right checklistRequirementschevron_right
Annotation Key + Rule Matrix (Updated v4)
Annotation Key (Updated v3)
A Aktionen ▾ (Grouped) — Dropdown groups ALL actions: process actions (AWB, Kreditvorlage), management (Status-Historie, Versionen, Entscheide), and documents (Dossier, Unterlagen, Export). Context-aware: sub-pages show fewer groups.
B Additional Infos List (in Side Panel) — Shortcuts moved from content strip to right panel as a vertical navigation list: "Additional Infos" header + rows with label and chevron (Status History, Versions, Decisions, Pendencies, Notes, Dossier).
C Priority Badge — Shows High (red) / Medium (amber) / Low (grey) next to Aktionen button. Reflects current process priority.
D Updated Zusammenfassung Panel (v4) — Paired fields, Kreditzweck, Affordability (traffic light), Validation, Dokumente, Antragshistorie (modal), Kommentare (last 3), Interne Notizen (A1: expand + edit modal), Kontextinformationen.
sync Changes v3 → v4
1. Paired fields — 4 side-by-side rows (ID|Type, Advisor|Applicant, Status|Priority, Term|Due)
2. Status 80%% — Completeness chip replaces yellow dot
3. Kreditzweck — Collapsible with purpose text
4. Affordability 72%% — Green chip, expands to Loan/Credit/Income/Expenses/DTI/Währungen
5. Validation — Red badge (3), error+warning items
6. Dokumente — 4/6 counter, verified + pending
7. Antragshistorie — Versions + Status + Priority, modal timeline
8. Kommentare — Last 3 with author/date
9. Interne Notizen — A1 pattern: expand read + edit modal
10. Kontextinformationen — 8 navigation links
11. Panel width — 280px
BA Acceptance Criteria → Button Rule
RuleZurückWeiter
AK1 – Mid-step (Main pages)← ZurückWeiter →
AK2.1 – First step of modulenoneWeiter →
AK2.1 – Last step of module← Zurücknone
AK2.2 – Single-step Geschäftsfallnonenone
AK3 – Sub-page / Tab← Zurücknone
AK4 – GesamtpfandmatrixGesamtpfandmatrix schliessen
AK5 – Pop-upsnonenone
Button Style Guide — Design System Alignment (Updated)
Primary
#2980B9, white text
Use: next step
Ghost / Secondary
White fill, border #ccc
Use: previous step
High
Aktionen + Priority
Grouped dropdown
Use: all actions
Additional Infos
Dossier chevron_right
Additional Infos List
Label + chevron row
Use: side panel navigation
High Medium Low
Priority Badges
3 levels, color-coded
Use: next to Aktionen