Skip to content

クリエイティブの詳細

アプリ内メッセージでクリエイティブになる前に、いくつかのガイドラインを知っておく必要がある。すべてのアプリ内メッセージテンプレートは、最新のデバイスでさまざまな長さのテキストや画像サイズを表示できるように設計されている。すべての携帯電話、タブレット、コンピューターでメッセージがうまく表示されるようにするため、以下のガイドラインに従い、起動前に必ずメッセージをテストすることをお勧めする。

以下のメッセージタイプのクリエイティブ・スペック、またはグローバル・クリエイティブ・ディテールの記事をチェックしてほしい。

メッセージタイプ別仕様

コンテンツのガイドライン

テキスト

アプリ内メッセージの本文やヘッダーは、1～2行、本文は3行程度に短くまとめることをお勧めする。3行を超えると、メッセージは縦にスクロールする必要があり、ユーザーはすべてのコンテンツに目を通さないかもしれない。スクロールのトリガーとなる閾値は、エンドユーザーのデバイスサイズ、カスタムスタイル、メッセージ内の画像の有無によって異なるが、通常は3行が安全である。

アプリ内メッセージの最新世代（ジェネレーション3）を使っている場合、iOSとAndroidのフォントのデフォルトはOSデフォルトのサンセリフであることがわかるだろう。ウェブアプリ内メッセージのデフォルトはヘルベチカになる。

画像

画像に関するガイドラインは、テキストに関するガイドラインよりも構造化されており、あらゆるモデルやサイズの携帯電話、タブレット、コンピュータで、意図したとおりにメッセージが美しく表示されるように配慮している。

一般的に、Brazeは16:10の画面に収まる画像を使用することを推奨している。

  • すべての画像は5MB以下でなければならない。
  • ファイル形式はPNG、JPEG、GIFのみ受け付ける。
  • オフラインメッセージ表示のためにBraze SDKが当社のCDNからアセットをダウンロードできるように、メディアライブラリに画像をホスティングすることを推奨する。
  • フルスクリーンのメッセージについては、画像のセーフゾーンに関するガイドラインに従うこと。

アプリ内メッセージがフルスクリーンでアプリの画面を占領する。フルスクリーンのメッセージには、大きな画像、ヘッダー、メッセージ本文、2つのボタンが含まれる。

レイアウト 資産規模 メモ
画像＋テキスト アスペクト比6:5
高解像度 1200 x 1000 px
最小600 x 500 px		 トリミングは四方で可能だが、画像は常にビューポートの上部50％を埋める。
画像のみ 3:5のアスペクト比
高解像度 1200 x 2000 px
最小600 x 1000 px		 背の高いデバイスでは、左右の端でクロッピングが発生することがある。

フルスクリーンの詳細

アプリやウェブサイトの中央にダイアログとして表示される、モーダルなアプリ内メッセージ。モーダルには、画像、ヘッダー、メッセージ本文、2つのボタンが含まれる。

レイアウト 資産規模 メモ
画像＋テキスト アスペクト比29:10
高解像度 1450 x 500 px
最小 600 x 205 px		 背の高い画像は縮小され、水平方向の中央に配置される。幅の広い画像は左右の端が切り取られる。
画像のみ ほぼすべてのアスペクト比
最大1200 x 2000 pxの高解像度
最小600 x 600 px		 メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされる。

モーダルの詳細

アプリ画面下部から表示されるアプリ内メッセージのスライドアップ。スライドアップにはアイコン画像と簡単なメッセージが含まれる。

レイアウト 資産規模 メモ
画像＋テキスト 1:1のアスペクト比
高解像度 150 x 150 px
最小50 x 50 px		 さまざまなアスペクト比の画像が、トリミングなしで正方形の画像コンテナに収まる。

スライドアップの詳細

GIFとビデオ

Brazeは現在、Web（含む）、Android、iOS（含む）のアプリ内メッセージングでGIFをサポートしている。アプリ内メッセージの動画については、カスタマイズのドキュメントを参照のこと。

その他の考慮事項

Brazeのアプリ内メッセージには、グローバル仕様と個別クリエイティブ仕様がある。アプリ内メッセージのフルカスタマイズについての詳細は、カスタマイズのページを参照のこと。


New Stuff!