Template navigasi

Template Navigasi menampilkan peta dasar dan informasi pemilihan 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 permukaan, serta notifikasi navigasi.

Template ini dapat disematkan di Template tab untuk menyediakan navigasi tab.

Mencakup:

  • Peta dasar layar penuh yang digambar oleh aplikasi
  • Kartu routing (opsional) dengan manuver mendatang
  • Kartu perkiraan perjalanan (opsional) dengan perkiraan waktu tiba (PWT), waktu ke tujuan, dan jarak tersisa (atau tampilan informasi alternatif dengan opsi teks dan ikon khusus)
  • 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
{i>Wireframe<i} template Navigasi

Tampilan peta di cluster

Selama navigasi aktif, aplikasi dapat menampilkan peta di cluster instrumen menggunakan template Navigasi. Cluster adalah area dasbor di belakang kemudi. Opsi ini saat ini hanya tersedia untuk Partner Akses Awal.

Wireframe cluster peta

Peta di cluster ditujukan untuk:

  • Dirender secara independen, tetapi dapat menyalin tampilan utama jika diinginkan.
  • Noninteraktif. Elemen interaktif seperti tombol dihapus.
  • Tema gelap. Sangat disarankan untuk menggambar peta cluster versi bertema gelap guna mengurangi kemungkinan menarik perhatian pengemudi untuk menjauh dari jalan.

Peta aplikasi di cluster hanya akan ditampilkan pada waktu tertentu, bergantung pada faktor-faktor seperti status navigasi, preferensi OEM kendaraan (dalam AAOS), dan apa yang ditampilkan di layar utama (dalam AAP).

Untuk mengetahui contoh alur penggunaan yang melibatkan cluster, baca bagian Melihat peta di cluster.

Contoh cluster dan layar tengah

Wireframe cluster peta dengan peta ringkasan rute
Di sini, aplikasi menampilkan peta jarak dekat dalam cluster, sambil menampilkan peta ringkasan rute di layar tengah.
Wireframe cluster peta dengan setelan
Di sini, peta aplikasi terus ditampilkan di cluster saat pengguna menyesuaikan setelan mobil di layar tengah.

Detail kartu perutean

Maket detail kartu perutean dalam status perutean

Saat kartu perutean berada dalam status perutean (bukan status pesan), kartu akan menampilkan informasi berikut:

  1. Langkah saat ini: mencakup ikon (biasanya panah arah), jarak, dan teks tanda (yang dapat mencakup gambar span 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): mencakup ikon dan tanda, serta hanya dapat muncul di bagian bawah kartu pemilihan rute yang tidak menyertakan gambar persimpangan

Opsi lain dalam status perutean adalah membuat kartu perutean menampilkan animasi indikator lingkaran berputar (tidak ditampilkan di sini) untuk menunjukkan status sementara seperti memuat, menghitung, atau mengubah rute.

Dalam beberapa situasi, informasi rute dapat ditampilkan di menu navigasi mengambang, seperti yang ditunjukkan dalam Menambahkan perhentian saat mengemudi.

Status pesan kartu pemilihan rute

Saat kartu perutean dalam status pesan, kartu akan menampilkan pesan, bukan rute 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)
{i>Mockup<i} pemilihan rute status pesan kartu

Notifikasi navigasi: belokan demi belokan (TBT) dan reguler

Kartu pemilihan rute dengan notifikasi TBT
Kartu pemilihan rute dengan notifikasi reguler

Notifikasi TBT: Saat memberikan 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 mengirimkan notifikasi reguler (non-TBT) (seperti yang ditampilkan di sini) atau menggunakan notifikasi navigasi. Informasi ini dapat muncul bahkan saat kartu perutean ditampilkan.

Peringatan 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, notifikasi mungkin menjelaskan perubahan kondisi lalu lintas atau menanyakan apakah pengemudi dapat menjemput pelanggan.

Setiap pemberitahuan mencakup:

  • Judul dan subtitel opsional
  • Ikon (opsional)
  • Indikator progres – berupa batang atau (opsional) yang disertakan dalam tombol waktu
  • Hingga 2 tombol, dengan satu tombol dapat ditetapkan sebagai utama atau sebagai tombol waktu (dengan indikator progres, seperti yang ditampilkan di gambar sebelumnya)

Notifikasi dapat ditutup dengan salah satu dari hal berikut:

  • Pilihan pengguna dari tindakan apa pun
  • Waktu habis setelah X detik (dapat dikonfigurasi)
  • Penutupan aplikasi tanpa tindakan pengguna
Peringatan 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, strip tindakan (di atas), dan FAB (di kanan bawah) selama navigasi aktif.

Persyaratan UX template navigasi

Developer aplikasi:

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