Eine Person hält ein Handy mit der App „ING Banking to go
ING Deutschland · Mobiles Postfach

Das mobile Postfach neu gedacht

Das Redesign einer zentralen Banking-Funktion: weniger Supportanrufe, bessere Auffindbarkeit und endlich derselbe Funktionsumfang in App und Web.

Rolle · UX Designer Team · Service & Security Squad Zeitraum · Juni–August 2020 Methoden · Research · Flowcharts · Prototyping Werkzeuge · Jira · Axure · Sketch
Vorher, Nachher und die Syntax der Metadaten des neu gestalteten ING-Postfachs

Die Herausforderung

Die Banking-App der ING Deutschland bedient Millionen Kundinnen und Kunden, die über das Postfach an wichtige Finanzdokumente kommen — vom Kontoauszug bis zur Depotmitteilung. Das Feedback zeigte spürbare Reibung: Bestimmte Dokumente waren schwer zu finden, Unklarheit rund um das Archiv trieb Supportanrufe, und die App hinkte dem Web hinterher.

Die Kernfrage

Wie gestaltet man ein Postfach, das den sehr unterschiedlichen Bedürfnissen gerecht wird — von der Gelegenheitsnutzerin bis zum professionellen Trader — und dabei die UX-Design-Metriken der ING erfüllt: persönlich, mühelos, durchgängig, fair, überraschend, einnehmend und unterstützend?

Meine Rolle

Als UX Designer im Service-&-Security-Squad habe ich das Redesign des Postfachs geführt — mit Suche und Filtern und einer grundlegend neu gedachten Informationsarchitektur, die Gelegenheitsnutzer ebenso trägt wie Vielnutzer, die Aktien handeln und Depots verwalten.

Leitgedanke: bessere Struktur vor mehr Funktionen. Menschen brauchen Orientierung auf Systemebene und Klarheit auf Dokumentebene, damit die meisten ihre Unterlagen durch Blättern finden — und die Suche da ist, wenn sie gebraucht wird.

Auf Usability-Heuristiken gegründet

Vier strategische Ziele für das Redesign.

Heuristik 01

Sichtbarkeit des Systemzustands

Es gab keinen Hinweis auf die Gesamtzahl der Dokumente, die Größe des Archivs oder Ladezustände während der Suche. Fehlende Rückmeldung ließ offen, ob eine Aktion überhaupt geklappt hatte.

Heuristik 02

Kontrolle und Freiheit der Nutzenden

Archivieren wirkte endgültig, ein klares Rückgängig fehlte. Aus Angst vor Fehlern entstanden Entscheidungsblockaden und Supportanrufe.

Heuristik 05

Fehlervermeidung

Keine Bestätigung bei zerstörenden Aktionen und kein automatisches Sichern der Filter — ein Wegklicken genügte, und der Suchkontext war weg.

Heuristik 08

Ästhetisches und reduziertes Design

Eine flache Liste ließ jeden Eintrag gleich wichtig erscheinen — wichtige rechtliche Mitteilungen gingen zwischen Routineauszügen unter.

01

Für wen gestalten wir?

Nutzerspektrum

Zwei Personas, ein Spektrum.

Die beiden Personas markieren die Eckpunkte des Nutzerspektrums — und bringen Ordnung in die Komplexität der zugehörigen Anforderungen. Jan will möglichst wenig Zeit mit seiner Steuererklärung verlieren; Tom will schnell sehen, was neu und relevant ist.

Die Personas Jan und Tom mit User Stories und Task-Flow-Diagrammen
Stimmen der Nutzenden

Was uns Nutzende gesagt haben.

ING-Kundinnen und -Kunden geben laufend Rückmeldung zu Website und Banking-App — sie bewerten die Erfahrung und beantworten offene Fragen. Dabei benennen sie Schwachstellen und gewünschte Funktionen.

„Der Zähler im Postfach zeigt alle ungelesenen Nachrichten, auch die für mich unwichtigen — das stresst mich."
„Muss ich Nachrichten ins Archiv schieben, wenn ich sie dauerhaft behalten will?"
„Die Beschreibung nennt mir den Eingang, aber nicht den Zeitraum, auf den sie sich bezieht."
„Ich mag kein endloses Scrollen. Mir fehlen Suche und Filter, um Nachrichten aus einem bestimmten Zeitraum zu finden."
„Ich weiß nicht, ob ich Nachrichten, die aus rechtlichen Gründen nicht löschbar sind, später löschen kann."
„Schön wären getrennte Postfächer für Wertpapiere und Kontoinformationen."
02

Wo bricht es?

Expertenreview

Den Status quo bewerten.

Die Usability des Status quo wurde in einem Expertenreview bewertet — heuristische Evaluation, eigenständige Designkritik und eine Analyse von Taxonomie, Navigation und Nutzerführung.

Experten-Designreview des alten Postfachs mit kommentierten heuristischen Beobachtungen

Kritische Heuristik-Verstöße.

Sichtbarkeit des Systemzustands

Nutzende darüber informieren, was geschieht — durch angemessene Rückmeldung in angemessener Zeit.

Problem

Nutzende wissen nicht, welche Nachrichten sie aus rechtlichen Gründen nicht löschen können — und ab wann frühestens doch.

Empfehlung

Einträge zeigen an, ob sie gelöscht werden können — und wenn nicht jetzt, ab wann frühestens.

Kontrolle und Freiheit der Nutzenden

Nutzende handeln oft versehentlich. Sie brauchen einen deutlich markierten „Notausgang", um die ungewollte Aktion zu verlassen.

Problem

Verwechslung zwischen löschbaren Nachrichten und solchen, die aus rechtlichen Gründen archiviert bleiben müssen; die Benennung ist nicht sprechend.

Empfehlung

Das Archiv zugunsten einer „Merken"-Funktion und eines wiederherstellbaren Papierkorbs auflösen; Nachrichten um einen Zeitbezug und eine Kennung wie IBAN oder Steuernummer ergänzen.

Fehlervermeidung

Die besten Entwürfe verhindern Probleme, bevor sie entstehen — oder lassen bestätigen, bevor es verbindlich wird.

Problem

Eine neue Suche durchsucht nicht automatisch Postfach und Archiv zugleich.

Empfehlung

Das Archiv auflösen und durch einen Papierkorb ersetzen, damit Gelöschtes an einer Stelle wiederauffindbar ist.

Ästhetisches und reduziertes Design

Jede zusätzliche Information konkurriert mit den relevanten und mindert deren Sichtbarkeit.

Problem

Der Zähler zeigt alle ungelesenen Nachrichten, obwohl die meisten nicht relevant sind; der Dateityp als Hauptinformation bringt auf dem Handy keinen Nutzen.

Empfehlung

Der Zähler soll zeigen, wie viele Nachrichten seit dem letzten Besuch eingegangen sind; den Dateityp als Hauptinformation entfernen.

03

Die Lösung entwerfen

Design-Hypothese

Bessere Struktur senkt den Zwang zu suchen.

UX-Prinzip zur Suche: Eine bessere Informationsarchitektur senkt die Abhängigkeit von der Suche. Wenn Dokumente überfliegbar und logisch einsortiert sind, finden viele Menschen sie durch Blättern, statt suchen zu müssen — und die Suche bleibt für Vielnutzer und gezielte Abfragen da.

Die Informationsarchitektur neu bauen

Das bestehende Postfach behandelte alle Dokumente als gleichrangige Listeneinträge mit minimalen Metadaten. Mein Redesign brachte eine geschichtete Struktur, eine sinnvolle Kategorisierung und sprechende Bezeichnungen — Orientierung auf Systemebene und Klarheit auf Dokumentebene.

Verbesserungen auf Systemebene
Verbesserungen auf Dokumentebene
Was umgesetzt wurde

Ausgelieferte Funktionen.

🔍 Suche

Intelligente Suche

Volltextsuche über Titel, Beschreibungen und Metadaten. Vorschläge aus häufigen Abfragen, dauerhaft gemerkte Filter über Sitzungen hinweg und zuletzt genutzte Suchen für den schnellen Zugriff.

🎯 Filter

Filter nach mehreren Kriterien

Filtern nach Dokumenttyp, Zeitraum, Konto und Lesestatus. Kombinierbare Filter mit entfernbaren Chips, dazu Vorlagen für häufige Fälle wie „Steuerunterlagen 2020".

📁 Archiv

Transparentes Archiv

Klare Trennung zwischen Postfach und Archiv. Sammelarchivierung mit Rückgängig, das Archiv ist in der globalen Suche enthalten, und vor dem endgültigen Löschen gibt es einen Wiederherstellungsweg mit Bestätigung.

📊 Metadaten

Erweiterte Metadaten

Kennzeichen des Dokumenttyps für die Erkennung auf einen Blick, Relevanzbewertung für fristgebundene Einträge, Zuordnung zum Konto sowie Angaben zu Format und Größe.

04

Die Lösung

Die Lösung

Suche, Filter und Klarheit.

Ein neu gebautes Postfach, das Gelegenheitsnutzern eine überfliegbare, sortierte Übersicht gibt und Vielnutzern präzise Suche und Filter in die Hand — eine App, die endlich mit dem Web gleichzieht.

Neu gestaltetes Onboarding und Einstiegsbildschirm des ING-Postfachs

Vorher, Nachher und die Syntax der Metadaten zeigt das Titelbild oben — für Details jede Abbildung im Vollbild öffnen.

Mit Nutzenden geschärft

Iterationen aus dem Testen.

Wichtigste Erkenntnisse.

Für die Extreme gestalten, nicht für den Durchschnitt

Personas an den gegenüberliegenden Enden des Nutzungsspektrums erzwangen bessere Entscheidungen als das Denken in „durchschnittlichen Nutzern". Die Lösung trug für alle, gerade weil sie über schrittweise Offenlegung beide Pole bediente.

Informationsarchitektur macht Suche erst gut

Eine Suche allein hätte das Problem nicht gelöst — zuerst brauchte es eine bessere Struktur und bessere Metadaten. Eine gute Taxonomie macht die Suche präziser und das Blättern zugleich wirksamer.

Sprache prägt das mentale Modell

Der Unterschied zwischen „Archiviert" und „Ins Archiv verschoben" wirkt gering, veränderte das Vertrauen aber deutlich. Die Zeit für Mikrotexte und das Testen von Begriffen zahlte sich in weniger Unsicherheit und weniger Supportanrufen aus.

Gleichstand heißt nicht Kopie

Desktop-Muster einfach auf das Handy zu übertragen wäre gescheitert. Gleichstand verlangte Mobile-First-Denken: ein dauerhaft sichtbares Suchfeld, Wischgesten für Schnellaktionen und daumenfreundliche Filterflächen.

Wenn ich es noch einmal machen würde
„Ich würde den Kundenservice früher einbeziehen. In seinem täglichen Kontakt mit frustrierten Menschen steckten Sonderfälle und Fehlerbilder, die in formalen Tests nie auftauchten — und jede Iteration beschleunigt hätten."
Du hast ein Projekt im Kopf? Lass uns gemeinsam etwas bauen →