Android Automotive OS(AAOS)の通知システムは、道路の安全性を最優先し、運転中の注意力の低下を最小限に抑えながら、ドライバーに重要な情報を提供します。このガイドでは、車載通知のカスタマイズ方法とその動作について説明します。
設計原則
車内の通知は、一目でわかることと安全性を重視して最適化されています。モバイル端末の通知とは異なり、車載通知はシンプルさを重視しています。
- 複雑さの軽減:長押しや複雑なスワイプ ジェスチャなどの複雑なコントロールは無効になっており、ドライバーが道路に集中できるようにします。
- 運転状態の認識:システムは、車両が移動中かどうかに基づいてコンテンツを自動的に制限または切り捨てることができます。
- セッションベース:通知リストは各ドライブの開始時にクリアされ、最新の関連情報のみが表示されます。
通知の表示方法
通知は、優先度とカテゴリに応じて、次の 2 つの主要なチャネルを通じて配信されます。
- ヘッドアップ通知(HUN):現在の画面上に短時間表示される、優先度の高いアラートです。着信やナビゲーションの指示など、時間的な制約がある情報に使用されます。
- 通知センター:ドライバーが見逃した可能性のある通知の履歴を表示できる中央ハブ。
カスタマイズ
中核となる安全基準を維持しながら、ブランド アイデンティティに合わせて通知エクスペリエンスをカスタマイズできます。
ユーザーインターフェースとアクセス
ドライバーが通知センターにアクセスする方法を定義できます。
- システムシェード:モバイルデバイスと同様のメニュー。
- スタンドアロン スクリーン:システムまたはナビゲーション バーのボタンを使用してアクセスする専用の UI。
ビジュアルスタイリング
通知カードの外観と雰囲気を車両のデザイン言語に合わせてカスタマイズできます。
- タイポグラフィと色:昼モードと夜モードの両方でフォントとカラーパレットを調整します。
- 図形:角の半径とコンテナーの寸法をカスタマイズします。
- モーション:通知カードの到着と終了のアニメーションを定義します。
優先順位とカテゴリー
システムは通知を分類して、通知を表示する方法とタイミングを決定します。
- 車固有のカテゴリ:車両状態アラートの
CAR_EMERGENCY, CAR_WARNING、CAR_INFORMATIONが含まれます。 - 通信: 「再生」や「ミュート」などの最適化されたアクションを使用して、
CALLおよびMESSAGEカテゴリを処理します。 - ナビゲーション:
NAVIGATIONカテゴリを使用して、HUN としてのみターンバイターン方式のガイダンスを提供します。
次のステップ
車両の通知をカスタマイズするには:
- 通知カードのスタイル設定:フォント、色、形状をカスタマイズする方法を学びます。
- 通知センターを設計する:保存されたアラートにユーザーがアクセスして操作する方法を構成します。
- シーケンス モーション インタラクション:通知遷移のアニメーションを定義します。
スタイル通知カード
Google ビルトインの通知カードは、ドライバーの注意力の低下を最小限に抑えながら、タイムリーな情報を提供します。これらのカードのビジュアルスタイル(書体、色、形状など)をカスタマイズすることで、安全基準を維持しながらブランドアイデンティティを反映できます。
通知カードの種類
通知カードには主に 3 つのバージョンがあります。
- ヘッドアップ通知 (HUN):現在のアプリの画面上部 (または向きに応じて下部) に短時間表示されます。
- 通知センター カード:通知センターにリストされる永続的な通知に使用されます。
- グループ化された通知カード:複数の関連する通知を 1 つの拡張可能なカードに結合します。
カードの解剖学
各カードは、次の 4 つの主要領域で構成された柔軟なコンテナーです。
- ヘッダー:アプリのアイコン、アプリ名、オプションのタイムスタンプが含まれます。
- コンテンツ:通知のタイトルと補足テキスト (オプションでメッセージ プレビュー付き) を表示します。
- アクション:ユーザー操作用のボタンが最大 3 つあります (例:「応答」、「ミュート」)。
- 大きなアイコン:アバターやナビゲーション シンボル用のオプションのスペース。
スタイリングガイドライン
次のセクションでは、スタイル設定のガイドラインについて説明します。
タイポグラフィ
システムのタイポグラフィスケールに合わせて、書体とサイズをカスタマイズできます。さまざまな光条件で適切に表示される、明瞭で読みやすいフォントを使用してください。
- 主要テキスト:通常、メイン見出しの場合は 32dp (本文 1)。
- セカンダリテキスト:補足情報用として通常は 24dp (本文 3)。
- フォント: Roboto が標準ですが、OEM はカスタム ブランドの書体を実装できます。
色と高さ
読みやすさとコントラストを確保するために、昼モードと夜モードに個別の色の値を定義します。
- カードの背景:異なるグレーを使用します (例: 昼はグレー 868、夜はグレー 900)。
- テキストとアイコン:主要な情報には不透明度の高い白 (88% 以上) を使用し、二次的な詳細には不透明度を下げた白 (60~72%) を使用します。
- アクセント カラー:ユーザーがソースを識別できるように、アプリのブランド カラーをセカンダリ アイコンまたは特定のアクションに適用します。
形状と間隔
UI のデザイン言語に合わせてカードの物理的な境界をカスタマイズします。
- 角の半径:デフォルトの標準は 8dp (R2) ですが、より丸みを帯びた外観や、より四角い外観に調整できます。
- 余白:カードの端と内部要素の間に一貫したパディング (標準 16 dp または 24 dp) を維持します。
画面適応とドライブ状態
通知レイアウトは、さまざまな画面サイズ (標準、ワイド、スーパーワイド) に適応する必要があります。
- ドライブ状態:車両が走行しているときは、認知負荷を軽減するために、メッセージのプレビューを非表示にするか、長いテキスト文字列を切り捨てることを検討してください。
- モーション:標準的な到着および終了アニメーション (例: HUN の場合はスライドダウン、スワイプして終了) を使用して視覚的なフィードバックを提供します。
通知センターを設計する
ドライバーは、安全ガイドラインを満たすために一目でわかり、操作が簡素化されるように設計されたこの中央ハブを通じて通知を表示および管理できます。
コア機能
メッセージやリマインダーなど、即時に通知されない通知は通知センターで確認できます。ターンバイターンナビゲーションや通話中の通話など、時間的な制約がある通知は通知センターに保存されず、ヘッドアップ通知(HUN)としてのみ表示されます。
- セッションベース:コンテンツの関連性を維持するために、リストは各ドライブの開始時に自動的にクリアされます。
- 優先度ベース:通知は重要度 (たとえば、最初に緊急アラート) によって順序付けられ、次に新しい順に順序付けられます。
カスタマイズオプション
安全基準を遵守しながら、ブランドアイデンティティに合わせて通知センターをカスタマイズできます。
1. アクセス方法
システムの UI に基づいて、ユーザーが通知センターにアクセスする方法を定義できます。
- プルダウンシェード:ユーザーは画面の上から下にスワイプして通知を表示します。
- 専用画面:ユーザーは、システム ステータス バーまたはナビゲーション バーにある通知アイコン (通常はベル) をタップします。
2. ビジュアルスタイル
ブランドのデザイン言語に合わせて、次の視覚要素をカスタマイズできます。
- カラーパレット:昼モードと夜モードに異なる背景色とアクセント色を定義します。
- タイポグラフィ:ヘッダー、タイトル、本文のフォント ファミリ、太さ、サイズを設定します。
- 形状:通知カードとコンテナー全体の角の半径を調整します。
- レイアウト:余白、パディング、通知カード間の垂直間隔をカスタマイズします。
相互作用モデル
ドライバーの注意散漫を最小限に抑えるために、インタラクション モデルは必須のアクションに制限されています。
- 参照:垂直にスクロールするリストにより、ドライバーは通知をスキャンできます。
- 応答:最大 3 つのアクション ボタンの大きなヒット ターゲット (例: 「再生」、「ミュート」、「返信」)。
- 閉じる:ユーザーはカードを左または右にスワイプしてリストから削除できます。
運転制限
通知センターは、認知過負荷を防ぐために車両の運転状態に適応する必要があります。
- コンテンツの切り捨て:システムは、設定した文字数制限に基づいて長いテキスト文字列を自動的に切り捨てることができます。
- 概要の非表示:車が走行している間は、メッセージのプレビューまたは概要を非表示にすることができます。
- リストの長さ:運転中に過度にスクロールするのを防ぐために、表示される通知の数を制限できます。
設計チェックリスト
- 高コントラスト:テキストとアイコンがあらゆる照明条件でのアクセシビリティ標準を満たしていることを確認します。
- 大きなヒットターゲット:正確なモーター制御なしで簡単にタップできるボタンとカードを設計します。
- 一貫したブランド化:通知センターとヘッドアップ通知 (HUN) の両方に同じカスタマイズ ルールを適用します。
シーケンスモーション
車内におけるモーションは、単なる美的要素ではありません。ドライバーの視線を路面から長時間離すことなく情報を伝える機能的な合図です。自動車メーカーは、通知アニメーションをカスタマイズすることで、車内のソフトウェアエクスペリエンス全体と一体化した印象を与えることができます。
自動車の運動原理
- 気を散らすのではなく、情報を伝える:状態の変化 (新しいメッセージなど) を知らせるには動きを使用しますが、ドライバーを驚かせないように控えめにしてください。
- 安全第一:アニメーションは短く、目的を明確にする必要があります。長時間の視覚的注意を必要とするような、跳ねるようなトランジションや過度に複雑なトランジションは避けてください。
- 一貫性:通知の動作は、インフォテインメント システムの残りの部分の物理的動作と一致する必要があります。
主要な動作パターン
このセクションでは、主要なモーション パターンについて説明します。
1. ヘッドアップ通知(HUN)の到着
優先度の高い通知が届くと、方向スライドを使用して画面に表示されます。
- トップダウン方式:ほとんどのシステムで標準の方式です。カードは上端から差し込みます。
- ヒント:この動きは、同じ端から下にスワイプすることで通知センターにアクセスできることを微妙に示しています。
- カスタマイズ:ブランドのスタイルに合わせて、エントランス継続時間と特定のイージング カーブを調整できます。
2. スワイプして閉じる
ドライバーは、水平スワイプで通知センターの HUN またはカードを閉じることができます。
- 視覚的なフィードバック:ユーザーがカードをドラッグすると、カードは指と 1:1 で移動します。
- 終了動作:スワイプが終了しきい値を超えると、カードは画面外に加速し、残りのリスト項目はギャップを埋めるために垂直に移動します。
3. グループ通知の拡張
関連する通知(グループチャットからの複数のメッセージなど)は、スペースを節約するために 1 つのカードにまとめられることがよくあります。
- 拡張:タップすると、カードが垂直方向に拡大し、個々のメッセージが表示されます。
- 折りたたみ:ドライバーが前のタスクに素早く戻れるように、後退動作は拡張動作よりもわずかに速くする必要があります。
タイミングと緩和
Google では、素早い開始とスムーズで段階的な終了を重視するマテリアル デザインのイージング標準に従うことを推奨しています。
| 属性 | 推奨値 |
|---|---|
HUN入場期間 | 250ミリ秒~400ミリ秒 |
解雇速度 | 速い(即時のフィードバックを提供するため) |
緩和 | 標準(急加速、ゆっくり減速) |
ベストプラクティス
- 読みやすさを優先する:テキストとカードの背景のコントラスト比を高くします。
- 一貫性: HUN と通知センター カードの両方に同じ角の半径と間隔ルールを使用します。
- ミニマリズム:アクションをシンプルにし、テキストを簡潔にします。一目見ただけでは理解できない複雑なレイアウトは避けます。