B2C: 月間取引高$300M超のスワップアグリゲーターのリサーチ、ユーザビリティ分析、ユーザーデザインを主導
プロジェクトについて
- 役割: シニアUXデザイナー兼リサーチリード
- プラットフォーム: Euler、DeFiのレンディング・ボローイングソリューション
- 目的: 月間取引高$300M超を扱うプラットフォームのために、シームレスで直感的なユーザー体験を作ること
- チームとスケジュール: 部門横断チーム(プロダクトマネージャー2名、エンジニア4名、QAスペシャリスト1名)と6か月の開発サイクルにわたって協働
課題の提示
「Eulerプラットフォームのユーザーの多くは、DeFiのレンディング・ボローイングのワークフローの複雑さに苦労しており、その結果、高い離脱率とプラットフォームエンゲージメントの低下を招いていた。」
目標と成功指標
ユーザーリサーチをまったく始める前に、私はチームと包括的なワークショップを計画・実施し、ユーザーリサーチの目標を特定し、課題の提示と提案する解決策を明確にする手助けをしました。それらは次のように設定されました:
- オンボーディングの強化: ウェブサイトに導入したGoogle Analyticsを通じて、プラットフォームを使うユーザーの高い割合が非常に早い段階で離脱していることを発見しました。そこで最初の目標は、新規ユーザーの混乱と離脱を少なくとも30%減らすこと でした。
- ユーザビリティの改善: 次のステップは、レンディング/ボローイングの取引成功を20%増やす ことでした。ランディングページで離脱しなかった一部のユーザーも、たいていこの段階でウェブサイトを離れていました。取引を実行しようとするときに困難に直面し、プロセスを完全に放棄してしまうのです。
- リテンションの向上: ユーザーに繰り返し戻ってきてもらう必要があったため、マーケティングチームと協力して、ここでの目標は利用頻度を測定し、週次アクティブなリピートユーザーの10%増加 を目指すことでした。
これらの目標を固めることで、チーム全体が単なる機能のアウトプットではなく、ユーザー中心の成果に足並みをそろえることができました。
アイデアを形にする
ローファイのワイヤーフレーム — クリーンでミニマルなUI を示す素早いワイヤーフレームを作成しました。オンボーディング、レンディング、ボローイング、ローン管理のための必須画面を洗い出しました。また、認知負荷を減らすために、ナビゲーションの明快さと情報階層に大きく注力しました。
ミッドファイのモックアップ — DeFiの慣習に沿いつつ、より威圧的でない視覚デザイン要素(色、アイコン)を導入しました。また、ユーザーガイダンスのための基本的なツールチップやポップアップも取り入れました。
ハイファイのプロトタイプ — 次に、インタラクティブなチュートリアルを備え、実際のユーザーフローをシミュレートするクリック可能なFigmaプロトタイプを構築しました。典型的な暗号資産インターフェースに関するコミュニティのフィードバックを反映し、上級ユーザー向けにダークモードを追加しました。
最初のユーザーテストのラウンドの後、テスターの60%がモバイルのテキスト入力欄が窮屈だと感じました。私たちはタップ領域を広げ、トップナビゲーションバーを単純化してアクセシビリティを改善し、その結果、後続のテストではモバイルでの取引完了率が25%速くなりました。
テストと改善:反復的なユーザビリティ分析
- ラウンド1: デザインの最初のイテレーションで、8名の参加者とリモートのモデレート付きセッションを実施。全体のナビゲーション、明快さ、信頼のシグナルについてフィードバックを集めました。
- ラウンド2: デザインの微調整(例:ツールチップの拡張、データビジュアルの再構成)を実装し、上級レイアウトと単純化されたレイアウトを比較するA/Bテストを実施しました。
- ユーザーのフィードバック: 「新しいインターフェースはとても操作しやすい — ようやく、インターフェースに操られるのではなく、自分が資金をコントロールしている感覚になれた。」
キックオフとユーザーリサーチ
Eulerのプロジェクトに加わった後、私の主な焦点は、分散型金融(DeFi)の高度な機能と直感的なユーザージャーニーの間のギャップを埋めることであり、それを成し遂げるには、私たちのユーザーベースを深く理解することが重要でした。
私は初心者とベテランの両方のDeFiユーザーを対象に、12件の詳細インタビューのシリーズを実施しました。また、200名以上の回答者からフィードバックを集めた2件のオンラインアンケートも実施しました。このフィードバックはコミュニティから調達したものです… Discordのアナウンスサーバーにメッセージを送ったところ、UXリサーチへの参加に興味を示すユーザーが大勢集まりました。
プラットフォームに大きな金銭的利害を持つ一部のパートナーも1対1のインタビューへの参加を申し出てくれたので、主要な2つのユーザーグループについて非常に豊かなプールが得られました。UXリサーチには4つの主なハイライトがありました:
ユーザー中心の解決策のブレインストーミング
ユーザーインサイトを真実の源として、私はプロダクトチームとエンジニアリングチームと共同創造ワークショップを主導しました。ランディングページからローン返済フローまで、ユーザージャーニーのあらゆる段階を検討しました。
考案した解決策
「ウォークスルー」形式のオーバーレイで、ユーザーが各機能に出会うたびにそれを説明する、合理化されたオンボーディングフロー。DeFi用語、セキュリティ警告、取引手数料を明確にするためのコンテキスト依存のヘルプをツールチップで実装しました。
アダプティブなダッシュボードでは、ユーザー向けに初心者モードと上級モードを追加しました
セキュリティと信頼のインジケーターは、潜在的な流動性リスクやローン・トゥ・バリュー比率の変化を強調し、視覚的な手がかり(例:南京錠のアイコン、確認通知)で信頼を強化し、取引の安全性をユーザーに保証するために実装されました。
私はストーリーボードとローファイのワイヤーフレームを使って仮説を素早く検証し、あらゆるアイデアがユーザーのニーズに直接応えていることを確認しました。
ローンチとインパクト:成功の検証
- 85%の肯定的なユーザーフィードバック: ローンチ後のアンケートは、以前のインターフェースと比べてユーザー満足度が大幅に向上したことを示しました。
- 離脱率が30%減少: 合理化されたオンボーディングフローとコンテキスト依存のヘルプが、早期の離脱を下げました。
- 取引完了が20%増加: ユーザーはレンディングやボローイングの判断により自信を持てるようになりました。
- モバイルエンゲージメントの改善: モバイルでの滞在時間が15%増加し、外出先でのより良い体験を示しました。











