簡単に到達できる画面上のタップ ターゲットにより、ドライバーの注意散漫を防止
概要:
- タップ ターゲットの最小サイズは 76 x 76 dp
- アイコンをタップ ターゲットの中央に配置して囲む
アイコンのサイズ
![Android Auto のアイコンサイズ](https://developers.google.com/cars/design/android-auto/design-system/images/Size-1.png?authuser=1&hl=ja)
アイコンとタップ ターゲットの配置
車のインターフェースのタップ ターゲットは、スマートフォンやタブレットのタップ ターゲットよりも大きくして、ひと目でタップしやすくする必要があります。Android Auto のタップ ターゲットの最小サイズ 76 x 76 dp は、ドライバーのヘッドユニットからの距離と、運転中にすばやくタップできるようにするための必要性の両方に基づいて決まります。
タップ ターゲットは次の要件を満たしている必要があります。
- タップ ターゲットを他のタップ ターゲットと重ねることはできません。
- タップ ターゲットのすべての要素は、タップ ターゲットのアクション エリアと同じ高度レベル(または Z レイヤ)に配置する必要があります。これにより、ユーザーはロータリー ダイヤルなどのロータリー入力方法を使用して UI 内を移動できるようになります。移動するには、すべての移動可能な要素を同じ高度レベルに配置する必要があります。
![タップ ターゲットのサイズは 76 x 76 dp 以上とする](https://developers.google.com/cars/design/android-auto/design-system/images/Size-2.png?authuser=1&hl=ja)
推奨
タップ ターゲットのサイズは最小要件の 76 x 76 dp 以上にします。![タップ ターゲット領域の中央に要素を配置する](https://developers.google.com/cars/design/android-auto/design-system/images/Size-3.png?authuser=1&hl=ja)
推奨
要素を最小タップ ターゲット内で中央に配置します。![要素をタップ ターゲットの片端に揃えない](https://developers.google.com/cars/design/android-auto/design-system/images/Size-4.png?authuser=1&hl=ja)
非推奨
要素をタップ ターゲットの端に揃えないでください。![要素がタップ ターゲットの外には入らない](https://developers.google.com/cars/design/android-auto/design-system/images/Size-5.png?authuser=1&hl=ja)
非推奨
タップ可能な要素がタップ ターゲットの外には出ないようにしてください。タップ ターゲットは、必要に応じて拡張して要素全体を表示する必要があります。