Oct 7, 2024Web

B2C: Forschung, Usability-Analyse und Nutzerdesign für Swap-Aggregator mit über 300 Mio. $ Monatsvolumen geleitet

Gideon Awolesi

Gideon Awolesi

UX Designer

Zurück zum Portfolio

Über das Projekt

  1. Rolle: Senior UX Designer & Research Lead
  2. Plattform: Euler, eine DeFi-Lösung für Kreditvergabe und -aufnahme
  3. Ziel: Ein nahtloses, intuitives Nutzererlebnis für eine Plattform schaffen, die über 300 Mio. $ Monatsvolumen bewältigt
  4. Team & Zeitplan: Zusammenarbeit mit einem funktionsübergreifenden Team (2 Product Manager, 4 Engineers, 1 QA-Spezialist) über einen 6-monatigen Entwicklungszyklus

Problemstellung

„Viele Nutzer der Euler-Plattform kämpfen mit der Komplexität der DeFi-Workflows für Kreditvergabe und -aufnahme, was zu einer hohen Abbruchrate und geringerem Plattform-Engagement führte.“

Ziele & Erfolgskennzahlen

Bevor ich überhaupt mit der Nutzerforschung begann, plante und führte ich einen umfassenden Workshop mit dem Team durch, um die Ziele der Nutzerforschung zu definieren und die Problemstellung sowie die vorgeschlagene Lösung zu bestimmen, die wie folgt festgelegt wurden:

  1. Onboarding verbessern: Ich hatte über Google Analytics auf der Website entdeckt, dass ein hoher Prozentsatz der Nutzer die Plattform sehr früh verließ. Das erste Ziel war also, die Verwirrung und den Abbruch neuer Nutzer um mindestens 30 % zu reduzieren.
  2. Usability verbessern: Der nächste Schritt war, sicherzustellen, dass wir erfolgreiche Kreditvergabe-/aufnahme-Transaktionen um 20 % steigern . Einige Nutzer, die nicht auf der Landingpage abbrachen, verließen die Website meist in dieser Phase. Beim Versuch, einen Trade auszuführen, stießen sie auf Schwierigkeiten und brachen den Prozess vollständig ab.
  3. Retention steigern: Wir mussten sicherstellen, dass Nutzer immer wiederkamen, daher lautete das Ziel hier in Zusammenarbeit mit dem Marketing-Team, die Nutzungshäufigkeit zu messen und einen 10 %igen Anstieg der wiederkehrenden wöchentlich aktiven Nutzer anzustreben.

Die Festlegung dieser Ziele stellte sicher, dass das gesamte Team auf nutzerzentrierte Ergebnisse ausgerichtet war und nicht nur auf Feature-Outputs.

Ideen zum Leben erwecken

Low-Fidelity-Wireframes – Ich erstellte schnelle Wireframes, die eine klare, minimalistische UI zeigten. Die wesentlichen Screens für Onboarding, Kreditvergabe, Kreditaufnahme und Kreditverwaltung kartiert. Ich legte auch großen Wert auf Navigationsklarheit und Informationshierarchie, um die kognitive Belastung zu reduzieren.

Mid-Fidelity-Mockups – Ich führte visuelle Designelemente (Farben, Ikonografie) ein, die an DeFi-Normen angelehnt, aber weniger einschüchternd waren. Außerdem baute ich grundlegende Tooltips und Pop-ups zur Nutzerführung ein.

High-Fidelity-Prototypen – Als Nächstes folgte der Bau eines klickbaren Figma-Prototyps, um echte User Flows zu simulieren, komplett mit interaktiven Tutorials. Ein Dark Mode für fortgeschrittene Nutzer wurde hinzugefügt, der das Community-Feedback zu typischen Krypto-Oberflächen widerspiegelte.

Nach der ersten Runde von Nutzertests fanden 60 % der Tester die Texteingabefelder auf dem Mobilgerät zu beengt. Wir vergrößerten die Tap-Bereiche und vereinfachten die obere Navigationsleiste, um die Barrierefreiheit zu verbessern, was in nachfolgenden Tests zu 25 % schnelleren Transaktionsabschlüssen auf dem Mobilgerät führte.

Testen & Verfeinern: Iterative Usability-Analyse

  1. Runde 1: Moderierte Remote-Sitzungen mit 8 Teilnehmern mit der ersten Iteration des Designs durchgeführt. Feedback zu Gesamtnavigation, Klarheit und Vertrauenssignalen gesammelt.
  2. Runde 2: Design-Anpassungen umgesetzt (z. B. erweiterte Tooltips, neu organisierte Datenvisualisierungen) und A/B-Tests durchgeführt, die fortgeschrittene und vereinfachte Layouts verglichen.
  3. Nutzer-Feedback: „Die neue Oberfläche ist so viel einfacher zu navigieren – es fühlt sich endlich so an, als hätte ich die Kontrolle über meine Gelder, statt dass die Oberfläche mich kontrolliert.“

Kickoff & Nutzerforschung

Nachdem ich zum Euler-Projekt kam, lag mein Hauptfokus darauf, die Lücke zwischen den fortgeschrittenen Fähigkeiten der dezentralen Finanzen (DeFi) und einer intuitiven User Journey zu überbrücken, und um dies zu erreichen, war es wichtig, ein tiefes Verständnis unserer Nutzerbasis aufzubauen.

Ich führte eine Reihe von 12 Tiefeninterviews sowohl mit Einsteigern als auch mit erfahrenen DeFi-Nutzern durch. Wir führten außerdem 2 Online-Umfragen durch, die Feedback von über 200 Befragten sammelten. Diese Rückmeldungen bezogen wir aus der Community … Ich schickte eine Nachricht im Discord-Ankündigungsserver, und viele unserer Nutzer zeigten Interesse, an der UX-Forschung teilzunehmen.

Einige unserer Partner mit einem großen finanziellen Anteil an der Plattform boten ebenfalls an, an den Einzelinterviews teilzunehmen, sodass wir einen sehr reichhaltigen Pool für unsere beiden Hauptnutzergruppen hatten. Es gab vier Hauptergebnisse aus der UX-Forschung:

Brainstorming nutzerzentrierter Lösungen

Mit den Nutzererkenntnissen als Single Source of Truth leitete ich Co-Creation-Workshops mit unseren Produkt- und Engineering-Teams. Ich untersuchte jede Phase der User Journey, von der Landingpage bis zum Kreditrückzahlungs-Flow.

Ausgearbeitete Lösungen

Ein verschlankter Onboarding-Flow mit einem „Walkthrough“-artigen Overlay, das jede Funktion erklärt, sobald der Nutzer ihr begegnet. Kontextsensitive Hilfe zur Klärung von DeFi-Begriffen, Sicherheitswarnungen und Transaktionsgebühren wurde mit Tooltips umgesetzt.

Das adaptive Dashboard umfasste das Hinzufügen eines Einsteiger- und eines Fortgeschrittenen-Modus für die Nutzer

Sicherheits- & Vertrauensindikatoren wurden implementiert, um potenzielle Liquiditätsrisiken oder Änderungen der Beleihungsquoten hervorzuheben und das Vertrauen mit visuellen Hinweisen (z. B. Vorhängeschloss-Symbole, Bestätigungsbenachrichtigungen) zu stärken, um Nutzern die Transaktionssicherheit zu versichern.

Ich nutzte Storyboards und Low-Fidelity-Wireframes, um unsere Hypothesen schnell zu validieren und sicherzustellen, dass jede Idee direkt auf ein Nutzerbedürfnis reagierte.

Launch & Wirkung: Erfolg validieren

  1. 85 % positives Nutzer-Feedback: Umfragen nach dem Launch zeigten einen deutlichen Anstieg der Nutzerzufriedenheit im Vergleich zur vorherigen Oberfläche.
  2. 30 % Reduktion der Abbruchrate: Der verschlankte Onboarding-Flow und die kontextbezogene Hilfe senkten den frühen Abbruch.
  3. 20 % Steigerung abgeschlossener Transaktionen: Nutzer fühlten sich sicherer beim Treffen von Kreditvergabe- und -aufnahme-Entscheidungen.
  4. Verbessertes Mobile-Engagement: Die auf dem Mobilgerät verbrachte Zeit stieg um 15 % , was auf ein besseres Erlebnis für unterwegs hindeutet.