Loading...
プロジェクトの背景
役割
UXデザイナー
チーム構成
ソロプロジェクト（OpenClassroomsプロジェクト）
期間
2023年2月2023年4月
3 ヶ月
3ヶ月
使用ツール
Google AnalyticsGoogle SpreadsheetOptimal WorkshopPen & PaperFigma
OpenClassroomsのUXデザイン課程で取り組んだプロジェクト。「Google Analyticsを見たことがないブランドEC(Google Merchandise Store)が、新しいチャリティキャンペーンを控えている」という課程のブリーフを実務課題として受け取り、実際のGoogle Analyticsデータを分析してサイトのパフォーマンスを評価し、改善を提案した。
課題
Google Merchandise Storeには、ユーザビリティの問題と低いコンバージョン率があった。ユーザーはサイトと製品に満足していなかった。HappinessとTask Success（HEARTフレームワーク）のメトリクスは悪い値を示していた。課程のブリーフ設定では、新しいチャリティキャンペーンに向けてサイトのパフォーマンスを理解し、ユーザー体験を改善することが課題だった。
解決策
HEARTフレームワークを使用してGoogle Analyticsデータを分析し、3名のユーザーとユーザビリティテストを実施し、ウェブサイトを改善するデザイン案を作成しました。新しいチャリティキャンペーンページを提案し、SEO対策、決済フローの改善、情報アーキテクチャの再設計を含むユーザー体験を改善するための推奨事項を提供しました。
課題と解決策
課題
Google Merchandise Storeには、ユーザビリティの問題と低いコンバージョン率があった。ユーザーはサイトと製品に満足していなかった。HappinessとTask Success（HEARTフレームワーク）のメトリクスは悪い値を示していた。課程のブリーフ設定では、新しいチャリティキャンペーンに向けてサイトのパフォーマンスを理解し、ユーザー体験を改善することが課題だった。
解決策
HEARTフレームワークを使用してGoogle Analyticsデータを分析し、3名のユーザーとユーザビリティテストを実施し、ウェブサイトを改善するデザイン案を作成しました。新しいチャリティキャンペーンページを提案し、SEO対策、決済フローの改善、情報アーキテクチャの再設計を含むユーザー体験を改善するための推奨事項を提供しました。
変更前
変更後
変更前: 変更前: オリジナルのホームページには以下のユーザビリティの問題がありました：固定キャンペーンバナーなし、不明確なナビゲーション（メニューは左揃え、ホームボタンは中央）、アカウントアイコンなし、製品情報（価格、色、説明）の欠如、大きすぎてスクロールできない画像。
変更後: 変更後: 改善されたデザインはユーザビリティの問題に対処しています：カルーセルの横に固定キャンペーンバナー、ナビゲーションメニューに限定ページ、バナー高さの短縮、ホームボタンの追加、サイドメニューの削除、アカウントアイコンの追加、製品情報（色のバリエーション、説明、現地通貨を含む価格、レビュー）の表示。明確なCTAと改善された情報アーキテクチャにより、ユーザー体験とコンバージョン可能性が向上しています。
リサーチ
リサーチ手法
過去28日間と3ヶ月間のGoogle Analyticsデータを、HEARTフレームワーク（Happiness、Engagement、Adoption、Retention、Task Success）を使用して分析しました。Googleが好きで、Google製品を使用し、新しいテクノロジーに触れていたいと考え、本当の価値のあるものを購入し、環境に影響を与えない方法で生活する3名の若者とユーザビリティテストを実施しました。
発見事項
主な発見事項。テストユーザー全員がタスクを完了できたが、サイトや製品には満足していなかった。つまりタスクを完了できることと満足度は別軸だとわかった。一部のタスクは時間がかかりすぎて離脱につながりやすく、特定のタスクはエラーが発生しやすかった。キャンペーン製品がどこで販売されているかを簡単に見つけられず、画像も少ないため、アイテムの詳細が見えずショッピングしている感覚が得られなかった。
インサイト
メトリクスは以下を示しました：ユーザーあたりの取引：0.022（一般的なECサイト：0.11）、Net Promoter Score：-100%、使用の容易さの認識：悪い、コンバージョン率：1.79%（一般的なEC：2.5%）、カート離脱率：58.9%（平均70%より良い）、エラー率：テストユーザーの28.5%が予期しないユーザーフローを経験しました。
HEART Framework
ユーザー体験を評価するための5つのメトリクス
| カテゴリー | メトリクス | 値 | ベンチマーク | ステータス |
|---|---|---|---|---|
| Happiness（満足度） | ユーザーあたりの取引 | 0.022 | 0.11 | 要改善 |
| NPS | -100% | - | ||
| 使用の容易さ | bad | - | ||
| Engagement（エンゲージメント） | セッション数/ユーザー | 1.23 | - | |
| セッション時間/ユーザー | 3:13 | - | ||
| コンバージョン率 | 1.79% | 2.5 | 注意 | |
| Adoption（採用率） | 新規ユーザーコンバージョン率 | 0.91% | 1 - 3 | 注意 |
| 新規ユーザー率 | 77.1% | - | ||
| DAU | 1,638 | - | ||
| Retention（リテンション） | リピートユーザーコンバージョン率 | 3.67% | - | |
| リピートユーザー率 | 22.9% | 30 - 40 | 注意 | |
| DAU / WAU / MAU | 1,638 / 13,523 / 45,395 | - | ||
| Task Success（タスク成功率） | エラー率 | 28.5% | - | |
| カート離脱率 | 58.9% | 70 | 注意 | |
| 決済・配送離脱率 | 14.8% | - | ||
| 支払い離脱率 | 15.9% | - | ||
| レビュー離脱率 | 6.61% | - | ||
| チェックアウト完了率 | 93% | - |
Analytics分析結果
オーディエンス分析
45,395ユーザー (60% 新規, 40% リピーター)
年齢層
18-24: 22.5%25-34: 45.2%35-44: 20.1%45-54: 8.5%55+: 3.7%
| デバイス | % |
|---|---|
| mobile (iOS 62%, Android 38%) | 65% |
| desktop (Windows 55%, macOS 45%) | 30% |
| tablet (iPadOS 90%) | 5% |
平均セッション: 180s直帰率: 45.5%ページ/セッション: 4.2
organic: 40%social: 35%direct: 20%referral: 5%
過去28日間のオーディエンス分析により、45,395ユーザー（新規ユーザー60.0%、リピーター40.0%）が明らかになりました。人口統計：25-34歳層（45.2%）、18-24歳（22.5%）、35-44歳（20.1%）、45-54歳（8.5%）、55歳以上（3.7%）。性別：女性58.0%、男性39.0%、その他3.0%。デバイス：モバイル65.0%（iOS 62%、Android 38%）、デスクトップ30.0%（Windows 55%、macOS 45%）、タブレット5.0%（iPadOS 90%）。行動：平均セッション時間180秒、直帰率45.5%、セッションあたり4.2ページ。獲得：オーガニック40.0%、ソーシャル35.0%、ダイレクト20.0%、リファラル5.0%。
Analytics分析結果
製品パフォーマンス
| 製品 | 閲覧 | コンバージョン | CR | 売上 |
|---|---|---|---|---|
| チャリティ・ブランドTシャツ | 5,200 | 260 | 5% | $7,800 |
| インパクト・トートバッグ | 3,100 | 155 | 5% | $3,100 |
| ソーシャルグッド・ステッカー | 1,800 | 90 | 5% | $900 |
| 限定版アートプリント | 950 | 38 | 4% | $1,900 |
チャリティキャンペーンの製品パフォーマンス分析：チャリティ・ブランドTシャツ（閲覧数5,200、コンバージョン260、CR 5.0%、売上$7,800）、インパクト・トートバッグ（閲覧数3,100、コンバージョン155、CR 5.0%、売上$3,100）、ソーシャルグッド・ステッカー（閲覧数1,800、コンバージョン90、CR 5.0%、売上$900）、限定版アートプリント（閲覧数950、コンバージョン38、CR 4.0%、売上$1,900）。全体的なコンバージョン率は5.0%で安定していますが、限定版アートプリントはCRが低く（4.0%）、高価格帯製品にはより詳細な情報と寄付の使途証明が必要であることを示唆しています。
ユーザビリティテスト結果
3名のユーザーによるユーザビリティテストとユーザーインタビューの結果
タスク完了状況
| タスク | 完了 | 所要時間 | エラー数 |
|---|---|---|---|
| キャンペーンアイテムを探す | 完了 | 15s | 0.2 |
| サイズ・カラーの選択 | 完了 | 45s | 1.1 |
| チェックアウトの完了 | 完了 | 120s | 1.5 |
| 寄付証明の確認 | 完了 | 30s | 0.8 |
| Google Merchandise Storeに直接アクセス | 完了 | - | - |
| アパレルページ、メンズアパレルページ、新製品ページを表示 | 完了 | - | - |
| その他のページ（Ether Brandページまたは新規ページ）を表示 | 完了 | - | - |
| コラボレーションまたはキャンペーンアイテムを含むページを表示 | 完了 | - | - |
| カートに商品を追加 | 完了 | - | - |
| 請求と配送を表示 | 完了 | - | - |
| 支払いを表示 | 完了 | - | - |
ユーザーインタビュー結果
| 質問項目 | 結果 |
|---|---|
| Net Promoter Score (NPS) | 8% |
| 使用の容易さ | 普通 |
| 購入意向 | いいえ |
ポジティブな発見事項
✓
すべてのテストユーザーがタスクを完了できた
✓
一部の製品（小さなアイテムやバッジ）は好評だった
✓
配色、Google dino、Google bikeなどが好評だった
✓
ナビゲーションは直感的（キャンペーンページの発見：15秒、エラー0.2回）
✓
完了後の達成感が高い（寄付証明の確認：30秒、エラー0.8回）
✓
チャリティの目的が明確で、製品を買うことが良いことだと感じさせてくれる
ネガティブな発見事項
⚠
ユーザーは望んでもサイトを見つけることができない可能性がある。常にGoogleストアを通る必要があり、ブログを通じて検索する必要があった。
⚠
ユーザーはサイトや製品に満足していない。タスクを完了できることと満足度は別軸だとわかった（サイズの説明、価格の説明、予期しないフロー、読み込み時間が要因）。
⚠
一部のタスクに時間がかかりすぎ、多くのタスクが離脱につながる可能性があった。
⚠
チェックアウトプロセスに120秒かかる（現代のeコマースでは極めて長い）エラー1.5回、決済フォームの入力項目やチャリティ特有の「寄付オプション」の選択方法に重大な欠陥があることを示している
⚠
モバイルでのサイズ表を閉じるボタンが小さすぎてイライラする（サイズ・カラーの選択：45秒、エラー1.1回）
⚠
チェックアウト中の寄付額の確認画面で迷いが生じた
⚠
寄付金が具体的に何に使われるかの内訳が、決済直前に見られたらもっと安心できた
⚠
特定のタスクはエラーが発生しやすく、離脱につながる可能性があった（チェックアウト時にログインするとホームに戻り、カートにアイテムを追加しても反映されない可能性がある）。
⚠
キャンペーン製品がどこで販売されているかを簡単に見つけることができなかった。
⚠
画像が少なく、アイテムの詳細を見ることができないため、ショッピングしている感じがしない。
3名のユーザーによるユーザビリティテストにより、すべてのユーザーがタスクを完了できたものの、サイトや製品に満足していないことが明らかになりました。主な問題には以下が含まれます：サイトを見つけるのが困難、ユーザビリティの低さが満足度につながらない、タスクに時間がかかりすぎる、製品の詳細が不足している。
デザインプロセス
プロトタイプ
デザイン案
デザイン案1
カルーセルにキャンペーンページを追加、ナビゲーションメニューに限定ページを追加、ハンバーガーメニューに対応可能。
デザイン案2
他のページに移動せずに商品を見ることができる固定キャンペーンページを追加、ナビゲーションメニューに限定ページを追加、カルーセルを削除、ホームボタンを追加、アカウントアイコンを追加、商品の説明、価格を追加。
デザイン案3（最終）
カルーセルの横に固定キャンペーンバナーを追加、ナビゲーションメニューに限定ページを追加、バナー高さを短縮、ホームボタンを追加、サイドメニューを削除、アカウントアイコンを追加、色のバリエーション、説明、価格（現地通貨を含む）、レビューを追加。
デザインの進化
調査で特定されたユーザビリティの問題に対処するために、3つのデザイン案（スケッチ）を作成しました。最終案には以下が含まれます：カルーセルの横に固定キャンペーンバナーを追加、ナビゲーションメニューに限定ページを追加、バナー高さを短縮、ホームボタンを追加、サイドメニューを削除、アカウントアイコンを追加、色のバリエーション、説明、価格（現地通貨を含む）、レビューを追加。
テストとイテレーション
イテレーション
用意したインタビュースクリプトを使い、3名のユーザーとユーザビリティテストを実施した。調査結果に基づいて複数のデザイン案を作成し、ユーザビリティの課題に対処するよう改善を重ねた。
改善点
推奨事項には以下が含まれます：SEO対策（ターゲットオーディエンスに日本人を含める場合）、ユーザー決済からユーザーの混乱へのフローの改善、ユーザーのメンタルモデルに適合する情報アーキテクチャの構築、ログイン後にホームに戻るトップページへのフローを修正、サイズの明確な説明と自動価格変換による離脱率の削減、画像サイズの最適化による読み込み時間の短縮。
定量的成果
ユーザーあたりの取引
0
一般的なECサイト：0.11
Net Promoter Score
0%
調査に基づく
コンバージョン率
0%
一般的なアパレルECのコンバージョン率は2.5%
カート離脱率
0%
Baymard Instituteに基づく平均70%より良い
エラー率
0%
テストユーザーの28.5%が予期しないユーザーフローを経験
定性的成果
ユーザーテスト結果
すべてのテストユーザーがタスクを完了できましたが、ユーザーはサイトや製品に満足していません。一部の製品（小さなアイテムやバッジ）は好評でした。特に配色、Google dino、Google bikeなどが好評でした。しかし、ユーザーは望んでもサイトを見つけることができない可能性があります。常にGoogleストアを通る必要がありました。ブログを通じて検索する必要がありました。
フィードバックと評価
課程のブリーフでは、新しいチャリティキャンペーンに向けてサイトのパフォーマンスを理解し、ユーザー体験を改善する支援が求められていた。提案した推奨事項と新しいキャンペーンページのデザインは、この想定に基づいて評価された。