Karena sebagian besar aspek UI media dikontrol oleh produsen mobil dan Google (lihat Peran partner untuk media), tugas terkait desain untuk developer aplikasi relatif sederhana.
Berikut adalah tugas dasar untuk developer aplikasi:
- Merencanakan tab navigasi: Pilih hingga 4 tampilan konten tingkat teratas dan tentukan ikon atau label untuk tab navigasi.
- Rencanakan tampilan penjelajahan: Rencanakan cara tampilan tingkat atas dan tingkat bawah konten akan diatur dan diformat (kotak atau daftar?).
- Sesuaikan kontrol pemutaran: Putuskan apakah Anda ingin memberikan tindakan dan ikon khusus, serta apakah akan mengimplementasikan antrean atau tidak.
- Rencanakan tindakan suara: Tentukan perintah yang Anda inginkan agar dapat diminta pengguna dengan suara
- Sediakan unsur merek: Berikan ikon dan warna aksen aplikasi untuk mewakili merek Anda.
Langkah tambahan opsional hanya untuk AAOS:
- Buat alur login: Gunakan template yang tersedia untuk membuat alur login bagi pengguna untuk login ke aplikasi Anda di layar mobil (jika aplikasi Anda memerlukan login).
- Membuat setelan: Buat layar setelan di dalam kendaraan untuk aplikasi Anda, jika setelan diperlukan.
Langkah tambahan opsional hanya untuk Android Auto:
- Memberikan rekomendasi: Mengidentifikasi 10 item konten media untuk ditampilkan sebagai direkomendasikan
Gunakan link di atas untuk mengakses panduan yang lebih mendetail tentang setiap tugas. Untuk ringkasan elemen desain yang harus Anda berikan, lihat checklist berikut.
Peran partner untuk media
Tabel di bawah ini merangkum peran desain developer aplikasi dan produsen mobil (di AAOS) dalam memastikan pengalaman aplikasi media terpadu. Untuk aplikasi yang berjalan di kendaraan berbasis AAOS, produsen mobil dapat menyesuaikan UI untuk mencerminkan gaya merek dan kendaraan mereka. Untuk aplikasi yang berjalan di Android Auto, Google membuat tampilan dan nuansa yang konsisten untuk aplikasi di berbagai kendaraan yang kompatibel.
| Aspek pengalaman media | Peran desain produsen mobil (atau Google, untuk Android Auto) | Peran desain developer aplikasi |
|---|---|---|
| Menavigasi aplikasi media | Tentukan tempat panel aplikasi ditampilkan serta dukung navigasi aplikasi dan kontrol yang dapat muncul di panel aplikasi | Tentukan tampilan konten tingkat atas yang akan direpresentasikan di tab panel aplikasi dan berikan ikon serta pelabelan sesuai kebutuhan (lihat Merencanakan tab navigasi) |
| Menjelajahi detail konten | Menentukan ukuran dan konten item petak atau daftar, serta menerapkan header aplikasi di tingkat konten yang lebih rendah | Tentukan format (kisi atau daftar) dan organisasi untuk konten media yang dapat dijelajahi di setiap tingkat (lihat Merencanakan tampilan penjelajahan) |
| Memutar media | Terapkan tampilan pemutaran dan bilah kontrol yang diminimalkan dengan metadata media dan kontrol pemutaran yang sesuai, termasuk kontrol untuk tindakan khusus apa pun di aplikasi. Berikan kemampuan antrean dalam tampilan dan gaya pemutaran untuk antrean. | Tentukan apakah akan menerapkan tindakan kustom pada panel kontrol, dan menyediakan ikon untuk tindakan tersebut. Tentukan juga apakah akan mengantrekan dan apakah menyediakan indikator untuk trek yang sedang diputar (lihat Menyesuaikan kontrol pemutaran) |
| Voice action | Menyediakan UI Asisten Google dan mengontrol cara pengguna memanggil Asisten di mobil tertentu | Menentukan kategori media yang akan didukung untuk permintaan suara dan konten yang harus disediakan untuk permintaan umum (Rencanakan voice action) |
| Atribusi merek | Tampilkan ikon aplikasi di semua layar konten dan pilih tempat untuk menerapkan warna aplikasi pihak ketiga sebagai aksen | Memberikan ikon aplikasi dan menentukan warna aksen (Lihat Menyediakan elemen branding) |
| Login dan setelan | Menyediakan kemampuan setelan untuk penelusuran dan setelan di panel aplikasi serta menghubungkan pengguna ke layar login sesuai kebutuhan | Menggunakan template untuk membuat alur login dan layar setelan. Jika perlu, lihat Menyesuaikan alur login dan Setelan desain |
| Saran | Menyediakan UI untuk rekomendasi konten yang muncul | Memberikan sumber untuk rekomendasi konten yang sesuai |