Template navigasi

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
Wireframe 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.

Wireframe cluster peta

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

Wireframe cluster peta dengan peta ringkasan rute
Di sini, aplikasi menampilkan peta close-up di cluster, sekaligus 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

Mockup detail kartu perutean dalam status perutean

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

  1. Langkah saat ini: mencakup ikon (biasanya panah arah), jarak, dan teks isyarat (yang dapat mencakup span 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 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)
Mockup status pesan kartu pemilihan rute

Notifikasi navigasi: Belokan demi belokan (TBT) dan reguler

Kartu pemilihan rute dengan notifikasi TBT
Kartu pemilihan rute dengan notifikasi 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
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 bagian 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 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.