メディアアプリを作成する

メディア UI のほとんどの要素は自動車メーカーと Google によって制御されるため(メディア向けパートナーのロールを参照)、アプリ デベロッパー向けの設計関連のタスクは比較的シンプルです。

アプリ デベロッパーが行う基本的なタスクは次のとおりです。

  1. ナビゲーション タブの設計: コンテンツの最上位ビューを最大 4 つ選択し、ナビゲーション タブのアイコンやラベルを決定します。
  2. ブラウジング ビューを計画する: コンテンツの最上位ビューと下位ビューをどのように整理し、フォーマットするか(グリッドとリストのどちらにするか)を計画します。
  3. 再生コントロールをカスタマイズする: カスタム アクションとアイコンを提供するかどうか、およびキューを実装するかどうかを決定します。
  4. 音声操作を計画する: どのコマンドをユーザーに音声でリクエストできるようにするかを決定します。
  5. ブランド要素を指定する: ブランドを表現するアプリアイコンとアクセント カラーを指定します。

追加の手順(AAOS のみの場合):

  1. ログインフローを作成する: 利用可能なテンプレートを使用して、ユーザーが車の画面でアプリにログインするためのログインフローを作成します(アプリでログインが必要な場合)。
  2. 設定を作成する: 設定が必要な場合は、アプリの車内設定画面を作成します。

追加手順(Android Auto のみ):

  1. おすすめ情報を提示: おすすめとして紹介するメディア コンテンツを 10 個特定します。

上記のリンク先から、各タスクの詳細なガイダンスをご確認ください。提供する必要があるデザイン要素の概要については、チェックリストをご覧ください。

メディアにおけるパートナーの役割

以下の表は、統合メディアアプリのエクスペリエンスを確保するためのアプリ デベロッパーと自動車メーカー(AAOS 内)の設計上の役割をまとめたものです。AAOS ベースの車両で動作するアプリの場合、自動車メーカーはブランドや車両のスタイルを反映するように UI をカスタマイズできます。Android Auto で実行されるアプリについては、対応車種全体でアプリのデザインに一貫性を持たせています。

メディア エクスペリエンスの側面 自動車メーカーの設計上の役割(Android Auto 用の Google の役割) アプリ デベロッパーのデザイン上の役割
メディアアプリの操作 アプリバーを配置する場所を決定し、アプリバーに表示できるアプリのナビゲーションとコントロールをサポートする アプリバーのタブに表示する最上位のコンテンツ ビューを決定し、必要に応じてアイコンとラベルを付ける(ナビゲーション タブの設計を参照)
ブラウジング コンテンツの詳細 グリッドまたはリストアイテムのサイズとコンテンツを決定し、コンテンツの低いレベルでアプリヘッダーを実装する 各レベルでブラウズ可能なメディア コンテンツの形式(グリッドまたはリスト)と構成を決定します(ブラウジング ビューを計画するを参照)。
メディアの再生 再生ビューと最小化されたコントロール バーを実装し、適切なメディア メタデータと再生コントロール(アプリ内のカスタム操作のコントロールを含む)を提供します。再生ビューでキュー アフォーダンスとキューのスタイル設定を行います。 コントロール バーにカスタム操作を実装するかどうかを決定し、カスタム操作にアイコンを提供します。また、キューを実装するかどうか、および現在再生中のトラックのインジケーターを表示するかどうかを決定します(再生コントロールのカスタマイズをご覧ください)。
音声操作 Google アシスタント UI を提供し、ユーザーが特定の車内でアシスタントを呼び出す方法を制御する 音声リクエストをサポートするメディア カテゴリと、汎用リクエストに提供するコンテンツを指定する(音声操作を計画する
ブランド アトリビューション すべてのコンテンツ画面にアプリアイコンを表示し、サードパーティ製アプリの色をアクセントとして適用する場所を選択する アプリアイコンを提供し、アクセント カラーを指定する(ブランド要素を指定するをご覧ください)
ログインと設定 検索用の設定アフォーダンスとアプリバーの設定を提供し、必要に応じてユーザーをログイン画面に接続する テンプレートを使用して、ログインフローと設定画面を作成します。必要に応じて、ログインフローを調整する設定を設計するをご覧ください。
推奨事項 おすすめコンテンツを表示するための UI を提供する 適切なおすすめコンテンツの情報源を提供する