アプリのコンテンツをナビゲーションとブラウジング用にどのように編成するかを決めるだけでなく、コンテンツを再生するためのキューとカスタム コントロールのどちらを使用するかも決める必要があります。
自動車メーカーと Google は、再生ビュー、最小化されたコントロール バー、キューの実装とスタイル設定を管理します。また、再生/一時停止、次へ、前へ、オーバーフローなど、再生コントロールの基本的なセットも用意されています。([Next] と [Previous] は、アプリがこれらのアクションをサポートしているかどうかによって異なります)。 これらのコントロールがアプリに十分であれば、完了です。
ただし、自動車メーカーが提供するもの以外の追加の再生アクションへのキューやアクセスを提供する場合は、次のことを決定する必要があります。
- キューのアイテムのサムネイルを表示するかどうか
- キューにある現在再生中のアイテムについて、アイコンまたは経過時間を表示するかどうか
- 以前に再生したアイテムをキューに含めるかどうか
- コントロール バーに表示するカスタム操作と、自動車メーカーの [次へ] や [前へ] のコントロールを置き換えるかどうか
- 各アクションの関連する状態(使用可能、無効など)を表すアイコン
再生ビュー
メディアアプリの設計で最も重要な機能の一つは、再生ビューです。
再生ビューの例
![メディアの再生中のメディアアプリのモックアップ](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/playback-view-ex-1.png?authuser=6&hl=ja)
![オーバーフロー オーバーレイを使用したメディア再生中のメディアアプリのモックアップ](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/playback-view-ex-2.png?authuser=6&hl=ja)
![メディアの再生中のメディアアプリのモックアップ](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/playback-view-ex-3.png?authuser=6&hl=ja)
![オーバーフロー オーバーレイを使用したメディア再生中のメディアアプリのモックアップ](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/playback-view-ex-4.png?authuser=6&hl=ja)
![](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/browsing-views-fig-5.png?authuser=6&hl=ja)
再生コントロールの要件
次の要件と推奨事項に留意してください。
要件レベル | 要件 |
---|---|
必須 | アプリ デベロッパーは次の要件を満たしている必要があります。
|
すべきである | アプリ デベロッパーは以下のことを行う必要があります。
|
してもよい | アプリ デベロッパーは以下を行えます。
|
背景
- 一貫性のあるアプリ UI: アプリ デベロッパーは、メディアアプリのカスタム アクションのインターフェースを、他のデバイスのユーザーが慣れ親しんでいる類似アクションと一致させ、自動車で使い慣れたエクスペリエンスを実現する必要があります。
- 見やすく: アイコンと組み合わせた場合にテキストが小さく表示される可能性があるため、アイコン内のテキストは利用可能なスペース内に最大限に収める必要があります。
キュー
また、音源のリストをブラウジングする方法をユーザーに提供する必要があります。
キューの例
![アルバムアート付きのキューリストを表示するメディアアプリのモックアップ](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/queue-ex-1.png?authuser=6&hl=ja)
![再生コントロール付きのキューリストを表示するメディアアプリのモックアップ](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/queue-ex-2.png?authuser=6&hl=ja)
![アルバムアート付きのキューリストを表示するメディアアプリのモックアップ](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/queue-ex-3.png?authuser=6&hl=ja)
キューの要件
要件レベル | 要件 |
---|---|
すべきである | アプリ デベロッパーは以下のことを行う必要があります。
進行状況インジケーターとキューについて詳しくは、再生コントロールを有効にするをご覧ください。 |
してもよい | アプリ デベロッパーは以下を行えます。
|
背景
- ひと目でわかる UI: 現在再生中のものをユーザーがひと目で確認できます。