Menyesuaikan UI Dialer

Anda dapat menyesuaikan UI Dialer agar mencerminkan merek Anda dan untuk memastikan tampilan yang konsisten di seluruh aplikasi mereka.

Mengkustomisasi Dialer melibatkan tiga tugas berikut:

Tugas Keterangan

1) Terapkan gaya global

Terapkan gaya global di semua tampilan pada antarmuka pengguna Dialer.

2) Tampilan Style Dialer

Terapkan gaya kustom opsional pada elemen UI yang hanya muncul di tampilan Dialer tertentu.

3) Memodifikasi tata letak

Sesuaikan, atur ulang, atau ubah tata letak Dialer, jika perlu, agar lebih sesuai dengan interior mobil atau fitur yang didukung.

Untuk panduan UX, lihat daftar periksa Dialer .

Terapkan penataan gaya global.

Langkah kustomisasi pertama adalah menerapkan gaya global yang sesuai dengan merek di semua tampilan di Dialer.

Dengan menata warna, tampilan teks, dan aspek global lainnya dari UI Dialer agar mencerminkan merek mereka, produsen mobil menciptakan pengalaman pengguna yang konsisten di seluruh aplikasi mereka. (Untuk contoh antarmuka Dialer, kunjungi aplikasi Dialer) Bagian ini menjelaskan apa yang dapat disesuaikan secara global untuk Dialer, dan memberikan panduan untuk membuat pilihan gaya yang dioptimalkan untuk kendaraan.

Apa yang bisa ditata secara global?

Produsen mobil dapat menyesuaikan aspek-aspek UI berikut di berbagai tampilan Dialer:

  • Palet warna
  • Tipografi
  • Penentuan ukuran item daftar
  • Bentuk dan ukuran avatar
  • Tampilan ikon
  • Tampilan bilah aplikasi
  • Tampilan tombol
  • Tampilan dialog

Saat melakukan perubahan pada gaya, perhatikan panduan berikut.

Pedoman gaya umum

Terapkan konvensi gaya yang sama untuk aplikasi Panggilan seperti pada aplikasi lain di UI Anda, dengan pilihan desain yang dioptimalkan untuk pengalaman di dalam kendaraan.

Apa yang dibutuhkan

Ikuti persyaratan UX umum kami, yang meliputi:

  • Rasio kontras
  • Ukuran minimum tipe dan target sentuh
  • Tema gelap
  • Jarak antara target sentuh

Persyaratan ini membantu menciptakan UI yang dioptimalkan untuk kendaraan, mudah dilihat, dan konsisten.

Tampilan Style Dialer

Langkah selanjutnya setelah menerapkan penataan gaya global adalah menerapkan penataan gaya khusus opsional ke tampilan Dialer tertentu.

Beberapa elemen yang hanya muncul di tampilan tertentu, seperti tombol keypad, mungkin akan lebih baik jika diberi sentuhan gaya agar sesuai dengan merek dan interior mobil Anda. Untuk contoh antarmuka Dialer, kunjungi aplikasi Dialer.

Apa yang dapat disesuaikan dalam tampilan tertentu?

Empat dari tampilan Dialer memiliki elemen khusus tampilan yang mungkin ingin diberi gaya khusus oleh produsen mobil.

Melihat Elemen yang dapat disesuaikan

Terbaru

Ikon riwayat panggilan

Tombol angka

Tombol keypad

Layar status panggilan

Ikon bilah kontrol

Tampilan tertunda

Ikon sakelar

Produsen mobil dapat menimpa gaya fitur UI global, seperti tampilan teks, di tampilan Dialer mana pun karena alasan tertentu.

Saat menyesuaikan tampilan khusus Dialer, perhatikan panduan penataan gaya umum yang diberikan untuk menyesuaikan gaya global.

Ubah tata letak

Secara opsional, produsen mobil dapat memodifikasi tata letak Dialer dalam keadaan tertentu.

Produsen mobil dapat:

  • Sesuaikan tata letak agar lebih sesuai dengan dimensi layar mereka.
  • Susun ulang elemen tata letak untuk mobil atau lokasi tertentu.
  • Ubah tata letak untuk menonaktifkan fitur yang tidak mereka dukung.

Modifikasi tata letak yang melampaui penyesuaian sederhana — terutama jika melibatkan penonaktifan fitur — harus dilakukan dengan hati-hati untuk memastikan Dialer tetap berfungsi.

Saat melakukan modifikasi yang menonaktifkan fitur atau menata ulang elemen tata letak, patuhi pedoman gaya umum dan pastikan fitur Dialer yang tersisa berfungsi sebagaimana mestinya.

Sesuaikan tata letak agar sesuai dengan dimensi layar.

Jika versi default dari tata letak Dialer tidak optimal untuk dimensi layar mobil tertentu, produsen mobil dapat menyesuaikannya.

Menyesuaikan tata letak agar sesuai dengan dimensi layar melibatkan dua langkah:

  • Mengatur tinggi dan lebar layar keseluruhan di overlay sumber daya
  • Memastikan bahwa elemen dan target sentuh di setiap tampilan Dialer dipisahkan dengan tepat dan mudah diakses.

Lihat panduan gaya umum untuk pertimbangan gaya tambahan yang mungkin memengaruhi tata letak.

Susun ulang elemen tata letak

Dalam beberapa kasus, produsen mobil mungkin ingin mengatur ulang tata letak agar sesuai dengan interior mobil tertentu. Misalnya, pada mobil yang memiliki kolom kemudi di sebelah kanan, produsen mobil mungkin ingin mengatur ulang tata letak tampilan Dialpad untuk memindahkan keypad ke sisi kanan layar, bukan di sebelah kiri.

Lihat panduan gaya umum untuk pertimbangan gaya tambahan yang mungkin memengaruhi tata letak.

Ubah tata letak untuk menonaktifkan fitur.

Jika produsen mobil memilih untuk menonaktifkan fitur Panggilan dengan menghapus akses ke fitur tersebut dalam tata letak aplikasi, mereka harus memastikan bahwa fitur yang tersisa tidak terpengaruh secara tidak sengaja. Aplikasi harus tetap mematuhi pedoman modifikasi tata letak di bagian ini, serta pembatasan pengguna yang diberlakukan berdasarkan kondisi mengemudi mobil, seperti pemblokiran akses ke Pengaturan saat pengguna sedang mengemudi.

Selain itu, penting untuk menghapus referensi ke fitur yang dinonaktifkan dari semua tata letak yang merujuk pada fitur tersebut. Misalnya, produsen mobil yang tidak ingin mendukung tampilan kontak Favorit tidak hanya harus menonaktifkan tab Favorit di bilah aplikasi; mereka juga harus menyembunyikan atau menghapus tombol Favorit pada tampilan detail Kontak.

Persyaratan UX

Gunakan daftar ini untuk memeriksa apakah penyesuaian gaya dan tata letak pada Dialer memenuhi semua persyaratan desain.

Untuk detail lengkap mengenai pedoman WAJIB, SEHARUSNYA, dan MUNGKIN di setiap area kustomisasi, kunjungi tautan di kolom sebelah kiri.

Saat menyesuaikan Periksa itu

Penataan gaya global atau khusus tampilan.

Penataan gaya khusus:

  • Mencerminkan merek produsen mobil
  • Sesuai dengan gaya aplikasi lain di mobil yang sama.
  • Gunakan tema gelap, jika memungkinkan.
  • Memenuhi atau melampaui persyaratan kontras.
  • Memenuhi atau melampaui ukuran minimum untuk target teks dan sentuh.

Tata Letak

(Dimensi, susunan, atau fitur)

Tata letak yang dimodifikasi:

  • Patuhilah pedoman gaya yang telah disebutkan sebelumnya.
  • Patuhi batasan pengguna berdasarkan negara bagian tempat mengemudi.
  • Pertahankan fitur-fitur utama yang dibutuhkan untuk kemudahan penggunaan aplikasi, seperti papan tombol panggilan, tombol akhiri panggilan, tombol alih panggilan, tombol kembali, pencarian dan pengaturan dalam aplikasi, dan setidaknya satu tampilan kontak dengan akses ke detail kontak.