ユーザーの使いやすさを高め、不安を減らすにはどうすればよいでしょうか? Rakuten NFTのローンチから1年が経ち、調査の結果、プラットフォームを改善する時期であることがわかりました。

担当 UX/UIデザイナー

ツール Figma、Tokens Studio

サイト nft.rakuten.co.jp

NFTPOG

Rakuten NFTのPOG初心者ガイド。実際の競馬の結果に応じて、NFTでポイントを獲得できる仕組みを説明しています 

楽天の横断デザインチームの一員として、Rakuten NFTのプロジェクトを担当しました。成熟したプロジェクトだったため、ユーザーテストやインタビューのデータに加え、売上、出品数、直帰率などの生データも集めました。

Rakuten NFTは、OpenSeaのようなマーケットとは仕組みが異なります。NFTはユーザーではなく、アイドル、有名人、スポーツチーム、JRのような有名企業から提供され、楽天ポイントで購入できます。ユーザーの多くはNFTが初めてなので、サイトには初心者向けガイドが必要です。

ユーザーからは、以前のガイドでは疑問が解決しきれず、答えを探すためにガイド全体をスクロールしなければならないという声がありました。

Screenshot-2023-08-28-at-18.05.36 beginners_guide_update

ユーザーのフィードバックをもとに、初心者ガイドの文章を簡潔にし、関連するセクションへのアンカーリンクを加えて再設計しました。長いページでも移動しやすいよう、すべてのページに「トップへ戻る」ボタンも追加しました。

New-confirmation-Screen

すべてのブレイクポイントでの新しい確認画面のモックアップ

ユーザーテストから、もうひとつの課題が見えてきました。C2CマーケットプレイスにNFTを出品するときに、もっと安心したいという声です。

ビジネス部門と話して問題の全体像を把握したうえで、新しい確認画面の追加を提案しました。 

Listing_flow_proposal_breakpointS

新しい画面では、C2CマーケットにNFTを出品する前に、出品内容と受け取る利益を確認できるようになり、以前のフローで生じていた不安が軽減されました。

今回の改善での最大の制約は時間でした。プロジェクトのロードマップに沿うよう、短期間で各改善のモックアップを作り、承認を得て、開発に引き渡す必要がありました。

デザインのスタイルにも一貫性が求められました。Rakuten NFTのデザインシステムはFigmaのオートレイアウト以前に作られたもので、ダークモードもありませんでした。デザインを進めながらオートレイアウトでコンポーネントを作り直し、ダークモードを追加したことで、チームのほかのメンバーも最新版を使って効率よく作業できるようになりました。

お問い合わせ

つながりましょう