ダウンロードにつながるApp Storeスクリーンショットの作り方

App Storeのプロダクトページの仕事はただひとつ、一瞬の視線をダウンロードに変えることです。そしてその視線は、ほぼ必ずスクリーンショットに落ちます。多くのユーザーは最初の2〜3枚で判断を終えます。説明文は読まれず、スクロールすらされないことも珍しくありません。アイコン、アプリ名、スクリーンショット——ページを訪れる大多数の人にとって、これがプレゼンテーションのすべてです。

スクリーンショットをリリース準備の「最後のチェック項目」として扱ってきたなら耳の痛い話ですが、これは大きなチャンスでもあります。ストア上で完全にコントロールできる数少ない要素であり、アプリ本体を更新しなくても差し替えられ、セットが強くなれば検索・広告・特集・口コミといったすべての流入経路の成果が同時に上がります。私たちのアプローチを紹介します。

「説明書」ではなく「看板」として設計する

App Storeを眺めている人は、タブや設定画面の一覧が見たいわけではありません。知りたいのはただひとつ、「このアプリは自分に何をしてくれるのか」です。

スクリーンショットは、たまたまUIが写っている広告です。

1枚1枚を、通りの向こうからでも伝わるポスターのようにデザインしましょう。アイデアはひとつ、瞬時に読め、誤解のしようがないこと。理解に時間がかかる画像は説明書であり、その置き場所はオンボーディングであってストアページではありません。

最強のベネフィットを先頭に

1枚目のスクリーンショットは、あなたが持つ最も価値のあるスペースです。ログイン画面や空の状態、設定パネルに使ってはいけません。アプリが提供する最も魅力的な瞬間——ユーザーが思わず自分でスクリーンショットを撮って友人に見せたくなる瞬間——から始めましょう。そしてこの規律をセット全体で守ります。1枚につき伝えることはひとつ。1つのフレームに2つのメッセージを詰め込みたくなったら、それは2枚に分けるべきサインです。

キャプションは上、証拠は下

うまくいくパターンはシンプルです。短いキャプションがベネフィットを売り、その下のUIがそれが本物であることを証明する。言葉は少なく、動詞や成果で始め（「サブスクをまとめて管理」「アップデートを数分で公開」）、サムネイルサイズでも読めるかを必ず確認しましょう。ほとんどの人は、まず小さな表示であなたの画像に出会います。機能名の羅列ではなく結果を語り、証拠はピクセルに任せるのがコツです。

セット全体でひとつのストーリーを

強いセットは機能の寄せ集めではなく、物語として読めます。私たちが繰り返し使う構成はこうです。

1. フック——最強のベネフィットを、飾らずに。
2. コアバリュー——主要なフローがそれをどう実現するか。
3. 差別化ポイント——競合には言えない2〜3の強み。
4. クロージング——ソーシャルプルーフや受賞歴、最後のひと押し。

最初の数枚しか見ない人にも本質が伝わり、スクロールする人には一歩ごとに先へ進む理由が生まれます。

「同じ家族」に見えるセットにする

プロフェッショナルなページとコラージュを分けるのは一貫性です。パレットはひとつ、タイポグラフィの声もひとつ、視線の流れも一方向、そしてデバイスは明らかに同じ世界の住人であること。ここで本物のツールが効いてきます。MockposeはiPhone、iPad、MacBook、iMac、Apple Watchといった実物のAppleデバイスを正確なマテリアルで3Dレンダリングし、グリッド、列、スパイラル、ヒーロー構図など100種類以上の完全編集可能なテンプレートを備えています。実際のスクリーンショットをドロップし、パレットを一度選べば、すべてのフレームが同じ光、同じアングル、同じムードを受け継ぎます。

メタデータだけでなく、セット全体をローカライズする

英語圏以外の市場では、翻訳されたキャプションとローカライズされたストアページが、英語のみのページを一貫して上回ります。読めないキャプションは、何も売れません。Mockposeではキャプションをテキスト変数に紐付け、言語ごとにローカライズできます。テキストは自動でフィットするので、長いドイツ語訳がレイアウトを崩す心配はありません。ひとつのプロジェクト、ひとつのデザインで、すべてのストアフロントへ。スクリーンショットのローカライズについての詳しいガイドも公開しています。

書き出しは要求サイズぴったりに

Appleはデバイスクラスごとに正確なピクセルサイズを要求しており、App Store Connectはそれ以外を受け付けません。手作業のリサイズに午後をつぶすのはやめましょう。MockposeはApp Storeの要求サイズちょうどのPNGをピクセルパーフェクトに書き出し、内蔵のApp Managerなら完成したセットをApp Store Connectへ直接アップロードできます（プレミアム、現在ベータ）。

まず、実際に見られる数枚から

この記事を読んで何かひとつだけ変えるなら、最初の2枚にしてください。最強のベネフィットを先頭に、1枚につき明快なキャプションをひとつ、ひと目で読めるように。物語の続きは、その後ろに積み上げれば十分です。

Mockposeは無料で始められます。フルエディターと、小さなウォーターマーク付きで720pまでの書き出しが使え、プレミアムでフル解像度が解放されます。エディターを開いて、今日、最初の3枚を作り直してみてください。今月ストアページに使う時間のなかで、最も費用対効果の高い1時間になるはずです。