ビジュアルの原則

車の画面用にデザインされたコンテンツは、判読可能でひと目で認識できること、一貫した UI と大きなタップ ターゲットを備えており、ドライバーがあらゆる視聴状況で識別できることが必要です。

このセクションでは、以下の方法について説明します。


コンテンツを読みやすくする

ドライバーが画面上のコンテンツをすばやく確認して理解できるようにするには、運転中に読みやすい方法でコンテンツを提示する必要があります。

読みやすいフォントを表示する

プライマリ テキストとセカンダリ テキストが視覚的に表示されるよう、フォントとサイズに関して自動車向け Android のガイドラインに沿っている必要があります。メインテキストは通常、曲のタイトルや連絡先名など、意思決定に必要な情報に使用します。32 dp にする必要があります。セカンダリ テキストは通常、アーティスト名やコールタイプ(「モバイル」など)といった補足情報に使用されるもので、24 dp にする必要があります。

テキストの長さを制限する

ローマ字を使用したテキスト項目は、句読点とスペースを含めて 120 文字以内にする必要があります。(注: 上記の文は半角 101 文字(全角 51 文字)です)。日本語のテキスト項目は、ローマ字、かな、漢字を合わせて合計 31 文字以内にする必要があります。

テキスト、アイコン、背景のコントラスト比を維持する

アイコン、テキスト、その他の画像のコントラスト比は 4.5:1 以上にする必要があります。この要件は、ロータリー入力における選択されたアイテムなど、情報を伝えるすべてのアイテムに適用されます。ただし、重複する情報(同じ意味を伝えるアイコンやテキストなど)がある場合は、コントラスト ガイドラインを満たす必要がある要素は 1 つだけです。ロータリー入力の場合、背景に対するハイライトのコントラスト ガイドラインを満たす必要があります。

夜間でも視認性を確保する

日中に表示されるコンテンツの極性は、ポジティブ(明るい背景に暗いテキスト)またはネガティブ(暗い背景に明るいテキスト)のいずれかですが、夜間に表示されるコンテンツは負の極性にする必要があります。


ターゲットに触れやすくする

ドライバーが画面上のターゲットが小さすぎる、または近すぎると、気が散りやすくミスを犯してしまう可能性があります。

適切なサイズのタップ ターゲットを表示する

タップ ターゲットは、Android Automotive のガイドラインに沿って、サイズが 76 x 76 dp 以上にする必要があります。特殊なケースでは、車両の上下左右の振動により適切に対応できるよう、幅を少し犠牲にして(全体面積を同じに保ちながら)高さを犠牲にすることもできます。

タップ ターゲットの重複を回避する

タップ ターゲットは互いに重複してはいけません。ズームのオプションを使用すると、ターゲットを分離することで重複の問題を軽減できます。可能であれば、タップ ターゲットの間隔は 23 dp 以上に設定します。


UI 要素の一貫性を保つ

ドライバーが画面上のオプションをすぐに理解できるようにするには、ユーザー インターフェースを明確で一貫性のあるものにする必要があります。

地図のアイコン、用語、操作パターンに一貫性を持たせる

アイコンと用語は、機能に一貫して 1 対 1 で対応している必要があります。同様に、インタラクション パターンも一貫性があり、予測可能でなければなりません。

動作中の有効な機能と無効な機能を明確にする

インターフェースでは、許可されている機能と許可されていない機能とを明確に区別する必要があります(たとえば、気が散るメディア コンテンツを暗くする)。また、運転中のみで使用する機能と運転中でのみ使用する機能を区別する必要があります。たとえば、運転中は検索ボックスを非表示にする必要があります。