Template navigasi

Template Navigasi menampilkan peta dasar dan informasi perutean opsional.

Saat pengguna mengemudi tanpa petunjuk 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 detail manuver dan platform, serta peringatan navigasi.

Template navigasi mencakup hal berikut:

  • 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 menuju tujuan, dan jarak tersisa (atau tampilan informasi alternatif dengan opsi teks dan ikon kustom)
  • Panel tindakan dengan hingga 4 tindakan aplikasi, hanya terlihat seperti yang dijelaskan dalam Visibilitas panel tindakan
  • Strip tindakan peta opsional dengan hingga 4 tombol untuk interaktivitas peta
Wireframe template Navigasi

Tampilan peta di cluster

Selama navigasi aktif, aplikasi dapat menampilkan peta di kluster instrumen menggunakan template Navigasi. Cluster adalah area dasbor di belakang kemudi.

Peta dalam cluster dimaksudkan untuk:

  • Dirender secara terpisah, tetapi dapat menyalin tampilan utama jika diperlukan.
  • Noninteraktif. Elemen interaktif seperti tombol dihapus.
  • Tema gelap. Sangat disarankan untuk menggambar peta cluster versi tema gelap, guna mengurangi potensi mengalihkan 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 pengguna yang melibatkan cluster, lihat Melihat peta di cluster.

Contoh layar tengah dan cluster

Wireframe cluster peta dengan peta ringkasan rute
Di sini, aplikasi menampilkan peta yang diperbesar dalam cluster, sekaligus menampilkan peta ringkasan rute di layar tengah.
Wireframe cluster peta dengan setelan
Di sini, peta aplikasi terus ditampilkan dalam cluster saat pengguna menyesuaikan setelan mobil di layar tengah.

Merutekan detail kartu

Mock-up detail kartu perutean dalam status perutean

Saat kartu perutean dalam status perutean (berbeda dengan status pesan), kartu tersebut menampilkan informasi berikut:

  1. Langkah saat ini: mencakup ikon (biasanya panah arah), jarak, dan teks isyarat (yang dapat mencakup rentang gambar seperti penanda rute)
  2. Panduan jalur (opsional): ditampilkan sebagai gambar bantuan jalur sederhana atau sebagai gambar persimpangan yang lebih besar (ukuran fleksibel dengan tinggi maksimum 200 dp)
  3. Langkah berikutnya (opsional): menyertakan ikon dan isyarat, dan dapat muncul hanya di bagian bawah kartu perutean yang tidak menyertakan gambar persimpangan

Opsi lain dalam status perutean adalah agar kartu perutean menampilkan animasi spinner (tidak ditampilkan di sini) untuk menunjukkan status sementara seperti memuat, menghitung, atau merutekan ulang.

Dalam beberapa keadaan, informasi rute dapat ditampilkan di panel navigasi mengambang, seperti yang ditunjukkan di Menambahkan perhentian saat mengemudi.

Status pesan kartu perutean

Saat kartu rute dalam status pesan, kartu akan menampilkan pesan, bukan petunjuk rute. Pesan ini dapat digunakan untuk menyampaikan situasi seperti kedatangan di tujuan atau kegagalan rute.

Dalam status pesan, kartu perutean dapat mencakup:

  • Pesan terkait perutean yang tidak kosong dengan panjang hingga 2 baris
  • Gambar atau ikon (opsional)
Mockup status pesan kartu perutean

Notifikasi navigasi: Belokan demi belokan (TBT) dan reguler

Kartu perutean dengan notifikasi TBT
Kartu perutean dengan notifikasi reguler

Notifikasi TBT: Saat aplikasi menyediakan rute TBT berbasis teks, aplikasi juga harus memicu notifikasi TBT. Notifikasi ini digunakan untuk menampilkan petunjuk 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 ditunjukkan di sini) atau menggunakan peringatan navigasi. Info ini dapat muncul meskipun kartu perutean ditampilkan.

Notifikasi navigasi

Peringatan navigasi memberikan pesan singkat dan sementara serta tindakan opsional dalam format yang tidak menghalangi rute navigasi. Konten harus sederhana dan relevan dengan tugas navigasi. Misalnya, peringatan dapat menggambarkan perubahan kondisi lalu lintas atau menanyakan apakah pengemudi dapat menjemput pelanggan.

Setiap pemberitahuan mencakup:

  • Judul dan subjudul opsional
  • Ikon (opsional)
  • Indikator progres – berupa batang atau (opsional) dibuat ke dalam tombol berwaktu
  • Hingga 2 tombol, dengan tombol dapat ditetapkan sebagai utama atau sebagai tombol berwaktu (dengan indikator progres, seperti yang ditunjukkan pada gambar sebelumnya)

Pemberitahuan dapat ditutup dengan salah satu cara berikut:

  • Pengguna memilih tindakan apa pun
  • Waktu tunggu setelah X detik (dapat dikonfigurasi)
  • Penutupan aplikasi tanpa tindakan pengguna
Notifikasi navigasi yang menampilkan alat pengukur kecepatan di depan

Contoh template navigasi

Template navigasi, tanpa interaksi
Peta layar penuh saat navigasi dan interaktivitas peta tidak terjadi (contoh Android Auto)
Template navigasi, tanpa interaksi
Kartu pemilihan rute dengan perkiraan perjalanan, deretan tindakan (di atas), dan FAB (di kanan bawah) selama navigasi aktif.

Persyaratan UX template navigasi

Developer aplikasi:

HARUS Tampilkan minimal 1 manuver pada kartu pemilihan rute.
HARUS Sertakan setidaknya satu tombol tindakan di panel tindakan untuk mengaktifkan alur pengguna.
HARUS Sertakan tombol geser di strip tindakan peta jika aplikasi mendukung gestur menggeser.
SHOULD Gunakan tema gelap pada peta yang ditampilkan dalam cluster.
SHOULD Sertakan hanya tombol yang terkait dengan interaktivitas peta di strip tindakan peta (misalnya, kompas, pemusatan kembali, atau mode 3D).
SHOULD Sertakan tombol untuk mengakhiri navigasi saat memberikan petunjuk belokan demi belokan.
SHOULD Gunakan simbol yang distandardisasi atau konsisten dengan simbol internasional atau khusus negara.
SHOULD Gunakan gambar persimpangan hanya untuk menampilkan konten yang relevan dengan navigasi, yang mencakup lebar kartu dengan gambar.
SHOULD Berikan gambar jalur dengan latar belakang transparan agar menyatu dengan latar belakang kartu rute.
SHOULD Gunakan peringatan hanya untuk informasi yang tidak mengganggu dan relevan dengan tugas navigasi saat ini.
MAY Tampilkan teks pendukung singkat di bawah jalur (direkomendasikan Roboto 24) dan rasio kontras yang lebih rendah untuk jalur yang tidak disorot.
MAY Menampilkan 2 manuver pada kartu rute saat terjadi secara berurutan dengan cepat.
MAY Sertakan gambar seperti penanda rute dalam teks kartu rute (langkah saat ini dan langkah berikutnya).
MAY Menampilkan peta lengkap saat pengguna mengemudi tanpa petunjuk belokan demi belokan berbasis teks atau berada dalam mode mengemudi bebas.
MAY Pilih untuk menampilkan atau menyembunyikan komponen kartu rute dan estimasi perjalanan sesuai kebutuhan.
MAY Menggambar detail dan peringatan terkait mengemudi di peta, seperti kecepatan saat ini, batas kecepatan, dan kamera di depan.
MAY Sesuaikan warna latar belakang kartu rute dan ubah selama sesi navigasi untuk mencerminkan jenis jalan atau kondisi relevan lainnya.

Referensi

Jenis Link
Referensi API NavigationTemplate, NavigationTemplate.Builder
Panduan Pengembang Mengakses template navigasi