Produktdesign für eine Banken-Webanwendung

Bild von emnicon Screenshot in iMac

Keyfacts

Created with Sketch.

Partner:in

emnicon AG

Umfeld/ Branche

Banking/Finance

Created with Sketch.

Timeline

01/2019 - 09/2021

Created with Sketch.

Aufgaben

User Research, Konzeption & Wireframes, UI Design, Prototyping, Usability Testing, Design Thinking Workshops

Zum Produkt

Das emnicon Processcenter ist eine Webanwendung zur sicheren Abbildung von digitalen Prozessen für Finanzdienstleister unter Erfüllung der regulatorischen Rahmenbedingungen. Die Software ermöglicht Banken und Finanzdienstleister die Bearbeitung und Dokumentation von Kundenanliegen unterschiedlichster Art — von Kreditanfragen über Serviceaufträge bis hin zu Kontoeröffnungen. All diese Anfragen können von Kundinnen und Kunden schnell und bequem online gestellt werden. Im Sinne eines effektiven und sicheren Lead Managements können innerhalb der Anwendung auch Beratungsprozesse digital erfasst werden. Mit diesen Features löst das System die manuelle Bearbeitung analoger Anträge ab.

Screenshot Wireframe im Macbook

Problem

In vielerlei Hinsicht ist die eigentlich hochtechnisierte Finanzbranche noch erstaunlich konservativ. So werden Vertragsabschlüsse bei kleinen, mittelgroßen und auch einigen großen Banken häufig noch in Papierform abgewickelt. Die entsprechenden Kunden- und Vertragsdaten müssen dann manuell erfasst und digitalisiert werden. Das kostet Zeit, ist fehleranfällig und außerdem unpraktisch. Denn eine kollaborative Bearbeitung eines komplexen Auftrags, beispielsweise von mehreren Fachabteilungen, wird zur bürokratischen Papierschlacht.

Zielgruppe

Als zentrales Tool der Auftragsbearbeitung wird emnicon Processcenter von nahezu allen Mitarbeiter:innen eines Finanzunternehmens genutzt. Ob Kundenberater:in am Schalter oder Mitarbeiter:in im Backoffice: Alle Nutzer:innen haben über die Webanwendung Zugriff auf die relevanten Daten zu Auftrag oder Kunde. Damit können sie ihre wertvolle Zeit für fachliche Fragen nutzen, statt sich mit vermeidbarer manueller Aktenbearbeitung aufzuhalten.

Vorgehensweise

Zu Beginn der Konzeptionsphase stand auch für diese Anwendung die Definition und Evaluation von Zielgruppen zur Ableitung von Nutzerbedürfnissen und -erwartungen. Nach eingehender Analyse und Aufarbeitung hatten wir schließlich Nutzergruppen identifiziert und vielfältige Anforderungen an die Applikation iterativ erarbeitet.
Created with Sketch.

Kick-off-Workshop zur Definition von Zielgruppen und Anwendungsszenarien

Created with Sketch.

Erstellung von Scribbles

Created with Sketch.

Review-Workshops zur Besprechung der Scribbles

Created with Sketch.

Überarbeitung der Scribbles auf Basis des Feedbacks

Created with Sketch.

Erstellung von Wireframes

Created with Sketch.

Bereitstellung der Wireframes in interaktivem Kollaborationstool (inVision) zur internen Kundendiskussion

Created with Sketch.

Erstellung eines Prototyps und finale Demo

Created with Sketch.

Erstellung eines User Interface Designs

Created with Sketch.

Übergabe des Prototypen an das Dev-Team und Begleitung der Entwicklung

Übrigens: Design Patterns

Patterns sind wiederverwendbare Lösungen für gängige Usability-Probleme. Für bestimmte Funktionen haben sich unter Designer:innen bereits Konventionen von Pattern entwickelt. Konsistente Anwendungen setzen dieselben Pattern an unterschiedlichen Stellen immer wieder ein. Benutzer:innen verstehen derartige Anwendungen in der Regel schneller und vertrauen intuitiv auf die Funktionalität. Unter Einsatz von Pattern kann die kognitive Last bei der Nutzung von Software reduziert werden, da gelerntes Verhalten unbewusst abgerufen wird.

Takeaways 🍕

1. Kenne deine User:innen

Um die intuitive Erfassbarkeit von Anwendungen auf den Prüfstand zu stellen, sind unbeeinflusste Proband:innen in der Regel sehr wertvoll. Gerade in inhaltlich komplexen Themenbereichen erfordert Usability Testing aber die Teilnahme von Mitgliedern und  der tatsächlichen Nutzergruppen. Wenn die Anwendungsszenarien, in denen die Software zum Einsatz kommen soll, sehr fachspezifisch sind, ist bei Tester:innen ein Vorwissen über einzelne Abläufe notwendig.

2. Füttere deine Partner:innen

Bankwesen, Jura, Technologie: Der Fachbereich Finance erstreckt sich über sehr viele Fachgebiete. Bei der strategischen, inhaltlichen und technischen Konzeption von Software für entsprechende Anwendungsfälle sollten daher alle Stakeholder:innen von Anfang an mit in den Prozess eingebunden werden.

3. Skizziere deine Ideen

Schnelle und viele Scribbles am Anfang der gemeinsamen Arbeit beschleunigen den Prozess der Entwicklung und erleichtern Kommunikation und Abstimmung.

Kontakt

Du hast eine Projektanfrage? Dann melde dich für dein kostenloses Erstgespräch!

Adresse
Alter Schlachthof 57
76131 Karlsruhe

E-Mail
info@whiteoutstudio.com

Telefon
0721 7820 8636