FLA v5 — Consolidated Information Architecture
FIN-12 · Summary Side Panel ("Zusammenfassung") — definitive IA proposal based on v3 audit + Finnova screenshots + best practices

Goal

Consolidate all known elements of the Summary Side Panel into a single, definitive Information Architecture. Based on:

🎯 Key principle: The Summary Side Panel is for information (read, context, navigation). All actions (submit, open, trigger) go to the Aktionen ▾ button/dropdown in the header.
1 · Complete element inventory

All known elements — classified

Every element found across v3 prototype + Finnova production screenshots, classified by type and destination.

Information → Side Panel Action → Aktionen menu New element (from screenshots)
# Element Type Destination Source Notes
HEADER
1 Zusammenfassung Header Panel v3 Panel title + collapse toggle
2 Subtitle 402840/001/0001 Field Panel v3 Reference number under title
ANTRAG FIELDS (flat, always visible — single block, no collapsible)
3 Antrags-Nr. 113722 Field Panel v3 Application ID — universal context
4 Finanzierungsspezialist Andreas Graf Field Panel v3 Process owner / advisor name
5 Antragsteller FLA Testautomation User Field Panel v3 Applicant / customer name
6 Status In Erfassung ● Field Panel v3 Workflow status + color dot indicator
7 Geschäftstyp Spezial Field Panel Screenshot Business type — merged into main block (was "Dieser Antrag")
8 Grundlaufzeit 21.01.2032 Field Panel Screenshot Maturity date — merged into main block
9 Zweck Überprüfung Field Panel v3 + Screenshot Purpose — merged into main block
10 Neu / Bisher comparison Side-by-side Panel Screenshot Neu/Bisher as column headers (replace "Typ" label). Side-by-side: value + Betrag per column. Δ indicator below.
WÄHRUNGEN (currency section — NEW from screenshots)
11 Währungen USD zu CHF · 0.89350 · 01.09.2023 Section Panel Screenshot Exchange rate reference — read-only informational
COLLAPSIBLE SECTIONS
12 Kommentare zum Antrag Collapsible Panel v3 Multi-item comments — counter badge, expand to list, click to add
13 Interne Notizen Collapsible Panel v3 Internal notes — text-only, possibly credit-office-only (TBC)
ADDITIONAL INFOS (links → modal/page)
14 Status History Link Panel v3 Audit trail — timeline modal
15 Versions Link Panel v3 Version history — diff viewer
16 Decisions Link Panel v3 Credit decisions list
17 Pendencies Link Panel v3 Outstanding items / to-dos
18 Notes Link Panel v3 General notes
19 Dossier Link Panel v3 Customer documentation
ACTIONS → MOVED TO AKTIONEN ▾ MENU
20 Pricing übermitteln Action Aktionen ▾ Screenshot Submit pricing — was a button in side panel, moves to Actions dropdown
21 Pricing öffnen Action Aktionen ▾ Screenshot Open pricing — was a button in side panel, moves to Actions dropdown

Summary: 19 elements stay in the Side Panel (information) · 2 elements move to Aktionen ▾ menu (actions).

2 · Information Architecture — hierarchy

Panel structure (top to bottom)

Recommended reading order and grouping for the Summary Side Panel.

3 · Aktionen ▾ menu — actions moved here
Aktionen ▾ Dropdown
Process
assignment_turned_in Antrag einreichen (AWB)
description Kreditvorlage erstellen
Pricing moved from panel
send Pricing übermitteln
open_in_new Pricing öffnen
Documents
upload_file Unterlagen hochladen
download Export

Why move Pricing to Aktionen?

The Finnova production app shows "Pricing übermitteln" and "Pricing öffnen" as full-width buttons in the side panel. These are actions (they trigger a submission or open a dialog), not information.

Benefits:

4 · Visual mockup — before vs after
Before (v3 + Finnova production mixed)
Zusammenfassung
402840/001/0001
Antrags-Nr.113722
ZweckInvestitionen
GeschäftsfallNeu
FinanzierungsspezialistAndreas Graf
AntragstellerFLA Testautomation User
StatusIn Erfassung
GeschäftstypSpezial
Grundlaufzeit21.01.2032
ZweckÜberprüfung
Neu
Rahmenlimite Hypothek
Betrag
CHF 620'000.00
Bisher
Rahmenlimite Hypothek
Betrag
CHF 640'000.00
Währungen
USD zu CHF 0.89350 · 01.09.2023
Kommentare zum Antrag 0
expand_more
Interne Notizen
expand_more
Additional Infos
scheduleStatus Historychevron_right historyVersionschevron_right gavelDecisionschevron_right pending_actionsPendencieschevron_right noteNoteschevron_right folderDossierchevron_right
After (v5 consolidated IA)
Zusammenfassung
402840/001/0001
Antrags-Nr.113722
FinanzierungsspezialistAndreas Graf
AntragstellerFLA Testautomation User
StatusIn Erfassung
GeschäftstypSpezial
Grundlaufzeit21.01.2032
ZweckÜberprüfung
Neu
Rahmenlimite Hypothek
Betrag
CHF 620'000.00
Bisher
Rahmenlimite Hypothek
Betrag
CHF 640'000.00
Δ −CHF 20'000.00
Währungen
USD zu CHF 0.89350 · 01.09.2023
Kommentare zum Antrag 0
expand_more
Interne Notizen lock
expand_more
Additional Infos
scheduleStatus Historychevron_right historyVersionschevron_right gavelDecisionschevron_right pending_actionsPendencieschevron_right noteNoteschevron_right folderDossierchevron_right
✓ No action buttons — Pricing moved to Aktionen ▾
5 · Design decisions & best practices

Key decisions

Topic Decision Rationale
All fields flat (no "Dieser Antrag") Single non-collapsible block "Dieser Antrag" wrapper removed. All fields (ID, people, status, Geschäftstyp, Grundlaufzeit, Zweck) live in one flat, always-visible block. Simpler hierarchy, faster scanning, no unnecessary click to expand.
Neu/Bisher comparison Side-by-side columns "Neu" and "Bisher" are column headers (replacing the "Typ" label). Each column shows value + Betrag. Δ indicator below for quick delta scanning. "Bisher" column hidden when Geschäftsfall = Neu.
Währungen placement After "Dieser Antrag", before collapsibles Currency context is read-only reference data, relevant to the application details above. Positioned after Dieser Antrag but before interaction-heavy sections (comments, notes).
Pricing buttons Removed from panel → Aktionen ▾ Actions don't belong in an information panel. Moved to "Pricing" group inside Aktionen dropdown. Consistent with the principle: "if it triggers something → Aktionen".
Collapsible states Per v4a best practices Empty: "Keine X" + CTA. Filled: counter badge + expand. Read-only: lock icon, no edit affordance. Multi-item: list with scroll. Text-only: inline preview (A2 pattern).
Additional Infos pattern Links with icon + chevron Per v4b: clean, scannable list. Icon differentiates each type. Chevron signals "opens modal/page". No counters here (they're on the collapsible sections above).
6 · Panel reading order (summary)
① Header ② Antrag Fields (7) + Neu/Bisher ③ Währungen ④ Kommentare ▾ ⑤ Interne Notizen ▾ ⑥ Additional Infos (6 links)

Pattern: Identity + Details (flat) → Context → Interaction → Navigation
Total: 19 information elements in panel · 2 actions in Aktionen ▾ menu · No "Dieser Antrag" collapsible

FIN-12 · v5-ia-consolidated · Last updated: 13.04.2026 · LELAK LLC