ブランド化アプリは、Vimeo OTT Enterpriseのお客様のみご利用いただけます。Vimeo OTTサイト向けのアプリにご興味がある場合は、営業チームまでご連絡ください。
Vimeo OTTのブランドアプリでは、カテゴリ、コレクション、そしてさまざまな行レベルのカスタマイズを活用してサイトをどのように構成するかが反映されます。視聴者は、ほとんどの時間をアプリ内でライブラリを探索したり、コンテンツを視聴することになります。
しかし、視聴者がアプリを開く前に、アプリストアやデバイスでアプリを見つける必要があります。アプリの外観と操作感は、アプリストアのリストで発見されてから日常的に使用されるまで、カスタマイズすることができます。
この記事では、アプリをカスタマイズするためにご提供いただけるブランドグラフィックと、導入時に役立つ業界のベストプラクティスについて説明します。選択するブランドグラフィックは、アプリを独自性があり魅力的なものにし、ウェブ製品や全体のブランドアイデンティティとの一貫性を持たせるのに役立ちます。
記事の内容:
アプリ体験および各カスタマイズ可能なブランド要素の詳細については、この記事の下部に添付されているアプリデザインモックアップをダウンロードしてご確認ください。
ブランドロゴ
あなたのロゴは印象的で、シンプルで、人目を引くものであるべきです。常に独自のブランドロゴを持つことを目指してください。確立されたブランドを模倣しないでください。
ロゴは、アプリ内の複数の場所で使用できます。
- アプリ上のアイコン
- モバイルの「Explore」画面上部のアクセントバー内
- TVの「Explore」画面におけるナビゲーションサイドバー内
- スプラッシュ画面上
- ログインゲート画面上
- 設定画面上
💡 ベストプラクティス:どのような背景でも視認性を確保できるように、さまざまなサイズと配色のロゴを用意しましょう。
最小ロゴサイズ:1024 × 1024 ピクセル。推奨ロゴサイズ:2000 × 2000 ピクセル、またはスケーラブルなベクターフォーマット。
アプリアイコン
アプリアイコンは、視聴者が最初に目にする要素のひとつであり、視聴者のデバイス上やアプリストアのリスト上部に表示されます。
- アイコンはシンプルに保ちましょう。アプリアイコンは、ブランド全体のロゴとは異なる場合があります。
- テキストは最小限に抑えるか、使用しないようにしましょう。小さなアイコンや離れた場所からでは読みづらくなる可能性があります。
- 一部のアプリプラットフォームでは、アプリアイコンのロゴにフルアプリ名を含める必要があります。当社のチームは、これらの要件を満たすためにアイコンのバリエーションを要求することがあります。
- 認識しやすいアイコンやブランドマークを使用しましょう。
💡ベストプラクティス:モバイルアプリのアイコンはシンプルにし、テキストや細いフォントはできるだけ避けてください。
💡 ベストプラクティス:TVアプリのアイコンにはアプリ名を含めましょう。ただし、離れた場所からでも一目で読めるよう、デザインはシンプルに保つのが理想的です。
最小アイコンサイズ:モバイルアプリは 1024 × 1024 ピクセル、TVアプリは 1280 × 768 ピクセルです。推奨アイコンサイズ:幅 2000 ピクセル以上、またはスケーラブルなベクターフォーマット。
Vizioアプリには、スケーラブルなベクター形式のアイコンが必要です。
テーマ
モバイルアプリはライトテーマまたはダークテーマで起動できます。視聴者が好みのテーマに切り替える選択肢があることを念頭に置き、両方のオプションの外観を考慮してください。
アプリのカラー
ブランドカラーは、組織を表現する重要な要素です。アプリ全体のデザインやロゴとの視認性を考慮し、コントラストの高い配色を検討してください。
以下のカラーを選択できます。
- モバイル探索画面の上部のアクセントバー(ライトモードとダークモード)
- TV Explore画面のナビゲーションサイドバー
- ボタン
Vimeo OTTアプリスイート内では、フォントの色をカスタマイズすることはできません。背景に応じて、アクセシビリティと読みやすさを確保するために、黒または白になります。
💡 ベストプラクティス:白または黒は背景と同化し、重要なボタンが見えづらくなる場合があります。背景とは対照的なブランドカラーを少なくとも一つ選びましょう。
スプラッシュスクリーン
スプラッシュ画面はアプリが読み込まれる間に短時間表示されます。通常、スプラッシュ画面が表示されるのは1~2秒程度です。そのため、中央にロゴを配置したシンプルで印象的なデザインや、表現力のある画像が効果的です。
スプラッシュ画面は、スマートフォン、タブレット、テレビなど、さまざまなタイプのデバイスで全画面表示されます。
💡 ベストプラクティス: 重要なロゴや被写体はキャンバスの中央に配置するか、各サイズに合わせたスプラッシュオプションを提供してください。
モバイルスプラッシュの寸法
- タブレットの場合、縦向きは2048 x 2732ピクセル(3:4)
- 横向きは2732 x 2048ピクセル(4:3)
- スマートフォンや16:9のタブレットでは、タブレット用スプラッシュ画面がトリミングされて表示されます。
TV用スプラッシュの寸法
- 1920 x 1080 px (HD) または 3840 x 2160 (4K)
ログインゲート
ログインゲートは、ユーザーが初めてアプリを開いたとき、またはアカウントを必要とするコンテンツや機能にアクセスしようとしたときに、スプラッシュスクリーンの後に表示されます。多くのユーザーがこの画面を見るのは一度きりです。関心を持っていたユーザーが、実際の視聴者へと転換する瞬間に表示されます。
ログイン画面をデザインする際に考慮すべきポイント
- サムネイルをグリッド形式で表示することで、ライブラリの豊富さをアピールできます。
- ブランドロゴを補完色で強化してください。
- ログインゲートの主な目的は、コンバージョンを促すことです。提供する価値をしっかり伝え、コールトゥアクションボタンに注目が集まるようにしましょう。
モバイルのログインゲートの寸法
- タブレットの場合、縦向きは2048 x 2732ピクセル(3:4)
- 横向きは2732 x 2048ピクセル(4:3)
- スマートフォンや16:9のタブレットでは、タブレット用ログイン画面がトリミングされて表示されます。
- モバイルのログイン画面背景には、テーマに応じてダークまたはライトのグラデーションが重ねられ、アクセシビリティと視認性が確保されます。
TVログインゲートの寸法
- 1920 x 1080 px (HD) または 3840 x 2160 (4K)
すでにVimeo OTT Enterpriseをご利用中で、アプリのデザイン刷新をご希望の場合は、こちらからアプリデザインのリクエストをご送信ください。