Pengantar
Android Auto memperluas platform Android ke dalam mobil. Dengan antarmuka yang sederhana, model interaksi pengguna standar, dan tindakan suara yang hebat, ini dirancang untuk membantu meminimalkan gangguan sehingga pengemudi dapat fokus di jalan.
Merancang aplikasi interaktif untuk mobil pada dasarnya berbeda dari pada perancangan untuk perangkat genggam. Konten aplikasi dan interaksi harus melengkapi pengalaman berkendara sambil meminimalkan gangguan pengemudi. UI harus disederhanakan untuk membantu menjaga mata pengemudi di jalan dan tangan di kemudi.
Kerangka
Kerangka kerja Android Auto memungkinkan pengguna mempelajari model navigasi tunggal yang bekerja di semua aplikasi. Karena mengemudi merupakan aktivitas utama di dalam mobil, semua pengalaman digital dirancang untuk melengkapi dan menambah penggerak.
Rumah layar
Layar awal menunjukkan pemberitahuan, kegiatan yang sedang berlangsung, navigasi, dan pesan dalam bentuk kartu Home.Tampilan
aplikasi Tampilan aplikasi adalah permukaan yang dapat disesuaikan yang unik untuk setiap aplikasi.Laci
Laci memberikan tindakan sederhana dan navigasi dalam aplikasi.Perintah suara Perintah
suara memungkinkan pengemudi mengendalikan tugas sementara mata mereka tetap fokus di jalan.
Rumah
Layar Home menampilkan kartu berdasarkan faktor kontekstual dan prioritas informasi. Kartu rumah menyajikan informasi tentang aktivitas yang sedang berlangsung (seperti audio atau navigasi), pengingat, dan pesan.
UI Global
menu
UI Global
Elemen UI global hadir di seluruh sistem Android Auto dan tidak dapat dimodifikasi oleh pengembang aplikasi. Antarmuka yang konsisten menciptakan pengalaman yang lebih mudah diprediksi untuk driver sehingga mereka dapat lebih fokus di jalan.
Aplikasi harus menggunakan UI global dan tidak meniru fungsi sistem Android Auto yang ada. Misalnya, aplikasi yang membutuhkan laci harus menggunakan laci Android Auto dan tidak membangun peluncur kustom yang menavigasi ke berbagai tingkat hirarki. Aplikasi Android Auto yang memecah atau mengganggu UI sistem inti akan dinonaktifkan atau terdegradasi.
UI aplikasi
Elemen status, laci, dan elemen UI panggang harus digunakan tanpa modifikasi. Kerangka kerja yang konsisten membantu mempertahankan pengalaman yang dapat diprediksi bagi pengguna Android Auto. Lapisan aplikasi kustom dapat dimodifikasi untuk menciptakan pengalaman bermerek yang unik.
Masukan pengguna
menu
Masukan pengguna
Kecepatan interaksi di Android Auto harus dikendalikan oleh pengemudi.
Semua tugas harus bisa diselesaikan dengan setidaknya satu tangan di roda kemudi dan dengan sekilas singkat sekilas. Urutan interaksi harus terganggu dan dapat dilanjutkan pada titik logis. Selain itu, umpan balik sistem harus tepat waktu dan jelas. Fitur yang mungkin mengganggu pengemudi saat kendaraan bergerak harus dinonaktifkan. Misalnya, teks manual tidak diijinkan saat mengemudi.
Unsur penting Android Auto adalah akses konten yang efisien, biasanya dicapai dengan membatasi jumlah keran yang dibutuhkan untuk mengakses konten. Saat Android Auto ada di display mobil yang kompatibel, pengemudi harus dapat mengakses konten dalam 6 langkah. Langkah adalah komitmen pada layar (ketuk atau pilihan) yang membawa pengguna ke tampilan lain. Langkah termasuk memilih item dan menggulir ke depan untuk menampilkan konten baru. Menggulir mundur ke konten yang sebelumnya dilihat tidak dianggap sebagai langkah dan tidak diperhitungkan terhadap batas ketuk.
Sentuh target
Target sentuh harus lebih besar pada antarmuka mobil sehingga mudah dilirik dan diketuk.
Untuk Android Auto, target sentuh harus minimal 76 x 76dp dan tidak dapat tumpang tindih. Semua elemen harus muncul pada lapisan z yang sama dengan area aksi yang digambarkan dengan jelas sehingga bisa dipusatkan secara logis dengan masukan putar.
Kontras warna
Kontras warna yang tepat membantu pengemudi cepat menafsirkan informasi dan membuat keputusan.
.
Kontras visual minimum antara latar depan (teks atau ikon) dan latar belakang (warna, seni album, dll.) Diperlukan untuk keterbacaan saat mengemudi. Warna aplikasi harus sesuai dengan persyaratan standar WCAG 2. 0 Level AA Normal Text (4.5: 1). Gunakan pemeriksa kontras, seperti WebAIM Color Contrast Checker , untuk memastikan layar Anda memenuhi persyaratan kontras.
Melakukan.
Ikon ini mengikuti rekomendasi rasio kontras warna dan lebih mudah terbaca terhadap latar belakangnya.
Jangan
Ikon ini tidak mengikuti rekomendasi rasio kontras warna dan sulit untuk membedakan latar belakangnya.
Mode siang & malam
Aplikasi harus disesuaikan untuk mengemudi di malam hari di mana layar terang bisa mengganggu.
Pengalaman harus disesuaikan dengan kondisi pencahayaan yang berbeda untuk menghindari keterbacaan atau keterbacaan yang buruk. Di lingkungan dengan cahaya rendah, ini berarti mengurangi kecerahan layar. Konten yang ditampilkan di siang hari bisa menjadi positif (teks gelap di latar belakang terang) atau negatif (teks terang di latar belakang gelap), sedangkan konten malam hari harus negatif. Tetapkan warna sistem per-app Android Auto khusus untuk siang dan malam untuk mengoptimalkan keterbacaan maksimum.
Mode siang hari
Mode malam hari
Tipografi
Roboto digunakan di seluruh sistem untuk konsistensi dan membantu keterbacaan.
Untuk memastikan keterbacaan di berbagai tampilan dan tata letak kendaraan, UI sistem menyediakan 2 ukuran font preset. Gunakan ukuran utama untuk semua teks yang penting untuk membuat keputusan, seperti nama lagu dalam daftar putar. Gunakan ukuran sekunder untuk teks yang memberikan informasi tambahan yang tidak penting untuk pengambilan keputusan, seperti nama artis dalam daftar putar.
Panjang teks
Untuk membantu memastikan waktu sekilas singkat, buat semua teks teks ringkas dan singkat. String tidak boleh melebihi 120 karakter dalam bahasa apa pun, termasuk spasi dan tanda baca. String yang tidak sesuai dengan ruang yang dialokasikan akan dipotong dengan "...".
Melakukan.
Buat semua teks string ringkas dan singkat.
Jangan Melakukan.
Gunakan kedua pagination dan scroll gesek yang bisa dimainkan.
Jangan
Jangan gunakan menggesek scrolling secara eksklusif.
Konten visual
Citra seharusnya hanya digunakan secara hemat dan selektif.
Visual harus digunakan untuk memberikan konteks tapi dihindari saat tujuannya adalah hiburan. Hanya menyertakan thumbnail dalam daftar saat mereka secara jelas membantu pengguna membuat keputusan konten.
Melakukan.
Pada layar Now Playing, seni album / media yang ditampilkan di latar belakang memberikan tambahan koding kontekstual.
Konten visual
Citra seharusnya hanya digunakan secara hemat dan selektif.
Visual harus digunakan untuk memberikan konteks tapi dihindari saat tujuannya adalah hiburan. Hanya menyertakan thumbnail dalam daftar saat mereka secara jelas membantu pengguna membuat keputusan konten.
Melakukan.
Pada layar Now Playing, seni album / media yang ditampilkan di latar belakang memberikan tambahan koding kontekstual.
Jangan
Menampilkan video musik di layar Now Playing akan terlalu mengganggu.
Konten terlarang
Video dan gambar animasi tidak diperbolehkan Konten iklan diperbolehkan melalui saluran suara dengan streaming audio. Iklan berbasis teks terbatas pada nama pengiklan atau nama produk. Iklan grafis terbatas pada logo perusahaan pengiklan.
Gerakan
Animasi UI dapat digunakan dengan hemat untuk menunjukkan transisi antara 2 negara bagian.
Animasi seharusnya hanya digunakan jika mereka meningkatkan pemahaman pengguna. Gerak harus dihindari jika menuntut terlalu banyak perhatian. Untuk panduan gerak tambahan, lihat spesifikasi Material Design .
Dan jika mau kelanjutannya silahkan masukin link dibawah ini.
https://google.com/designguidelines.withgoogle.com/android-auto/guidelines/motion