再生コントロールをカスタマイズする

アプリのコンテンツをナビゲーションとブラウジング用にどのように編成するかを決めるだけでなく、コンテンツを再生するためのキューとカスタム コントロールのどちらを使用するかも決める必要があります。

自動車メーカーと Google は、再生ビュー、最小化されたコントロール バー、キューの実装とスタイル設定を管理します。また、再生/一時停止次へ前へオーバーフローなど、再生コントロールの基本的なセットも用意されています。([Next] と [Previous] は、アプリがこれらのアクションをサポートしているかどうかによって異なります)。 これらのコントロールがアプリに十分であれば、完了です。

ただし、自動車メーカーが提供するもの以外の追加の再生アクションへのキューやアクセスを提供する場合は、次のことを決定する必要があります。

  • キューのアイテムのサムネイルを表示するかどうか
  • キューにある現在再生中のアイテムについて、アイコンまたは経過時間を表示するかどうか
  • 以前に再生したアイテムをキューに含めるかどうか
  • コントロール バーに表示するカスタム操作と、自動車メーカーの [次へ] や [前へ] のコントロールを置き換えるかどうか
  • 各アクションの関連する状態(使用可能、無効など)を表すアイコン

再生ビュー

メディアアプリの設計で最も重要な機能の一つは、再生ビューです。

再生ビューの例

メディアの再生中のメディアアプリのモックアップ
この再生ビューには、現在再生中の曲が表示されます(Android Auto)。
オーバーフロー オーバーレイを使用したメディア再生中のメディアアプリのモックアップ
ユーザーが画面右側のオーバーフロー メニューを開き、より多くの機能を提供している(Android Auto)。
メディアの再生中のメディアアプリのモックアップ
この再生ビューには、現在再生中の曲(AAOS)が表示されます。
オーバーフロー オーバーレイを使用したメディア再生中のメディアアプリのモックアップ
ユーザーが画面右側のオーバーフロー メニューを開き、より多くの機能(AAOS)を提供しています。
AAOS(縦向き)のメディアアプリの 2 つの例(リストとグリッド)

再生コントロールの要件

次の要件と推奨事項に留意してください。

要件レベル 要件
必須 アプリ デベロッパーは次の要件を満たしている必要があります。
すべきである アプリ デベロッパーは以下のことを行う必要があります。
  • アイコン内にテキスト(数字を含む)を使用する場合は、境界ボックスの最大のスペースを利用して、テキストのサイズをできる限り大きくして読みやすくします。
してもよい アプリ デベロッパーは以下を行えます。
  • 最大 6 つのカスタム アクションを指定できます(「次へ」や「前へ」を使用しない場合は、最大 8 つ)

背景

  • 一貫性のあるアプリ UI: アプリ デベロッパーは、メディアアプリのカスタム アクションのインターフェースを、他のデバイスのユーザーが慣れ親しんでいる類似アクションと一致させ、自動車で使い慣れたエクスペリエンスを実現する必要があります。
  • 見やすく: アイコンと組み合わせた場合にテキストが小さく表示される可能性があるため、アイコン内のテキストは利用可能なスペース内に最大限に収める必要があります。

キュー

また、音源のリストをブラウジングする方法をユーザーに提供する必要があります。

キューの例

アルバムアート付きのキューリストを表示するメディアアプリのモックアップ
ここで、ユーザーは今後のメディア(Android Auto)のキューを確認できます。
再生コントロール付きのキューリストを表示するメディアアプリのモックアップ
ここに、今後のメディア(AAOS)のリストが表示されます。
アルバムアート付きのキューリストを表示するメディアアプリのモックアップ
ここで、今後再生されるメディア(AAOS、縦向き)のキューを確認できます。

キューの要件

要件レベル 要件
すべきである アプリ デベロッパーは以下のことを行う必要があります。
  • 現在再生中のキューアイテムのインジケーターを提供する
  • 以前に再生したアイテムをキューに含める

進行状況インジケーターとキューについて詳しくは、再生コントロールを有効にするをご覧ください。

してもよい アプリ デベロッパーは以下を行えます。

背景

  • ひと目でわかる UI: 現在再生中のものをユーザーがひと目で確認できます。