Mastering Fintech UX – Eine Design-Fallstudie

Finanzinstrumente sind nicht die aufregendsten Produkte – sie können sich kalt, langweilig und korporativ anfühlen. Da es sich um komplexe Tools mit unzähligen Funktionen und Anpassungsmöglichkeiten handelt, bieten die meisten unzureichende Schulungen und Schulungen – und bringen mich nicht einmal dazu, mit der Dokumentation anzufangen.

Während regulatorische Verpflichtungen häufig ein bestimmtes Verhalten von Finanz-Apps erfordern, gibt es Möglichkeiten, das Erlebnis für Benutzer unterhaltsam und problemlos zu gestalten und gleichzeitig professionell und benutzerfreundlich zu bleiben. Mit dem entsprechenden Kontext können Finanz-Apps ein angenehmes und interessantes Benutzererlebnis bieten, anstatt dem tristen Status-Quo-Modell zu folgen.

Mit Fisdom – einer Investment-App, die entwickelt wurde, um Menschen ohne Ausbildung an der indischen Börse das Investieren zu erleichtern, verfolgt der Kunde drei Hauptziele:

1. Beheben Sie die hohe Abbruchrate, die auftrat, bevor die Benutzer begannen, Investitionen zu tätigen.
2. Recherchieren Sie nach Wegen zur Verbesserung des Investitionsregistrierungsprozesses (dazu später mehr).
3. Machen Sie die App optisch ansprechender – Fisdom ist für alle gedacht, die an Investitionen interessiert sind, nicht nur für die kommerzielle Nutzung.

Fisdom funktioniert anders als die meisten Investment-Apps oder -Dienste. Typischerweise investieren Menschen in Aktien, Anleihen oder eine Vielzahl anderer Dinge, basierend auf … naja, allem! Manchmal liegt es daran, dass ihnen das Unternehmen gefällt, manchmal, weil sie denken, dass es gut laufen wird, oder vielleicht, weil ein Finanzexperte es empfohlen hat.

In dieser App ist der Vorgang umgekehrt. Benutzer legen ein Investitionsziel fest – einen Betrag, den sie über einen ausgewählten Zeitraum ansammeln möchten. Von dort aus schlägt die App verschiedene Optionen vor (unter Verwendung historischer Daten und maschinellen Lernens), und Benutzer können mit monatlichen Einzahlungen in dieses Ziel investieren.

Diese Investitionsmethode beseitigt die Komplexität der Auswahl einzelner Investitionen (obwohl Benutzer immer noch in das investieren können, was sie möchten), weshalb es entscheidend ist, dass die App bei jedem Schritt Vertrauen zum Benutzer aufbaut. Ein einfaches Missverständnis selbst grundlegender Funktionen könnte den Benutzern theoretisch viel Geld kosten!

Aufgrund der Fülle an Alternativen musste die Initiative, die App unterhaltsam und ansprechend zu gestalten, während des gesamten Prozesses berücksichtigt werden. Dies hat unseren Fokus auf den Aufbau von Vertrauen durch visuelle Attraktivität und Benutzerfreundlichkeit geschärft.

Zeig ihnen das Geld

Der Anlageprozess in Indien erfordert, dass Investoren ein einmaliges „ K now Y our C ustomer (KYC)“-Formular ausfüllen. Das Formular umfasst fünf Seiten und erfordert viele Informationen.

Ursprünglich war KYC eine Voraussetzung für Benutzer, um eine Investition zu tätigen, aber in unseren Usability-Tests haben wir während des Prozesses eine erhebliche Abbruchrate festgestellt. Es war offensichtlich, dass das KYC zu umständlich war und der Prozess zum Ausfüllen des Formulars überarbeitet werden musste.

Daher haben wir die Anforderung für die KYC-Registrierung an das Ende des Prozesses verschoben.

Während die regulatorischen Anforderungen besagen, dass alle Investoren das KYC absolvieren müssen, brauchten die Benutzer zunächst Zeit, um Vertrauen in die App aufzubauen. Um dieses Vertrauen aufzubauen, haben wir den Prozess auf den Kopf gestellt: Erlauben Sie den Benutzern, die App auszuprobieren, ihre Investitionsentscheidungen zu treffen und, wenn sie bereit sind, zu investieren, das KYC-Formular auszufüllen. Auf diese Weise erhielten die Benutzer die Möglichkeit, eine Beziehung zur App aufzubauen.

Wir sind sogar noch einen Schritt weiter gegangen und haben den Benutzern drei Tage Zeit gegeben, um den KYC abzuschließen, nachdem sie ihre Investitionsentscheidung getroffen haben. Ihr treuhänderisch verwahrtes Geld würde zurückerstattet, wenn das Formular nicht eingereicht würde.

Design für die Dateneingabe

Dies hinterließ immer noch eine große Herausforderung: Das eigentliche Ausfüllen des KYC ist ein lächerlicher Prozess. Es sind fünf Seiten mit vielen persönlichen Informationen, die alle am Telefon eingegeben werden müssen!

Während der Recherchephase haben wir festgestellt, dass es einige staatlich genehmigte APIs gibt, die nach wesentlichen persönlichen Informationen suchen und diese bereitstellen. Viele dieser Daten funktionierten perfekt für das KYC, sodass Benutzer viel Zeit sparen konnten, indem sie entweder ihre Steuerkarte mit permanenter Kontonummer (PAN) scannen oder die PAN manuell eingeben (alle indischen Bürger haben eine PAN).

Dadurch wurde die Zeit für die Eingabe der erforderlichen Daten in das KYC halbiert … mindestens! Benutzer, die den KYC bereits abgeschlossen haben, waren automatisch zu 95 % vollständig und mussten nur noch ihre Informationen bestätigen und eine digitale Unterschrift leisten.

Benutzer, die das KYC nicht abgeschlossen haben, mussten dennoch ihre wesentlichen Informationen angeben, daher war es wichtig, die Eingabe einfach und schnell zu gestalten. Dazu gehörten einfache Usability-Tricks wie das Anzeigen der Nummernblocktastatur für reine Zahleneingabefelder, das Verwenden der Kamera zum Scannen von Dokumenten oder Karten, sofern verfügbar, usw.

Fintech-Apps müssen nicht langweilig sein

Während der Wettbewerbsanalyse anderer Apps im Fintech-Bereich wurde deutlich, dass die meisten von ihnen langweilige Farbpaletten und wenig einladende Erfahrungen hatten.

Wenn Sie etwas Neues lernen, kann es überwältigend sein, mit Informationen bombardiert zu werden, was die meisten Benutzer dazu bringt, zu gehen, bevor sie angefangen haben. Beim Minimalismus im Design geht es nicht um flache Farbpaletten und nicht skeuomorphe Schaltflächen – obwohl das oft hilft – es geht darum, wie Informationen strukturiert sind und wie viel kognitive Belastung erforderlich ist, um die gegebenen Funktionen zu nutzen.

Investieren ist schwer genug, deshalb haben wir uns bewusst bemüht, die Dinge sowohl für den Prozess als auch für die Interaktion einfach zu halten. In der Folge fiel die visuelle Gestaltung im Vergleich zu anderen Fintech-Tools völlig anders aus.

„Investieren“ in die Visuals

Dazu haben wir eine Palette mit leuchtenden Farbtönen geschaffen, um das leichte und verspielte Konzept der Anwendung zu unterstützen.

Lebendige Grafiken und Illustrationen verstärken das Erlebnis, was wichtig ist, um ein trockenes Thema wie das Investieren spannender zu machen. Dies ist eine besondere Herausforderung für eine Anlage-App, nicht nur, weil die Inhalte offen und leicht verständlich sein müssen, sondern auch ansprechend, um die Nutzung zu fördern.

Von Anfang an war es wichtig, einen spielerischen Ton anzugeben – farbenfrohe Anmeldebildschirme vermitteln eine ausgeprägte Persönlichkeit und kleine Übergangsanimationen helfen, das Engagement zu steigern. Dieses Kundenerlebnis war für den Kunden ungewöhnlich, daher haben wir dem Entwicklungsteam detaillierte Animationen als Spezifikationen zur Verfügung gestellt, damit sie unsere Designstrategie und die Umsetzung unserer Designs besser verstehen konnten.

Langfristig zu investieren ist entmutigend, und nur wenige von uns wissen genau, wo wir finanziell stehen wollen (abgesehen von „Ich möchte reich werden“). Um den Prozess zu vereinfachen, haben wir allen finanziellen Zielen visuelle Assoziationen hinzugefügt. Dadurch wurde die Auswahl leichter verständlich.

Als Nebeneffekt bieten Visualisierungen den Benutzern auch die Möglichkeit, sich über diese Optionen zu informieren und fundiertere Entscheidungen für die Investition ihres Geldes zu treffen.

Respektieren Sie das Fachwissen Ihres Benutzers

Ein übergeordnetes Ziel war es, jedem Benutzer – unabhängig von seiner Erfahrung – alle Informationen zur Verfügung zu stellen, die für kluge Investitionsentscheidungen erforderlich sind. Die Sorge des Kunden war, dass ein erheblicher Prozentsatz der Benutzer Fisdom verwenden würde, um ihre allererste Investition zu tätigen, daher war es entscheidend, Erstbesucher über den Prozess aufzuklären, ohne die Erfahrung für alle anderen „zu unerfahren“ zu machen.

Bei fast jedem Schritt des Anlageprozesses haben wir stark kuratierte Inhalte in Form von Tooltips bereitgestellt, die Benutzer sehen oder überspringen konnten. Die Wissensdatenbank wurde so organisiert, dass sie verschiedene Benutzerpersönlichkeiten (Student, Verheiratet, Rentner, Hausfrau usw.) und Fachkenntnisse widerspiegelt. Auf diese Weise konnten Benutzer alles nachlesen, was sie nicht verstanden, und alles andere überspringen.

Leere Zustände, Sprache, Nachrichten

Investieren ist herausfordernd genug, deshalb haben wir uns auf eine klare Kennzeichnung konzentriert, um anzuzeigen, wann und wo Benutzer Eingaben machen oder vorankommen müssen. Für alle leeren Zustände (Zero-Data-Bildschirme) haben wir klare Call-to-Action-Schaltflächen bereitgestellt, damit die Benutzer sich über den nächsten Schritt sicher waren.

Mit den kontextabhängigen Tooltips der App wurden Inhalte so geschrieben, dass sie Spaß machen und dennoch direkt sind. Wir haben versucht, das Potenzial zu vermeiden, dass Benutzer stecken bleiben, weil sie über den nächsten Schritt verwirrt sind. Dies diente nicht nur der Übersichtlichkeit und der Unbeschwertheit der App; Es sollte speziell sichergestellt werden, dass Benutzer immer einen Weg nach vorne haben, um eine Aufgabe abzuschließen, zurückzugehen oder mehr über die Funktion zu erfahren.

Mehrstufige Prozesse wurden auch deutlich gemacht, indem der Fortschritt mit verbleibenden Schritten, Optionen zum Überspringen (wenn möglich) und eine klare Umleitung angezeigt wurden, wie unten zu sehen. Das schafft Vertrauen bei den Nutzern. Bei jedem Schritt auf dem Weg können sie sehen, was passiert, ihren aktuellen Fortschritt und was als nächstes kommt.

Abschließende Gedanken

Finanz-Apps sind aufgrund regulatorischer und gesetzlicher Anforderungen scheinbar im Nachteil. Bis vor kurzem hat dies zu schlecht gestalteten, langweiligen und manchmal inkohärenten Apps, Funktionen und Prozessen geführt. In UX können diese Einschränkungen jedoch ein Segen sein und Designern eine Struktur bieten, mit der sie arbeiten können. Mit ein wenig zusätzlichem Aufwand und Nachdenken wird das Erstellen klarer und einfacher Erlebnisse tatsächlich einfacher, wenn Anforderungen wie Vorschriften befolgt werden müssen.

Hier können die New-Age-Fintech-Produkte punkten. Durch die Identifizierung ihrer Benutzer und die Anpassung der Erfahrung an eine Nische sind die gesetzlichen Einschränkungen und Anforderungen eher eine Herausforderung für das Design als ein Problem, das es zu umgehen gilt. Diese Anforderungen bieten auch die Möglichkeit, auf unterhaltsame und informative Weise über das Produkt zu informieren.

Mit Fisdom und mehreren anderen Apps wie Wealthy und Sqrrl verbessern sich Fintech-Apps in Indien dank eines benutzerzentrierten Designansatzes. Den meisten fehlt immer noch das saubere Schnittstellendesign und die verfeinerten Benutzererlebnisse, die bei anderen Arten von Apps alltäglich geworden sind, aber der Wandel hat bereits begonnen, und immer mehr Apps und Dienste schaffen besser definierte, intelligentere Erfahrungen, die auf die Bedürfnisse der Benutzer eingehen.

Auf dem indischen Markt war diese Designänderung riskant; Fisdom war eines der ersten stilisierten Tools für persönliche Finanzen, und andere Unternehmen haben erst vor kurzem begonnen, sich auf UX zu konzentrieren. Diese Risiken haben sich ausgezahlt; Die Fisdom-App hat jetzt Hunderttausende von Installationen (von 1-5.000 vor der Neugestaltung) und eine 4,2-Sterne-Bewertung im Google Play Store.

• • •

Weiterführende Literatur im Toptal Design Blog:

• UI-Design Best Practices und häufige Fehler
• Leere Zustände – Der am meisten übersehene Aspekt von UX
• Einfachheit ist der Schlüssel – Erforschung des minimalen Webdesigns
• Heuristische Prinzipien für mobile Schnittstellen
• Lesbares Design – Ein Leitfaden zur Web-Typografie