Template Navigasi menampilkan peta dasar dan informasi rute opsional.
Saat pengguna mengemudi tanpa rute belokan demi belokan berbasis teks, aplikasi dapat menampilkan peta layar penuh yang diperbarui secara real time. Selama navigasi aktif, aplikasi dapat menampilkan kartu opsional dengan manuver dan detail platform, serta peringatan navigasi.
Template ini dapat disematkan di Template tab untuk menyediakan navigasi tab.
Mencakup:
- Peta dasar layar penuh yang digambar oleh aplikasi
- Kartu pemilihan rute (opsional) dengan manuver mendatang
- Kartu estimasi perjalanan (opsional) dengan perkiraan waktu tiba (ETA), waktu ke tujuan, dan jarak tersisa (atau tampilan informasi alternatif dengan opsi teks dan ikon kustom)
- Strip tindakan dengan maksimal 4 tindakan aplikasi, hanya terlihat seperti yang dijelaskan dalam Visibilitas strip tindakan
- Strip tindakan peta opsional dengan maksimal 4 tombol untuk interaktivitas peta
Tampilan peta di cluster
Selama navigasi aktif, aplikasi dapat menampilkan peta di cluster instrumen menggunakan template Navigasi. Cluster adalah area dasbor di belakang kemudi.
Peta dalam cluster dimaksudkan untuk:
- Dirender secara independen, tetapi dapat menyalin tampilan utama jika diinginkan.
- Noninteraktif. Elemen interaktif seperti tombol akan dihapus.
- Tema gelap. Sebaiknya gambar peta cluster versi bertema gelap, untuk mengurangi potensi menarik perhatian pengemudi dari jalan.
Peta aplikasi di cluster hanya akan ditampilkan pada waktu tertentu, bergantung pada faktor-faktor seperti status navigasi, preferensi OEM kendaraan (di AAOS), dan apa yang ditampilkan di layar utama (di AAP).
Untuk contoh alur penggunaan yang melibatkan cluster, lihat Melihat peta di cluster.
Contoh layar cluster dan tengah
Detail kartu perutean
Saat kartu perutean berada dalam status perutean (bukan status pesan), kartu tersebut akan menampilkan informasi berikut:
- Langkah saat ini: mencakup ikon (biasanya panah arah), jarak, dan teks isyarat (yang dapat mencakup span gambar seperti penanda rute)
- Panduan jalur (opsional): ditampilkan sebagai gambar bantuan jalur sederhana atau sebagai gambar persimpangan yang lebih besar (ukuran fleksibel dengan tinggi maksimum 200 dp)
- Langkah berikutnya (opsional): menyertakan ikon dan isyarat, dan hanya dapat muncul di bagian bawah kartu pemilihan rute yang tidak menyertakan gambar persimpangan
Opsi lain dalam status pemilihan rute adalah agar kartu pemilihan rute menampilkan animasi indikator lingkaran berputar (tidak ditampilkan di sini) untuk menunjukkan status sementara seperti pemuatan, penghitungan, atau pemilihan rute ulang.
Dalam beberapa situasi, informasi pemilihan rute dapat ditampilkan di menu navigasi mengambang, seperti yang ditunjukkan dalam Menambahkan perhentian saat mengemudi.
Status pesan kartu perutean
Saat berada dalam status pesan, kartu pemilihan rute akan menampilkan pesan, bukan rute. Pesan ini dapat digunakan untuk menyampaikan situasi seperti tiba di tujuan atau kegagalan rute.
Dalam status pesan, kartu perutean dapat mencakup:
- Pesan terkait pemilihan rute yang tidak kosong dengan panjang maksimal 2 baris
- Gambar atau ikon (opsional)
Notifikasi navigasi: Belokan demi belokan (TBT) dan reguler
Notifikasi TBT: Saat menyediakan rute TBT berbasis teks, aplikasi juga harus memicu notifikasi TBT. Notifikasi ini digunakan untuk menampilkan rute TBT di luar template Navigasi. Aplikasi dapat menyesuaikan warna latar belakang notifikasi TBT untuk visibilitas yang lebih baik.
Notifikasi reguler: Untuk menyampaikan pesan terkait navigasi lainnya, seperti perubahan setelan rute, aplikasi navigasi juga dapat mengirim notifikasi reguler (non-TBT) (seperti yang ditampilkan di sini) atau menggunakan notifikasi navigasi. Pesan ini dapat muncul bahkan saat kartu pemilihan rute ditampilkan.
Notifikasi navigasi
Notifikasi navigasi memberikan pesan singkat dan sementara serta tindakan opsional dalam format yang tidak memblokir rute navigasi. Konten harus sederhana dan relevan dengan tugas navigasi. Misalnya, pemberitahuan mungkin menjelaskan perubahan kondisi lalu lintas atau menanyakan apakah pengemudi dapat menjemput pelanggan.
Setiap pemberitahuan mencakup:
- Judul dan subjudul opsional
- Ikon (opsional)
- Indikator progres – berupa status progres atau (opsional) terintegrasi ke dalam tombol berjangka waktu
- Maksimal 2 tombol, dengan tombol dapat ditetapkan sebagai utama atau sebagai tombol berjangka waktu (dengan indikator progres, seperti yang ditunjukkan pada gambar sebelumnya)
Notifikasi dapat ditutup dengan salah satu cara berikut:
- Pilihan pengguna untuk tindakan apa pun
- Waktu tunggu habis setelah
X
detik (dapat dikonfigurasi) - Menutup aplikasi tanpa tindakan pengguna
Contoh template navigasi
Persyaratan UX template navigasi
Developer aplikasi:
HARUS | Tampilkan minimal 1 manuver pada kartu pemilihan rute. |
HARUS | Sertakan setidaknya satu tombol tindakan di strip tindakan untuk mengaktifkan flow pengguna. |
HARUS | Sertakan tombol geser di strip tindakan peta jika aplikasi mendukung gestur geser. |
HARUS | Menggunakan tema gelap pada peta yang ditampilkan di cluster. |
HARUS | Hanya sertakan tombol yang terkait dengan interaktivitas peta di strip tindakan peta (misalnya, kompas, pemusatan kembali, atau mode 3D). |
HARUS | Sertakan tombol untuk mengakhiri navigasi saat memberikan rute belokan demi belokan. |
HARUS | Gunakan simbol yang standar atau konsisten dengan simbol internasional atau khusus negara. |
HARUS | Gunakan gambar persimpangan hanya untuk menampilkan konten yang relevan dengan navigasi, yang mencakup lebar kartu dengan gambar. |
HARUS | Berikan gambar jalur dengan latar belakang transparan agar menyatu dengan latar belakang kartu pemilihan rute. |
HARUS | Gunakan notifikasi hanya untuk informasi yang tidak mengganggu dan relevan dengan tugas navigasi saat ini. |
MAY | Menampilkan teks pendukung singkat di bawah jalur (Roboto 24 direkomendasikan) dan rasio kontras yang lebih rendah untuk jalur yang tidak ditandai. |
MAY | Menampilkan 2 manuver pada kartu pemilihan rute saat manuver tersebut terjadi secara berurutan dengan cepat. |
MAY | Sertakan gambar seperti penanda rute dalam teks kartu pemilihan rute (langkah saat ini dan langkah berikutnya). |
MAY | Menampilkan peta lengkap saat pengguna mengemudi tanpa rute per belokan berbasis teks atau dalam mode mengemudi bebas. |
MAY | Pilih untuk menampilkan atau menyembunyikan kartu pemilihan rute dan komponen estimasi perjalanan sesuai kebutuhan. |
MAY | Menggambar detail dan notifikasi terkait mengemudi di peta, seperti kecepatan saat ini, batas kecepatan, dan kamera di depan. |
MAY | Sesuaikan warna latar belakang kartu pemilihan rute dan ubah selama sesi navigasi untuk mencerminkan jenis jalan atau kondisi relevan lainnya. |