Tema notifikasi

Sistem notifikasi Android Automotive OS (AAOS) memberikan informasi penting kepada pengemudi sambil memprioritaskan keselamatan di jalan dan meminimalkan gangguan. Panduan ini menjelaskan cara Anda dapat menyesuaikan notifikasi mobil dan bagaimana cara kerjanya.

Prinsip-prinsip desain

Notifikasi di dalam mobil dioptimalkan agar mudah dilihat sekilas dan aman. Berbeda dengan notifikasi di ponsel, notifikasi di dalam mobil berfokus pada kesederhanaan:

• Pengurangan kompleksitas: Kontrol yang kompleks, seperti menekan lama atau gerakan menggeser yang rumit, dinonaktifkan agar pengemudi tetap fokus pada jalan.
• Kesadaran akan kondisi berkendara: Sistem dapat secara otomatis membatasi atau memotong konten berdasarkan apakah kendaraan sedang bergerak atau tidak.
• Berbasis sesi: Daftar notifikasi akan dihapus di awal setiap perjalanan untuk memastikan hanya informasi terkini dan relevan yang ditampilkan.

Bagaimana notifikasi muncul

Notifikasi disampaikan melalui dua saluran utama tergantung pada prioritas dan kategorinya:

• Notifikasi Heads-up (HUN): Peringatan prioritas tinggi yang muncul sebentar di atas layar saat ini. Ini digunakan untuk informasi yang sensitif terhadap waktu seperti panggilan masuk atau petunjuk navigasi.
• Pusat Pemberitahuan: Pusat utama tempat pengemudi dapat melihat riwayat pemberitahuan yang mungkin terlewatkan.

Kustomisasi

Anda dapat menyesuaikan pengalaman notifikasi agar sesuai dengan identitas merek Anda sambil tetap mempertahankan standar keamanan inti.

Antarmuka pengguna dan akses

Anda dapat menentukan bagaimana pengemudi mengakses Pusat Pemberitahuan:

• System shade: Menu yang mirip dengan perangkat seluler.
• Layar mandiri: Antarmuka pengguna khusus yang diakses melalui tombol di sistem atau bilah navigasi.

Penataan visual

Anda dapat menyesuaikan tampilan kartu notifikasi agar sesuai dengan bahasa desain kendaraan Anda:

• Tipografi dan warna: Sesuaikan font dan palet warna untuk mode siang dan malam.
• Bentuk: Sesuaikan radius sudut dan dimensi wadah.
• Gerakan: Tentukan animasi kedatangan dan kepergian untuk kartu notifikasi.

Prioritas dan kategori

Sistem ini mengkategorikan notifikasi untuk menentukan bagaimana dan kapan notifikasi tersebut ditampilkan.

• Kategori khusus mobil: Mencakup CAR_EMERGENCY, CAR_WARNING , dan CAR_INFORMATION untuk peringatan status kendaraan.
• Komunikasi: Menangani kategori CALL dan MESSAGE dengan tindakan yang dioptimalkan seperti "Putar" dan "Bisukan".
• Navigasi: Menggunakan kategori NAVIGATION untuk memberikan panduan belok demi belok hanya sebagai HUN (Handle User Number).

Langkah selanjutnya

Untuk mulai menyesuaikan notifikasi untuk kendaraan Anda:

• Sesuaikan kartu notifikasi : Pelajari cara menyesuaikan font, warna, dan bentuk.
• Rancang Pusat Pemberitahuan : Konfigurasikan cara pengguna mengakses dan berinteraksi dengan peringatan yang tersimpan.
• Interaksi gerakan berurutan : Tentukan animasi untuk transisi notifikasi.

Kartu pemberitahuan gaya

Kartu notifikasi bawaan Google memberikan informasi tepat waktu kepada pengemudi sekaligus meminimalkan gangguan. Anda dapat menyesuaikan gaya visual kartu-kartu ini—termasuk tipografi, warna, dan bentuk—agar sesuai dengan identitas merek Anda sambil tetap menjaga standar keselamatan.

Jenis kartu pemberitahuan

Ada tiga versi utama kartu pemberitahuan:

• Notifikasi tampilan (HUN): Muncul sebentar di bagian atas (atau bawah, tergantung orientasi) layar di atas aplikasi yang sedang berjalan.
• Kartu Pusat Pemberitahuan: Digunakan untuk pemberitahuan permanen yang tercantum di Pusat Pemberitahuan.
• Kartu notifikasi berkelompok: Menggabungkan beberapa notifikasi terkait ke dalam satu kartu yang dapat diperluas.

Anatomi kartu

Setiap kartu adalah wadah fleksibel yang terdiri dari empat area utama:

1. Header: Berisi ikon aplikasi, nama aplikasi, dan stempel waktu (opsional).
2. Konten: Menampilkan judul notifikasi dan teks pendukung (dengan pratinjau pesan opsional).
3. Aksi: Hingga tiga tombol untuk interaksi pengguna (misalnya, "Jawab," "Bisukan").
4. Ikon besar: Ruang opsional untuk avatar atau simbol navigasi.

Pedoman penataan gaya

Bagian-bagian berikut menjelaskan pedoman penataan gaya.

Tipografi

Anda dapat menyesuaikan jenis huruf dan ukuran agar sesuai dengan skala tipografi sistem Anda. Gunakan font yang jelas dan mudah dibaca yang berkinerja baik dalam berbagai kondisi pencahayaan.

• Teks utama: Biasanya 32dp (Isi 1) untuk judul utama.
• Teks sekunder: Biasanya 24dp (Bab 3) untuk informasi pendukung.
• Font: Meskipun Roboto adalah standar, OEM dapat menerapkan jenis huruf merek khusus.

Warna dan ketinggian

Tetapkan nilai warna terpisah untuk mode Siang dan Malam untuk memastikan keterbacaan dan kontras.

• Latar Belakang Kartu: Gunakan warna abu-abu yang berbeda (misalnya, Abu-abu 868 untuk siang hari, Abu-abu 900 untuk malam hari).
• Teks & Ikon: Gunakan warna putih dengan opasitas tinggi (88%+) untuk informasi utama dan opasitas rendah (60–72%) untuk detail sekunder.
• Warna Aksen: Terapkan warna merek aplikasi pada ikon sekunder atau tindakan tertentu untuk membantu pengguna mengidentifikasi sumbernya.

Bentuk dan jarak

Sesuaikan batas fisik kartu agar sesuai dengan bahasa desain UI Anda.

• Radius Sudut: Standar default adalah 8dp (R2), tetapi ini dapat disesuaikan untuk tampilan yang lebih bulat atau persegi.
• Margin: Pertahankan jarak yang konsisten (standar 16dp atau 24dp) antara tepi kartu dan elemen internal.

Adaptasi layar dan kondisi penggerak

Tata letak notifikasi harus beradaptasi dengan berbagai dimensi layar (Standar, Lebar, dan Sangat Lebar).

• Kondisi Berkendara: Saat kendaraan sedang bergerak, pertimbangkan untuk menyembunyikan pratinjau pesan atau memangkas teks panjang untuk mengurangi beban kognitif.
• Gerakan: Gunakan animasi kedatangan dan penutupan standar (misalnya, geser ke bawah untuk HUN, geser untuk menutup) untuk memberikan umpan balik visual.

Rancang Pusat Pemberitahuan

Pengemudi dapat melihat dan mengelola notifikasi melalui pusat kendali terpusat ini yang dirancang agar mudah dilihat sekilas dan interaksinya disederhanakan untuk memenuhi pedoman keselamatan.

Fungsi inti

Notifikasi yang tidak bersifat langsung seperti pesan dan pengingat tersedia di Pusat Notifikasi. Pusat Notifikasi tidak menyimpan notifikasi yang sensitif terhadap waktu seperti navigasi belok demi belok atau panggilan telepon aktif, yang hanya muncul sebagai Notifikasi Head-up (HUN).

• Berbasis sesi: Daftar akan dihapus secara otomatis di awal setiap sesi berkendara untuk memastikan konten tetap relevan.
• Berdasarkan prioritas: Notifikasi diurutkan berdasarkan tingkat kepentingan (misalnya, peringatan darurat terlebih dahulu) dan kemudian berdasarkan waktu terbaru.

Opsi penyesuaian

Anda dapat menyesuaikan Pusat Pemberitahuan agar selaras dengan identitas merek Anda sekaligus tetap mematuhi standar keselamatan.

1. Metode akses

Anda dapat menentukan bagaimana pengguna mengakses Pusat Pemberitahuan berdasarkan antarmuka pengguna sistem Anda:

• Layar tarik ke bawah: Pengguna menggeser layar ke bawah dari bagian atas untuk menampilkan notifikasi.
• Layar khusus: Pengguna mengetuk ikon notifikasi (biasanya lonceng) di bilah status sistem atau bilah navigasi.

2. Gaya visual

Anda dapat menyesuaikan elemen visual berikut agar sesuai dengan bahasa desain merek Anda:

• Palet warna: Tentukan warna latar belakang dan warna aksen yang berbeda untuk mode Siang dan Malam.
• Tipografi: Atur jenis huruf, ketebalan, dan ukuran untuk judul, subjudul, dan teks isi.
• Bentuk: Sesuaikan radius sudut kartu notifikasi dan wadah keseluruhan.
• Tata letak: Sesuaikan margin, padding, dan jarak vertikal antar kartu notifikasi.

Model interaksi

Untuk meminimalkan gangguan pengemudi, model interaksi dibatasi pada tindakan-tindakan penting:

• Telusuri: Daftar yang dapat digulir secara vertikal memungkinkan pengemudi untuk memindai notifikasi.
• Respons: Target benturan besar untuk hingga tiga tombol aksi (misalnya, "Putar," "Bisukan," "Balas").
• Abaikan: Pengguna dapat menggeser kartu ke kiri atau ke kanan untuk menghapusnya dari daftar.

Pembatasan berkendara

Pusat Notifikasi harus beradaptasi dengan kondisi berkendara kendaraan untuk mencegah kelebihan beban kognitif.

• Pemotongan konten: Sistem dapat secara otomatis memotong string teks panjang berdasarkan batasan karakter yang Anda tetapkan.
• Menyembunyikan ringkasan: Anda dapat memilih untuk menyembunyikan pratinjau atau ringkasan pesan saat mobil sedang bergerak.
• Panjang daftar: Jumlah notifikasi yang terlihat dapat dibatasi untuk mencegah pengguliran berlebihan saat berkendara.

Daftar periksa desain

• Kontras tinggi: Pastikan teks dan ikon memenuhi standar aksesibilitas untuk semua kondisi pencahayaan.
• Target sentuh yang besar: Rancang tombol dan kartu agar mudah disentuh tanpa memerlukan kontrol motorik yang presisi.
• Branding yang konsisten: Terapkan aturan kustomisasi yang sama di seluruh Pusat Pemberitahuan dan Pemberitahuan Head-up (HUN).

Gerakan berurutan

Di dalam mobil, gerakan bukan hanya sekadar pilihan estetika; ini adalah isyarat fungsional yang memberi informasi kepada pengemudi tanpa mengalihkan pandangan mereka dari jalan terlalu lama. Produsen mobil dapat menyesuaikan animasi notifikasi untuk memastikan notifikasi tersebut terintegrasi dengan pengalaman perangkat lunak kendaraan lainnya.

Prinsip-prinsip gerak otomotif

• Informatif, bukan mengganggu: Gunakan gerakan untuk memberi sinyal perubahan status (seperti pesan baru), tetapi tetaplah cukup halus agar tidak mengejutkan pengemudi.
• Utamakan keselamatan: Animasi harus singkat dan bertujuan. Hindari transisi yang "memantul" atau terlalu kompleks yang membutuhkan perhatian visual yang lama.
• Konsistensi: Gerakan notifikasi harus sesuai dengan fisika dari bagian sistem infotainment lainnya.

Pola gerakan utama

Pola gerakan utama dijelaskan di bagian ini.

1. Pemberitahuan awal (HUN) kedatangan

Saat notifikasi prioritas tinggi tiba, notifikasi tersebut menggunakan gerakan geser untuk masuk ke layar.

• Pemasukan dari atas ke bawah: Standar untuk sebagian besar sistem. Kartu dimasukkan dari tepi atas.
• Petunjuk: Gerakan ini secara halus menunjukkan bahwa Pusat Pemberitahuan dapat diakses dengan menggeser ke bawah dari sisi yang sama.
• Kustomisasi: Anda dapat menyesuaikan durasi masuk dan kurva transisi spesifik agar sesuai dengan gaya merek Anda.

2. Geser untuk menutup

Pengemudi dapat menutup HUN atau kartu di Pusat Pemberitahuan dengan gerakan menggesek secara horizontal.

• Umpan balik visual: Saat pengguna menyeret kartu, kartu tersebut harus bergerak 1:1 mengikuti gerakan jari mereka.
• Gerakan keluar: Begitu gesekan melewati ambang batas penutupan, kartu akan melesat keluar layar, dan item daftar yang tersisa akan bergeser secara vertikal untuk mengisi celah tersebut.

3. Perluasan pemberitahuan berkelompok

Notifikasi terkait (seperti beberapa pesan dari obrolan grup) sering kali digabungkan menjadi satu kartu untuk menghemat ruang.

• Ekspansi: Saat disentuh, kartu akan membesar secara vertikal untuk menampilkan pesan-pesan individual.
• Lipatan: Gerakan mundur harus sedikit lebih cepat daripada gerakan mengembang untuk membantu pengemudi kembali ke tugas sebelumnya dengan cepat.

Pengaturan waktu dan pelonggaran

Google merekomendasikan untuk mengikuti standar easing Material Design, yang menekankan permulaan yang cepat dan penyelesaian yang halus dan bertahap.

Praktik terbaik

• Utamakan keterbacaan: Pastikan rasio kontras yang tinggi antara teks dan latar belakang kartu.
• Konsistensi: Gunakan radius sudut dan aturan spasi yang sama untuk HUN dan kartu Pusat Pemberitahuan.
• Minimalisme: Buat tindakan sederhana dan teks ringkas; hindari tata letak kompleks yang membutuhkan lebih dari sekilas pandang untuk dipahami.