スクショで CVR が 1.4 倍！アプリストア スクリーンショット A/B テスト完全ガイド【2025 年版】

1. 課題

検索結果とストア一覧で ユーザーが最初に見る要素はスクリーンショット。
しかし静的な 1 パターンで運用していると CVR 改善の余地を取りこぼす ことが多いのが実情です。

1-1. 解決策

Google Store Listing Experiments と App Store Product Page Optimization を用いて、
メッセージ・カラー・順序 を変えたスクリーンショットを A/B テストし CVR +5〜14 pt を狙います。

1-2. 費用/KPI

作業コストは 社内デザイナー工数 +0.5〜1 日。
KPI は ストア CVR・初回起動比率 を 14 日で比較し、CVR +5pt を合格ラインに設定します。

1-3. 導入ステップ

1. 仮説出し (0.5 日) ─ USP × ペルソナで 3 パターン

2. クリエイティブ制作 (1 日) ─ 1242×2688px / 1080×1920px

3. A/B 実装 (即日) ─ Play Console Experiment / App Store PPO

4. 指標確認 & 採用 (1 週) ─ CVR 達成で反映

2. デザインテストパターン例と色彩の影響

スクリーンショット 1 枚目はアイコン＋カラーの補色関係を意識すると CTR が向上。以下 3 パターンを例示します。

TIPS：Hue90°〜150° の補色は文字コントラスト比が 4.5:1 以上になりやすく、WCAG 準拠で視認性◎。

3. iOS & Google Play Console 設定ガイド

ユーザーに表示されるスクリーンショットを切り替えるには、iOS と Android で操作パネルがまったく異なる点に注意してください。ここでは、画面遷移・用語・審査有無を初心者でも迷わないよう、手順と UI ラベルをそのまま示します。

3-1. App Store（Product Page Optimization）

1. App Store Connect → My Apps → アプリ名 → Product Page Optimization をクリック。

2. Create Test を選択し、”Screenshots” にチェック。バリエーション数は最大 3 まで（バリエーション A/B/C）。

3. “Traffic Proportion” で 50 % / 50 % を指定（テストとコントロールを均等配分）。

4. Start Test を押すと即座に公開。レビューや審査は不要なので、リリース待ちは発生しません。

5. 結果は App Analytics → Tests で確認。”Conversion Rate Lift” が +5 % 以上かつ “p‑value < 0.05” なら採用。

ポイント：App Store のテストは 最長 90 日 で自動終了。延長はできないので結果を見たら早めに本番に反映しましょう。

3-2. Google Play（Store Listing Experiments）

1. Play Console → Grow → Store Presence → Store Listing Experiments に進みます。

2. New Experiment → “Screenshots” を選択。ここで Localized（言語別） と “Global” の違いに注意。JP ローカルに絞る場合は “Localized” を選びます。

3. Audience は “New Users” を推奨。既存ユーザーに混じると結果がブレやすいため。

4. Traffic Allocation は 50 % / 50 % / 0 %（最大 3 パターン）を設定。

5. 最低７日間経過・約１万インプレッションを超えると “Statistically Significant” の判定が表示。“Automatically apply winning variant” にチェックを入れておくと勝者が自動反映されます。

豆知識：Google Play ではテスト開始から 90 日 を過ぎると未確定でも打ち切り。結果がブレた場合は新しい実験を作り直しましょう。

4. やってはいけないテスト例

スクリーンショットのテストでは「何を変えたか分からない」「ユーザーが誤解する」ような方法は避ける必要があります。以下に NG 事例と理由、代替策を詳しく解説します。

5. Store Listing Experiments の設定ポイント（詳説）

7. 視認性テストチェックリスト（初心者向け解説）

• 20 % ルール：画像全体の 20 % を超えて文字や UI を詰め込むとスマホ表示で潰れる。Figma のフレーム比率ツールで面積を確認。

• ダークモード対応：iOS 17 や Android 14 のストアはダーク UI がデフォになる場合あり。黒背景で文字・図形が沈まないかをプレビューで確認。

• 色覚シミュレーション：ユーザーの 4 % は赤緑色覚。Figma → “View → Color Blind” で Deuteranopia を選択し、CTA ボタンが識別できるかをチェック。

• 縮小解像度テスト：画像を 20 px・48 px・1024 px にリサイズし、エッジやアイコンがぼやけないかを確認。低解像度で視認できない要素は削除。

ツール：Figma、Sketch、Adobe XD はいずれもプラグインで色覚シミュレーションに対応。無料プラグイン “Color Blind” が手軽です。

— やってはいけないテスト例

5. Store Listing Experiments の設定ポイント

6. メッセージ × カスタムイベント戦略（Google Play）

7. 視認性テストチェックリスト

• 20% ルール：UI モックは画像面積の 20% 以内

• ダークモード：黒背景で文字が埋もれない

• 色覚：赤緑色覚シミュレーションで CTA 識別

SIN で“機能もコストも最適化”無料相談

月額 20〜25 万円・初期 0 円。POS 連携から独自 UI まで 30 分のオンライン相談で試算できます。

8. よくある質問（FAQ）

1. 勝者を自動採用できる？
   → Play Console は自動、App Store は手動のみ。

2. 順序のテストは必要？
   → Yes、1 枚目の切替で CVR 差最大 7pt。

3. ローカライズ管理？
   → Figma Variants＋JSON 翻訳で自動書き出し。

9. 内部リンクマップ（費用 / KPI / 導入プロセス）

最終更新：2025 年 5 月 11 日