Lumeo Analytics
Applikation zur Verwaltung und Verarbeitung umfangreicher personenbezogener Datensätze für komplexe Berechnungslogiken.
UX/UI Case Study
UX Research
Wireframes
Prototyping
Design System
Projektziel
Optimierung der User Experience einer komplexen, datenintensiven Applikation. Fokus auf klare Interaktionsmuster, reduzierter kognitiver Belastung und effizienten Workflows für die komplexen Berechnungen und Modellierungen, die auf großskaligen personenbezogenen Datenbeständen mit über 500.000 Records basieren.
Aufgrund bestehender NDA-Vereinbarungen basiert diese Case Study auf fiktiven Daten.
Aufgabenstellung
Anpassung der Benutzeroberfläche an das neue Corporate Design
Integration neuer Berechnungslogiken und Prozessmodelle
Umsetzung neuer Compliance-Vorgaben und regulatorischen Anforderungen
Optimierung der User Flows und Reduzierung von manuellen Arbeitsschritten
UX Scope und meine Verantwortlichkeiten
Vereinfachung komplexer Modellberechnungen und Funktionslogiken sowie transparente Darstellung alternativer Berechnungsszenarien. Konzeption von Dashboard- und Reportingansichten zur intuitiven Analyse und fundierten Entscheidungsfindung.
Meine Herausforderungen
Viele Funktionen galten aus Kundensicht als unverzichtbar und sollten weiterhin sichtbar bleiben. Die Umstellung auf das neue Design System reduzierte den verfügbaren Raum, wodurch Priorisierung nötig wurde.
Die größte Herausforderung war, den Kund:innen das neue Interface greifbar zu machen. In iterativen UX Reviews zeigte ich die Vorteile von Responsiveness, Accessibility, Lesbarkeit, Kontrasten und konsistenten UI-Patterns auf.
Das neue Design erfüllt die Anforderungen der Corporate Identity sowie gängigen UX-Standards.
User centered Design Prozess
Auf Basis der Analyse und der User-Interviews habe ich die bestehenden Screens entlang realer Nutzungsszenarien überarbeitet.
Zum Projektstart analysierte ich die bestehende Applikation mit Fokus auf Einstiegslogik, Informationsarchitektur und Interaktionslast.
Das zentrale Problem war die unübersichtliche Personensuche als Voraussetzung für jede Berechnung. Durch eine klare Strukturierung der Input-Felder und Filter wurde sie als effizienter Startpunkt neu konzipiert.
Strukturierte Informationsarchitektur für komplexe Stammdaten
Die Stammdaten wurden neu strukturiert, um die kognitive Belastung (Visual Load) zu minimieren, ohne die Informationstiefe zu reduzieren. Durch die klare Gliederung und verbesserte visuelle Hierarchie können Nutzer Zusammenhänge nun deutlich schneller erfassen und effizienter navigieren.
Vertrautes Wording in modernem Dual-Layout
Basierend auf Nutzerinterviews wurde das etablierte Wording der Tabs beibehalten, um die Lernkurve flach zu halten. Die visuelle Umsetzung wurde jedoch radikal vereinfacht: Ein neues zweigeteiltes Layout (Split-View) trennt Berechnungen, Status und Alignment logisch voneinander und stellt Inhalte kontextbezogen bereit.
Verbesserte Übersicht durch Enlarge-View und Screen-Splitting
Um die Lesbarkeit komplexer Kalkulationen zu verbessern, wurde der Screen in zwei Funktionsbereiche unterteilt.
Zusätzlich ermöglicht die neu konzipierte „Enlarge View“-Funktion den Fokus auf spezifische Datensätze, wodurch Nutzer:innen auch bei hoher Datendichte präzise arbeiten können.
Progressive Disclosure für komplexe Kalkulationen
Im Bereich „Calculations“ sorgt das Prinzip der Progressive Disclosure (via Accordions) für Übersicht:
Detailinformationen werden erst bei Bedarf eingeblendet.
Ein intuitives Farbsystem für den Status ermöglicht zudem das schnelle Scannen der Ergebnisse, ohne dass eine tiefere Interaktion erforderlich ist.
Konsistentes Design-System für fundierte Entscheidungen
Das Dashboard und die Reportings folgen der Design-Logik der Personensuche. Durch die Konsistenz von Suchfiltern und Ergebnisdarstellung entsteht ein nahtloses Nutzungserlebnis. Dies reduziert Fehlinterpretationen und beschleunigt die datengestützte Entscheidungsfindung.
Impact und messbare Ergebnisse
Das Re-Design führte zu messbaren Verbesserungen entlang zentraler Nutzungsszenarien:
weniger Interaktionsschritte
durch optimierte User Flows, vereinfachte Eingabemasken und klar strukturierte Navigation.
bei komplexen Berechnungen durch klare Prozessführung und transparente Statusanzeigen.
kürzere Einarbeitunsgzeit
Userfeedback
Prototype und User Flow
High-Fidelity Screen Designs
Finale UI-Designs auf Basis validierter Flows, abgestimmt auf Corporate Design, regulatorische Anforderungen und reale Nutzungsszenarien.
