Oct 7, 2024Web

B2C: 月間取引高$300M超のスワップアグリゲーターのリサーチ、ユーザビリティ分析、ユーザーデザインを主導

Gideon Awolesi

Gideon Awolesi

UXデザイナー

ポートフォリオに戻る

プロジェクトについて

  1. 役割: シニアUXデザイナー兼リサーチリード
  2. プラットフォーム: Euler、DeFiのレンディング・ボローイングソリューション
  3. 目的: 月間取引高$300M超を扱うプラットフォームのために、シームレスで直感的なユーザー体験を作ること
  4. チームとスケジュール: 部門横断チーム(プロダクトマネージャー2名、エンジニア4名、QAスペシャリスト1名)と6か月の開発サイクルにわたって協働

課題の提示

「Eulerプラットフォームのユーザーの多くは、DeFiのレンディング・ボローイングのワークフローの複雑さに苦労しており、その結果、高い離脱率とプラットフォームエンゲージメントの低下を招いていた。」

目標と成功指標

ユーザーリサーチをまったく始める前に、私はチームと包括的なワークショップを計画・実施し、ユーザーリサーチの目標を特定し、課題の提示と提案する解決策を明確にする手助けをしました。それらは次のように設定されました:

  1. オンボーディングの強化: ウェブサイトに導入したGoogle Analyticsを通じて、プラットフォームを使うユーザーの高い割合が非常に早い段階で離脱していることを発見しました。そこで最初の目標は、新規ユーザーの混乱と離脱を少なくとも30%減らすこと でした。
  2. ユーザビリティの改善: 次のステップは、レンディング/ボローイングの取引成功を20%増やす ことでした。ランディングページで離脱しなかった一部のユーザーも、たいていこの段階でウェブサイトを離れていました。取引を実行しようとするときに困難に直面し、プロセスを完全に放棄してしまうのです。
  3. リテンションの向上: ユーザーに繰り返し戻ってきてもらう必要があったため、マーケティングチームと協力して、ここでの目標は利用頻度を測定し、週次アクティブなリピートユーザーの10%増加 を目指すことでした。

これらの目標を固めることで、チーム全体が単なる機能のアウトプットではなく、ユーザー中心の成果に足並みをそろえることができました。

アイデアを形にする

ローファイのワイヤーフレーム — クリーンでミニマルなUI を示す素早いワイヤーフレームを作成しました。オンボーディング、レンディング、ボローイング、ローン管理のための必須画面を洗い出しました。また、認知負荷を減らすために、ナビゲーションの明快さと情報階層に大きく注力しました。

ミッドファイのモックアップ — DeFiの慣習に沿いつつ、より威圧的でない視覚デザイン要素(色、アイコン)を導入しました。また、ユーザーガイダンスのための基本的なツールチップやポップアップも取り入れました。

ハイファイのプロトタイプ — 次に、インタラクティブなチュートリアルを備え、実際のユーザーフローをシミュレートするクリック可能なFigmaプロトタイプを構築しました。典型的な暗号資産インターフェースに関するコミュニティのフィードバックを反映し、上級ユーザー向けにダークモードを追加しました。

最初のユーザーテストのラウンドの後、テスターの60%がモバイルのテキスト入力欄が窮屈だと感じました。私たちはタップ領域を広げ、トップナビゲーションバーを単純化してアクセシビリティを改善し、その結果、後続のテストではモバイルでの取引完了率が25%速くなりました。

テストと改善:反復的なユーザビリティ分析

  1. ラウンド1: デザインの最初のイテレーションで、8名の参加者とリモートのモデレート付きセッションを実施。全体のナビゲーション、明快さ、信頼のシグナルについてフィードバックを集めました。
  2. ラウンド2: デザインの微調整(例:ツールチップの拡張、データビジュアルの再構成)を実装し、上級レイアウトと単純化されたレイアウトを比較するA/Bテストを実施しました。
  3. ユーザーのフィードバック: 「新しいインターフェースはとても操作しやすい — ようやく、インターフェースに操られるのではなく、自分が資金をコントロールしている感覚になれた。」

キックオフとユーザーリサーチ

Eulerのプロジェクトに加わった後、私の主な焦点は、分散型金融(DeFi)の高度な機能と直感的なユーザージャーニーの間のギャップを埋めることであり、それを成し遂げるには、私たちのユーザーベースを深く理解することが重要でした。

私は初心者とベテランの両方のDeFiユーザーを対象に、12件の詳細インタビューのシリーズを実施しました。また、200名以上の回答者からフィードバックを集めた2件のオンラインアンケートも実施しました。このフィードバックはコミュニティから調達したものです… Discordのアナウンスサーバーにメッセージを送ったところ、UXリサーチへの参加に興味を示すユーザーが大勢集まりました。

プラットフォームに大きな金銭的利害を持つ一部のパートナーも1対1のインタビューへの参加を申し出てくれたので、主要な2つのユーザーグループについて非常に豊かなプールが得られました。UXリサーチには4つの主なハイライトがありました:

ユーザー中心の解決策のブレインストーミング

ユーザーインサイトを真実の源として、私はプロダクトチームとエンジニアリングチームと共同創造ワークショップを主導しました。ランディングページからローン返済フローまで、ユーザージャーニーのあらゆる段階を検討しました。

考案した解決策

「ウォークスルー」形式のオーバーレイで、ユーザーが各機能に出会うたびにそれを説明する、合理化されたオンボーディングフロー。DeFi用語、セキュリティ警告、取引手数料を明確にするためのコンテキスト依存のヘルプをツールチップで実装しました。

アダプティブなダッシュボードでは、ユーザー向けに初心者モードと上級モードを追加しました

セキュリティと信頼のインジケーターは、潜在的な流動性リスクやローン・トゥ・バリュー比率の変化を強調し、視覚的な手がかり(例:南京錠のアイコン、確認通知)で信頼を強化し、取引の安全性をユーザーに保証するために実装されました。

私はストーリーボードとローファイのワイヤーフレームを使って仮説を素早く検証し、あらゆるアイデアがユーザーのニーズに直接応えていることを確認しました。

ローンチとインパクト:成功の検証

  1. 85%の肯定的なユーザーフィードバック: ローンチ後のアンケートは、以前のインターフェースと比べてユーザー満足度が大幅に向上したことを示しました。
  2. 離脱率が30%減少: 合理化されたオンボーディングフローとコンテキスト依存のヘルプが、早期の離脱を下げました。
  3. 取引完了が20%増加: ユーザーはレンディングやボローイングの判断により自信を持てるようになりました。
  4. モバイルエンゲージメントの改善: モバイルでの滞在時間が15%増加し、外出先でのより良い体験を示しました。