Menciptakan pengalaman penyiapan jarak jauh

Langkah-langkah ini membantu Anda memahami layar apa yang harus Anda buat dan sesuaikan untuk mendukung pengaturan jarak jauh dan transfer akun dari ponsel ke mobil.

Saat mengintegrasikan pengaturan jarak jauh bawaan Google dengan alur kerja Anda, ikuti langkah-langkah berikut:

  1. Buat titik masuk di aplikasi Anda
  2. Rancang halaman arahan dalam mobil.
  3. Mendukung pemindaian kode QR
  4. Mendesain layar pemuatan
  5. Selesaikan alur dan alihkan perhatian pengguna.
  6. Perbarui titik masuk
  7. Identifikasi aplikasi yang tidak kompatibel

Selain praktik terbaik yang diilustrasikan di sini, lihat daftar lengkap persyaratan UX umum .

Peran dan tanggung jawab

Anda dan Google sama-sama berperan dalam mendesain alur pengaturan jarak jauh. Berikut adalah gambaran pembagian tugasnya.

Peran Anda Peran Google
Untuk memastikan integrasi yang lancar, Anda bertanggung jawab atas:
  • Membuat titik masuk yang sesuai untuk alur pengaturan di aplikasi pendamping: Ini dapat berupa alur pengaturan jarak jauh yang lebih luas, termasuk perintah saat pertama kali digunakan, langkah dalam alur orientasi aplikasi, atau opsi di pengaturan aplikasi. Untuk mempelajari lebih lanjut tentang membuat titik masuk, lihat Membuat titik masuk di aplikasi Anda .
  • Mendesain dan menyesuaikan layar pengaturan di dalam mobil yang disediakan oleh Google, atau menggunakan layar Anda sendiri. Untuk informasi lebih lanjut tentang mendesain layar ini, lihat Mendesain halaman arahan di dalam mobil .
  • Mengatur alur transfer dengan layar pengantar dan penutup jika diperlukan: Buat layar transisi yang menghubungkan asosiasi aplikasi dan langkah-langkah transfer akun. Lihat Dukungan pemindaian kode QR untuk informasi lebih lanjut.
  • Menentukan apa yang harus dilakukan setelah pengaturan selesai: Misalnya, Anda dapat menghapus titik masuk pengaturan dari aplikasi Anda dan layar mobil. Lihat Memperbarui titik masuk untuk informasi selengkapnya.
Untuk mendukung pengaturan jarak jauh bagi pengguna, Google bertanggung jawab atas:
  • Alur pengaturan jarak jauh: Google menawarkan alur dan kemampuan tampilan web pengaturan jarak jauh yang lengkap, termasuk masuk dan persetujuan untuk layanan Google.
  • Alur transfer akun: Google menyediakan kemampuan alur transfer Akun Google.
  • Komponen UI: Google menyediakan pustaka komponen UI yang dapat Anda adopsi atau sesuaikan.

Buat titik masuk di aplikasi Anda

Anda dapat memilih untuk membuat titik masuk ke pengaturan bawaan Google jarak jauh di berbagai platform. Saat memutuskan cara mendesain titik masuk, pertimbangkan prinsip-prinsip desain berikut:

  • Bersikap proaktif: Berkomunikasilah secara proaktif kepada pengguna tentang pengaturan jarak jauh di aplikasi, baik melalui materi pemasaran, komunikasi dealer, maupun pengaturan di dalam mobil.
  • Tingkatkan kemudahan penemuan: Untuk membantu pengguna mempelajari tentang pengaturan jarak jauh bawaan Google, pertimbangkan untuk mengintegrasikan satu atau beberapa titik masuk alami. Beberapa pilihan yang bagus antara lain:
    • Bagian dari alur onboarding aplikasi Anda
    • Pesan peringatan saat pertama kali digunakan
    • Opsi di halaman utama aplikasi atau pengaturan.

Rancang halaman arahan dalam mobil.

Bagi pengguna, mendekati mobil untuk pertama kalinya mungkin menimbulkan sedikit ketidakpastian, meskipun mereka telah menyelesaikan pengaturan jarak jauh.

Ciptakan transisi yang lancar dengan mengembangkan halaman arahan (landing page) yang kuat yang secara jelas mengkomunikasikan apa yang harus dilakukan pengguna untuk menyelesaikan transfer akun.

Dari halaman arahan (landing page), Anda dapat memilih agar pengguna menyelesaikan pengaturan melalui telepon atau layar mobil. Anda perlu menyadari bahwa halaman arahan mendukung pengguna yang telah dan belum melakukan pengaturan jarak jauh, jadi rancanglah sedemikian rupa sehingga mendukung kedua kasus penggunaan tersebut.

Example of in-car landing page

Contoh penggunaan tombol untuk mengarahkan pengguna ke pengaturan di dalam mobil.

Mendukung pemindaian kode QR

Karena pengguna mungkin tidak yakin bagaimana cara beralih dari layar mobil ke layar ponsel, penting untuk membuat alur pemindaian QR yang jelas dan ringan untuk memudahkan mereka melalui proses tersebut.

Terapkan alur pemindaian QR berdasarkan pola yang sudah dikenal, termasuk akses kamera dan pemindaian.

Memberikan izin akses kamera dan meminta pengguna untuk memindai kode QR.

Mendesain layar pemuatan

Rancang layar transisi yang menunjukkan ponsel terhubung ke mobil sambil bersiap untuk masuk ke akun Google.

Layar pemuatan ini harus menyertakan animasi dinamis dan pesan yang selaras dengan merek Anda.

Selesaikan alur dan alihkan perhatian pengguna.

Setelah memindai kode QR, pengguna akan melalui proses masuk Google. Tampilkan konfirmasi masuk kepada pengguna, dan arahkan kembali perhatian mereka ke layar mobil.

Layar transisi ini harus mencakup animasi dinamis dan pesan yang selaras dengan merek Anda.

Sinkronisasi pengaturan ke mobil

Perbarui titik masuk

Bagi pengguna yang telah menyelesaikan pengaturan, Anda harus memperbarui titik masuk aplikasi, baik dengan menghapusnya sama sekali, atau mengkomunikasikan melalui pesan atau petunjuk UI bahwa pengaturan telah selesai.

Identifikasi aplikasi yang tidak kompatibel

Terkadang, pengguna memilih aplikasi yang sudah tidak tersedia lagi di dalam mobil. Penting untuk membantu mereka memahami bahwa aplikasi tersebut tidak akan berfungsi. Sebagai gantinya, kami mendorong mereka untuk menemukan dan mengunduh aplikasi alternatif yang mungkin mereka sukai.

Contoh yang menunjukkan aplikasi yang tidak kompatibel