User Experience und Frontend Entwicklung für Geräte-Lifecycle Management Web-Applikation

Portal für die Wartung von Selbstbedienungsgeräten

dmcgroup zeichnet bereits seit mehreren Jahren für das User Experience Design der Selbstbedienungs-Benutzeroberfläche von Erste Bank und Sparkassen verantwortlich. Im Anschluss an den Launch der neuen Oberfläche durften wir maßgeblich an der neuen Anwendung fürs Gerätemanagement mitarbeiten.

Das „SB-Portal“ ist eine Web-Applikation, die Bankmitarbeiter:innen beim Monitoring, der Wartung und dem Lifecycle-Management von mehreren tausend Selbstbedienungsgeräten unterstützt.

In enger Zusammenarbeit mit Expert:innen von Erste Digital sowie von Erste Bank und Sparkassen wird die Applikation Funktion für Funktion analysiert, neu gedacht, gestaltet und implementiert.

Kunde: Erste Bank und Sparkassen / Erste Digital

Seit: 2022

Leistungen:

Design System Maintenance Frontend Development Interaction Design User Experience Design (UX) User Interface Design (UI) User Testing UX Beratung

Erste Bank SB Portal Teaser 1 - User Experience Design

Anwendungsfälle

Fokus auf das Wesentliche – auch für Expert:innen ist gute Usability unverzichtbar

Das neue SB-Portal ersetzt eine bereits seit vielen Jahren im Einsatz befindliche und etablierte Software. Ein Problem der in die Jahre gekommenen Software war die fehlende Gewichtung von Informationen. Angesichts der großen Datenmengen ein Problem für die Usability.

So besteht ein wichtiger Teil unserer Arbeit mit Erste Digital darin, die richtigen Informationen zum richtigen Zeitpunkt entlang der User Journeys darzustellen:

schnellen Überblick zu Gerätestatus und Problemen bieten
Klare Erkennbarkeit von Geräten durch Anzeige der essentiellen Daten
Erweiterte Ansicht mit zusätzlichen Daten anzeigen
Abrufen einer kompletten Detailansicht mit allen Daten ermöglichen

Für viele Anwendungsfälle reicht die Ansicht im Überblick oder eine schnelle Durchsicht von erweiterten Gerätedaten aus – dank der Neukonzeption ist das nun schneller und effizienter möglich.

Informationsdesign

Show, don’t tell – Grafische Visualisierung von Gerätestatus und Verlauf

Eine wesentliche Neuerung des SB-Portals liegt darin, wie gewichtete und aggregierte Informationen präsentiert werden. Wir setzen auf Informationsdesign und benutzen interaktive Infografiken, um Gerätezustand und Zusammenhänge auf einen Blick erfassbar zu machen.

So kommen Informationsgrafiken zur Darstellung von Geräteverfügbarkeit, aktuellem Geldbestand und Verlauf des Geldbestands im Gerät zum Einsatz. Weitere Visualisierungen befinden sich in Planung.

Flexibilität

Modulares Designsystem für Erweiterbarkeit und Perspektivenwechsel

Im verwendeten Designsystem ist die Erweiterbarkeit und Modularität bereits angelegt. Die zentrale Gerätesuche sowie die Darstellung der SB-Geräte als kleinste Einheit sind so konzipiert, dass in künftigen Releases der Software verschiedene Perspektiven auf die SB-Gerätelandschaft abgebildet werden können:

Ebene des Einzelgeräts
Ansicht der Filiale mit allen zugehörigen Geräten & Logs
Filialcluster bzw. Institutsansicht mit Auswertungs-Dashboard

dmcgroup ist stolz, Erste Bank und Sparkassen bereits so lange und umfassend im Selbstbedienungs-Bereich unterstützen zu dürfen.

Unser Team

Das Ziel unseres Teams: Die Transaktion am Geldautomaten angenehm, sicher und effizient zu machen. Und das nicht nur für die Bank-Kunden, sondern auch auf der “anderen” Seiten für die Mitarbeiter:innen in den Filialen.