Mendesain alur pembelian di aplikasi broadband seluler

Aplikasi broadband seluler Anda dapat menyertakan alur pembelian yang digunakan pengguna untuk membeli paket. Untuk pembelian pertama kali, dukung alur pembelian Anda melalui web. Berikut adalah beberapa rekomendasi standar untuk alur pembelian.

Catatan Jangan gunakan iframe untuk menghosting alur ini di aplikasi Anda.

1. Tampilkan perincian data kepada pengguna untuk memperkirakan data yang akan mereka butuhkan. Ini dapat membantu pengguna memilih paket terbaik untuk dibeli.

   

2. Anda dapat memberikan detail paket dan mengizinkannya memilih paket sebelum meneruskannya ke alur pembelian lengkap.

   

3. Jika alur pembelian Anda berisi formulir, ikuti panduan berikut:

   • Perbolehkan pengguliran vertikal dalam halaman formulir.

   • Pastikan bahwa semua bidang formulir rata kiri.

   • Karena aplikasi harus kompatibel dengan beberapa faktor bentuk, kami sarankan Anda menyediakan penspasian yang mudah disentuh di antara bidang formulir.

   • Tinggalkan banyak ruang kosong untuk mempromosikan kesederhanaan.

   • Ikuti praktik terbaik untuk dukungan formulir. Ini termasuk, tetapi tidak terbatas pada, memberikan dukungan yang tepat untuk bidang alamat, nomor, dan kartu kredit.

   • Pastikan bahwa cakupan input ditentukan untuk bidang formulir sehingga keyboard sentuh yang sesuai ditampilkan untuk bidang—misalnya, angka, teks, dan sebagainya.

   • Pastikan formulir memiliki semua kontrol dan bidang yang diratakan dengan benar.

   • Minimalkan jumlah klik dan bidang.

4. Setelah pengguna memasukkan informasi mereka, izinkan mereka untuk meninjau pesanan sebelum menyelesaikan pembelian. Jika pesanan ditempatkan dan aktivasi cepat, lanjutkan dengan aktivasi dan alihkan aplikasi ke halaman arahan. Jika aktivasi diharapkan memakan waktu lebih lama, Anda dapat menyertakan halaman tempat penampung untuk kemajuan aktivasi dan menggunakan kontrol kemajuan untuk menunjukkan bahwa aktivasi sedang terjadi. Untuk informasi selengkapnya tentang kontrol kemajuan, lihat Mulai Cepat: menambahkan kontrol kemajuan.

Ringkasan cepat

Desain yang sesuai untuk halaman pembelian:

• Ikuti pedoman formulir, yang mencakup perataan kiri, spasi kosong, perataan kisi yang tepat, dan keramahan sentuhan.

• Gunakan tata letak sederhana untuk meningkatkan keterbacaan.

• Gunakan pengguliran vertikal untuk bentuk panjang untuk mempermudah tab dan menggunakan keyboard pada layar.

• Izinkan pengguna meninjau dan memilih paket sebelum Anda memulai alur pembelian.

• Mendukung pembelian melalui web dan pembelian pertama kali.

Desain yang tidak pantas untuk halaman pembelian, pengisian ulang, isi ulang, dan penagihan:

• Jangan gunakan pengguliran horizontal untuk bentuk panjang.

• Jangan mengisi semua ruang kosong.

• Jangan gunakan iframe untuk menghosting alur.

• Jangan membuat pengguna menunggu lama tanpa memberikan umpan balik visual.

• Jangan tautkan ke situs web di luar aplikasi.

Sumber daya tambahan

• Untuk informasi selengkapnya tentang tampilan dan tata letak: lihat Memilih tata letak.

• Untuk informasi selengkapnya tentang Listviews, lihat Mulai Cepat: Menambahkan ListView.

• Untuk panduan desain untuk penanganan kesalahan, lihat Menjabarkan UI Anda.

• Untuk panduan aksesibilitas, lihat Aksesibilitas di aplikasi UWP menggunakan C++, C#, atau Visual Basic.

• Untuk informasi selengkapnya tentang cara menggunakan kontrol bawaan, lihat Menambahkan kontrol dan konten.

• Untuk panduan input sentuh, lihat Mulai Cepat: Input sentuh.

Topik terkait

Merancang pengalaman pengguna aplikasi broadband seluler