データに基づいた靴のフィットサイズソリューション

Virtusizeは、100以上の大手ファッション小売業者によって使用されるサイズとフィットのサービスです。自社製品のVirtusizeは、AI技術を通じてユーザーが適切なサイズを見つけるのを助けます。

デザインチームのプロダクトデザイナーとして、私は...

私は、プロトタイプを設計・テストし、A/Bテストを通じて主要なフローを改善し、靴のフィット精度などの主要なユーザーの痛点を特定することによって、Virtusizeのデジタル製品のUXを主導しました。

問題

夏の間、クライアントのサンダルのサイズに対する需要が高まる中、Virtusizeの既存の製品には重要な欠落があることが明らかになりました。それは、私たちがシューズ特有のフィッティングソリューションを提供していなかったことです。

異なる靴のタイプに合わせた指導がユーザーに必要であるというこの洞察は、新しく、より正確なシューフィット体験を開発するための基礎となりました。

デザインプロセスとリサーチ

靴フィッティングソリューションは、明確なユーザーの問題から始まりました:買い物客は異なる靴のタイプに合わせたガイダンスが不足していました。この洞察を意味のある機能に変えるために、デザインに移る前に、ユーザーの行動、期待、および痛点を理解するための焦点を絞ったリサーチとアイデア創出のフェーズを開始しました。

最初のフェーズでは、2種類のUXリサーチを実施しました:

  • ビデオインタビューと対面インタビューを伴うユーザビリティテスト(参加者10名)

  • Surveymonkeyを通じて英語と日本語で行った一般的なフィードバック調査

  • 私がデザインしたダッシュボードを通じて結果を分析しました


定義

10回のインタビューと35件以上の調査回答を通じて、明確なパターンが浮かび上がりました: ユーザーはオンラインでの靴のサイズを信頼するのに苦労していました。

  1. 78%が靴の種類によってサイズが変わると言い, 65%がブランドの不一致を最大のフラストレーションとして挙げました。多くの人が「サイズチャートが合わない」と言って靴を何度も返品したという話を共有しました。

  2. 最も重要なのは、72%が足の形と靴のカテゴリに基づいてサイズを推奨するツールに強い関心を示したことで、より正確で靴ごとのフィッティングソリューションへの明確な需要を確認しました。

    これらのインサイトを手に、私はユーザーフローをマッピングし、ショッパーが靴の種類を選んでパーソナライズされたサイズの推奨を受け取るまでの体験を定義しました。

ビフォー&アフター

研究の洞察に基づいて、私はシューズの選択から個別のサイズ推奨に自信を持って移動できるようにするための合理化されたユーザーフローをマッピングしました。このフローは、シューズの種類を選択する(例えば、スニーカー、サンダル、ブーツ)という2つの重要な意思決定ポイントと、ブランドを選ぶことを導入し、どちらもサイズの正確性に直接影響を与えます。これにより、フィット感がスタイルやメーカーによって大きく異なる現実のショッピング行動を反映した体験が保証されました。

新しいフローは、ユーザーに明確なガイダンスを提供するだけでなく、システムが各シューズの種類とブランドのユニークな特性に基づいて推奨を調整できるスマートさを持たせ、より直感的で正確なフィッティング体験をもたらしました。

ユーザーとクライアントからのフィードバックと反応

定量的な結果

  • 新しいシューエクスペリエンスに対して、4.7%のウィジェットクリック率を達成し、Virtusizeとの比較使用において3.4%の増加 を促し(1.2%のベースラインと比較)、1.8%の全体的な向上を実現しました。

定性的な結果

  • アップデートの新しい実装に関して、多くのクライアントから良好な結果を受け取りました。

KPI達成

このプロジェクトから、私は以下のKPIを達成しました:

  • モバイルおよびデスクトップで20件以上のクライアント実装を発送

  • 混合方法の研究を通じて35人以上のユーザーへのインタビュー

  • カテゴリー全体で4.7%のウィジェットクリック率を達成

  • 80%の洞察採用率を推進

次のステップ

これらのステップに従って、デザインプロセスから開発引き渡しまでの次のステップ:

その他の重要な貢献 - クライアントモックアップ

これらのKPIに加えて、クライアント向けのイニシアチブをサポートするために、同じユーザー中心のデザインプロセスを適用しました。私は、クライアントのウェブサイトとモバイルアプリ用にカスタムモックアップを作成し、それぞれのブランドアイデンティティに合わせて調整し、シームレスな統合を示しました。これらのモックアップは主要な販売資産となり、チームが製品の価値を明確かつ効果的に伝えるのに役立ちました。

この作業は、新しいクライアントリード高度な機能のアップセル、そして最終的にはティア1ラグジュアリグローバルクライアントの獲得に貢献し、国際ブランドとローカルブランドの両方での採用を強化しました。

モックアップ

重要な学び

スキルギャップを埋める

このプロジェクトを通じて、私はデザインシステムのアーキテクチャ、UIの仕上げ、開発者との技術的なコラボレーションにギャップがあることに気づきました。これらのギャップを埋めるために、私は携帯アプリとデザインシステムをゼロから作成すること (私のケーススタディに掲載)、会社のウェブサイトを再設計し、エンジニアリングの制約をよりよく理解するために フロントエンドウェブ開発を学ぶ など、新しいコンピテンシーを積極的に構築しています。これらのプロジェクトは、私のUIの質、コンポーネント思考、デザインから開発のワークフローへの橋渡しの能力を大幅に向上させました。

さらにプロジェクト

私のお気に入りのプロジェクトや最近のプロジェクトをチェックしてください。

Create a free website with Framer, the website builder loved by startups, designers and agencies.