Panduan UX untuk layar pilihan yang dirender developer

Anda dapat memilih untuk menyediakan sistem penagihan alternatif atau link web eksternal bersama dengan Layanan Penagihan Google Play. Meskipun Google dapat merender layar pilihan, Anda juga memiliki opsi untuk merender layar pilihan Anda sendiri asalkan Anda mematuhi panduan UX berikut dan menyatakan preferensi rendering Anda di Konsol Play saat mendaftar (hal ini juga dapat diperbarui kapan saja). Kedua jalur penerapan memerlukan integrasi dengan API pilihan penagihan untuk memfasilitasi layar informasi dan kontrol orang tua yang diperlukan. Bagian ini menguraikan persyaratan untuk merender layar pilihan Anda sendiri guna memastikan pengalaman yang konsisten dan transparan bagi pengguna untuk membuat pilihan penagihan yang tepat.

Layar pilihan yang dirender developer yang menampilkan opsi untuk sistem penagihan alternatif dan Layanan Penagihan Google Play.
Gambar 1. Layar pilihan penagihan yang dirender developer

Transparansi Penagihan

Untuk memastikan pengguna sepenuhnya mengetahui opsi penagihan mereka sebelum melakukan pembelian, Anda harus mematuhi panduan berikut:

  • Pemberian label: Anda harus memberi label sistem penagihan alternatif dengan jelas menggunakan entitas resmi, nama aplikasi, atau nama developer. Hal ini memastikan pengguna memahami siapa yang bertanggung jawab untuk memenuhi pembelian dan memberikan dukungan pelanggan.
  • Ikon aplikasi atau logo merek: Setiap opsi penagihan harus menampilkan ikon aplikasi atau logo merek spesifiknya. Untuk opsi penagihan Google Play, ikuti pedoman merek Google Play dengan menampilkan ikon Google Play dalam warna penuh dengan latar belakang netral terang atau gelap. Untuk opsi penagihan Anda sendiri, Anda hanya boleh menampilkan ikon aplikasi Anda sendiri atau logo merek developer.
  • Metode Pembayaran: Gunakan aset yang disediakan oleh API getBillingChoiceInfoAsync untuk menampilkan metode pembayaran yang tersedia untuk opsi penagihan Google Play, sekaligus mempertahankan perlakuan yang serupa saat merepresentasikan metode pembayaran untuk opsi penagihan Anda sendiri.

    • Logo metode pembayaran: Pastikan semua logo metode pembayaran ditampilkan secara seragam untuk setiap opsi penagihan.
      • Untuk Layanan Penagihan Google Play, lihat API getBillingChoiceInfoAsync untuk opsi pengaturan metode pembayaran tambahan.
      • Jika tidak dapat menentukan metode pembayaran mana yang akan ditampilkan kepada pengguna di layar pilihan, Anda dapat memilih untuk tidak menampilkan metode pembayaran untuk opsi penagihan Anda sendiri. Dalam hal ini, Anda tetap diwajibkan untuk menampilkan metode pembayaran untuk opsi Penagihan Google Play.
    • Pengambilan Real-time: Anda diwajibkan untuk mengambil dan menampilkan metode pembayaran yang ditampilkan oleh API setiap kali; jangan mengubah atau menyimpan aset ini dalam cache.
    • Teks Tambahan: Jika jumlah metode pembayaran yang tersedia melebihi logo yang ditampilkan, Anda dapat menyertakan teks tambahan untuk memberi tahu pengguna.

    Contoh:

    Contoh tata letak yang berbeda untuk menampilkan logo pembayaran, yang menunjukkan konfigurasi satu baris dan multi-baris.
    Gambar 2. Logo pembayaran

Gaya & Kedekatan Tombol

Tombol untuk sistem penagihan alternatif dan penagihan Google Play harus ditampilkan dengan cara yang adil dan setara untuk memfasilitasi pilihan pengguna.

  • Representasi yang Setara: Semua elemen visual, termasuk ukuran tombol, ukuran teks, gaya font, kontras, dan dimensi target ketuk harus direpresentasikan secara setara. Penggunaan dan ukuran logo dalam tombol juga harus setara.
  • Kedekatan: Tombol untuk setiap opsi penagihan harus ditempatkan berdekatan satu sama lain sehingga pengguna dapat membandingkan dan memilih di antara opsi tersebut.
Dua tombol pilihan penagihan yang diberi gaya dengan dimensi, font, dan ukuran logo yang identik untuk menunjukkan representasi visual yang setara.
Gambar 3. Gaya tombol
Antarmuka pengguna yang menampilkan dua tombol opsi checkout yang ditempatkan berdekatan untuk perbandingan dan pemilihan.
Gambar 4. Kedekatan tombol

Pesan Ajakan (CTA)

Label utama tombol yang mengarahkan pengguna ke setiap opsi penagihan harus setara dan konsisten. Developer masih dapat menyajikan penawaran dan manfaat yang berbeda untuk setiap opsi penagihan. Namun, jika ini diberikan, manfaat loyalitas Play juga harus ditampilkan dengan cara yang setara.

Contoh:

Mockup tombol pesan ajakan checkout netral dan paralel untuk penagihan developer dan Layanan Penagihan Google Play.
Gambar 5. Pesan ajakan (CTA)

Fitur Opsional

Fitur berikut dapat disertakan atas pertimbangan Anda, asalkan fitur tersebut juga ditampilkan untuk opsi Layanan Penagihan Google Play.

  • Manfaat loyalitas: Jika informasi loyalitas ditampilkan, informasi tersebut harus ditampilkan dengan perlakuan yang sama, dan harus ditampilkan untuk kedua opsi penagihan. Ambil pesan loyalitas untuk opsi penagihan Google Play dari getBillingChoiceInfoAsync API setiap kali; jangan menyimpan dalam cache atau menyimpan informasi ini. Contoh:

    Contoh yang menampilkan manfaat program loyalitas dengan kejelasan yang sama di kedua opsi penagihan.
    Gambar 6. Manfaat loyalitas
  • Link web eksternal: Jika Anda mengarahkan pengguna ke luar aplikasi untuk menyelesaikan pembelian, Anda harus menunjukkannya dengan jelas. Teks harus jelas secara visual dan secara eksplisit memberi tahu pengguna bahwa mereka akan keluar dari aplikasi dan diarahkan ke situs dengan teks berikut: "Anda akan dialihkan ke halaman web". Contoh:

    Contoh opsi penagihan eksternal yang menyertakan pemberitahuan yang memberi tahu pengguna bahwa mereka akan dialihkan ke halaman web.
    Gambar 7. Link web eksternal