Prinsip visual

Konten yang didesain untuk layar mobil harus mudah dibaca dan mudah dilihat, dengan UI yang konsisten serta target sentuh yang besar dan dapat diidentifikasi oleh pengemudi dalam segala kondisi tampilan.

Bagian ini menjelaskan cara untuk:


Buat konten mudah dibaca

Untuk memastikan pengemudi dapat dengan cepat memindai dan memahami konten yang ada di layar, konten harus ditampilkan dengan cara yang mudah dibaca saat mengemudi:

Menampilkan font yang dapat dibaca

Teks utama dan sekunder yang ditampilkan secara visual harus selaras dengan panduan Android untuk Mobil terkait font dan ukuran. Teks utama biasanya digunakan untuk potongan informasi yang diperlukan untuk pengambilan keputusan, seperti judul lagu atau nama kontak, dan harus 32 dp. Teks sekunder biasanya digunakan untuk informasi pendukung, seperti nama artis atau jenis panggilan (seperti “seluler”), dan harus berukuran 24 dp.

Batasi panjang teks

Item teks yang menggunakan alfabet Romawi tidak boleh melebihi 120 karakter, termasuk tanda baca dan spasi. (Catatan untuk referensi: Kalimat sebelumnya adalah 101 karakter.) Item teks dalam bahasa Jepang tidak boleh melebihi total 31 kombinasi karakter Romawi, kana, atau kanji.

Ikuti rasio kontras untuk teks, ikon & latar belakang

Rasio kontras untuk ikon, teks, dan gambar lainnya minimal harus 4,5:1. Persyaratan ini berlaku untuk item apa pun yang ditampilkan dan menyampaikan informasi, termasuk item yang dipilih di input dari alat rotasi dan sejenisnya. Namun, jika disediakan informasi yang berlebihan (seperti ikon dan teks yang menyampaikan makna yang sama), hanya satu elemen yang harus memenuhi panduan kontras. Untuk input dari alat rotasi, panduan kontras harus dipenuhi agar sorotan dengan latar belakang.

Memberikan visibilitas di malam hari

Polaritas konten yang ditampilkan selama siang hari dapat bernilai positif (teks gelap dengan latar belakang terang) atau negatif (teks terang dengan latar belakang gelap), sedangkan konten yang ditampilkan selama malam hari harus berupa polaritas negatif.


Buat target mudah disentuh

Pengemudi dapat dengan mudah terganggu atau membuat kesalahan saat mencoba menyentuh target di layar yang terlalu kecil atau berdekatan:

Menampilkan target sentuh dengan ukuran yang tepat

Target sentuh harus mematuhi pedoman Android Automotive, untuk ukuran minimum 76 x 76 dp. Untuk kasus khusus, lebar dapat sedikit dikorbankan demi tinggi (sekaligus menjaga keseluruhan area tetap sama) agar dapat mengakomodasi getaran kendaraan dari atas ke bawah dengan lebih baik.

Menghindari tumpang-tindih target sentuh

Target sentuh tidak boleh tumpang tindih satu sama lain. Opsi untuk zoom dapat membantu mengurangi masalah tumpang-tindih dengan memisahkan target. Jika memungkinkan, izinkan setidaknya 23 dp antartarget sentuh.


Menjaga elemen UI tetap konsisten

Untuk membantu pengemudi memahami opsi yang ditampilkan di layar dengan cepat, antarmuka pengguna harus jelas dan konsisten:

Gunakan ikon peta, terminologi, dan pola interaksi yang konsisten

Ikon dan terminologi harus secara konsisten memetakan satu ke satu ke fungsinya. Demikian juga, pola interaksi harus konsisten dan dapat diprediksi.

Mengklarifikasi fitur aktif dan tidak aktif saat bergerak

Antarmuka harus secara jelas membedakan fitur yang diizinkan dengan fitur yang tidak diizinkan – misalnya, dengan meredupkan konten media yang mengganggu. Antarmuka juga harus membedakan fitur yang dimaksudkan untuk digunakan hanya saat mengemudi dengan yang dimaksudkan untuk digunakan hanya saat tidak mengemudi. Misalnya, kotak penelusuran harus disembunyikan saat mengemudi.