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.

Mencakup:

  • Peta dasar layar penuh yang digambar oleh aplikasi
  • Kartu pemilihan rute (opsional) dengan manuver mendatang
  • Kartu estimasi 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 di Visibilitas strip tindakan
  • Strip tindakan peta opsional dengan maksimal 4 tombol untuk interaktivitas peta
{i>Wireframe<i} untuk template Navigasi

Tampilan peta di cluster

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

Wireframe cluster peta

Peta di cluster dimaksudkan untuk:

  • Dirender secara independen, tetapi dapat menyalin tampilan utama jika diinginkan.
  • Non-interaktif. Elemen interaktif seperti tombol akan dihapus.
  • Tema gelap. Sebaiknya gambar peta cluster versi bertema gelap untuk mengurangi kemungkinan menarik perhatian pengemudi agar tidak berada di jalan.

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

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

Contoh layar cluster dan tengah

Wireframe cluster peta dengan peta ringkasan rute
Di sini, aplikasi menampilkan peta jarak dekat di cluster, sekaligus menampilkan peta ringkasan rute di layar tengah.
Wireframe cluster peta dengan setelan
Di sini, peta aplikasi akan 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 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 tanda, serta hanya dapat muncul di bagian bawah kartu pemilihan rute yang tidak menyertakan gambar persimpangan

Opsi lain dalam status pemilihan rute 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 pemilihan rute dapat ditampilkan di menu navigasi mengambang, seperti yang ditunjukkan dalam Menambahkan perhentian saat mengemudi.

Status pesan kartu perutean

Saat kartu perutean berada 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} 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 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 mengirim notifikasi reguler (non-TBT) (seperti yang ditampilkan di sini) atau menggunakan notifikasi navigasi. Hal ini dapat muncul bahkan saat kartu perutean 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, notifikasi mungkin menjelaskan perubahan kondisi lalu lintas atau menanyakan apakah pengemudi dapat menjemput pelanggan.

Setiap pemberitahuan mencakup:

  • Judul dan subjudul opsional
  • Ikon (opsional)
  • Indikator progres – batang atau (opsional) yang terintegrasi dalam tombol waktu
  • Maksimal 2 tombol, untuk satu tombol dapat ditetapkan sebagai utama atau sebagai tombol waktu (dengan indikator progres, seperti yang ditunjukkan di gambar sebelumnya)

Notifikasi dapat ditutup oleh salah satu hal berikut:

  • Pilihan pengguna untuk tindakan apa pun
  • Waktu habis setelah X detik (dapat dikonfigurasi)
  • Penutupan aplikasi tanpa tindakan pengguna
Notifikasi navigasi

Template navigasi, tanpa interaksi
Template navigasi, tanpa interaksi

Peta layar penuh saat navigasi dan interaktivitas peta tidak terjadi (contoh Android Auto)

Kartu pemilihan rute dengan estimasi perjalanan, strip tindakan (di atas), dan strip tindakan peta (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.
SEHARUS Gunakan tema gelap pada peta yang ditampilkan di cluster.
SEHARUS Hanya sertakan tombol yang terkait dengan interaktivitas peta di strip tindakan peta (misalnya, kompas, penyederhanaan, atau mode 3D).
SEHARUS Sertakan tombol untuk mengakhiri navigasi saat memberikan rute belokan demi belokan.
SEHARUS Gunakan simbol yang telah distandardisasi atau konsisten dengan simbol internasional atau khusus negara.
SEHARUS Gunakan gambar persimpangan hanya untuk menampilkan konten yang relevan dengan navigasi, lebar kartu yang terentang dengan gambar.
SEHARUS Berikan gambar jalur dengan latar belakang transparan agar selaras dengan latar belakang kartu perutean.
SEHARUS Gunakan notifikasi hanya untuk informasi yang tidak mengganggu yang relevan dengan tugas navigasi saat ini.
DAPAT Tampilkan teks pendukung pendek di bawah lajur (direkomendasikan Roboto 24) dan rasio kontras yang lebih rendah untuk jalur yang tidak ditandai.
DAPAT Tampilkan 2 manuver pada kartu perutean saat terjadi secara berturut-turut.
DAPAT Sertakan gambar seperti penanda rute dalam teks kartu pemilihan rute (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 pemilihan rute dan komponen estimasi perjalanan sesuai kebutuhan.
DAPAT Gambarkan detail dan peringatan terkait mengemudi di peta, seperti kecepatan saat ini, batas kecepatan, dan kamera di depan.
DAPAT Sesuaikan warna latar belakang kartu pemilihan rute dan ubah warnanya selama sesi navigasi untuk mencerminkan jenis jalan atau kondisi terkait lainnya.