Pola untuk mempromosikan penginstalan PWA

Mustafa Kurtuldu

Penny McLachlan

Menginstal Progressive Web App (PWA) dapat memudahkan pengguna menemukan dan menggunakannya. Meskipun dengan promosi browser, beberapa pengguna tidak menyadari bahwa mereka dapat menginstal PWA. Jadi, sebaiknya berikan pengalaman dalam aplikasi yang dapat Anda gunakan untuk mempromosikan dan mengaktifkan penginstalan PWA.

Artikel ini tidak lengkap, tetapi menawarkan titik awal untuk berbagai cara mempromosikan penginstalan PWA Anda. Terlepas dari pola mana, atau pola yang Anda gunakan, semuanya mengarah ke kode yang sama yang memicu alur penginstalan, yang didokumentasikan dalam Cara memberikan pengalaman penginstalan dalam aplikasi Anda sendiri.

Praktik terbaik

Ada beberapa praktik terbaik yang berlaku terlepas dari pola promosi yang Anda gunakan di situs.

• Pastikan promosi tidak mengganggu alur perjalanan pengguna. Misalnya, di halaman login PWA, tempatkan pesan ajakan di bawah formulir login dan tombol kirim. Penggunaan pola promosi yang mengganggu akan mengurangi kegunaan PWA Anda dan berdampak negatif pada metrik engagement.
• Sertakan kemampuan untuk menolak atau menolak promosi. Ingat preferensi pengguna jika mereka melakukannya dan hanya minta ulang jika ada perubahan dalam hubungan pengguna dengan konten Anda, seperti jika mereka login atau menyelesaikan pembelian.
• Gabungkan teknik di berbagai bagian PWA Anda, tetapi berhati-hatilah agar tidak membuatkan pengguna kewalahan atau kesal dengan promosi penginstalan.
• Hanya tampilkan promosi setelah peristiwa beforeinstallprompt telah dipicu.

Promosi browser otomatis

Jika kriteria tertentu terpenuhi, sebagian besar browser akan otomatis menunjukkan kepada pengguna bahwa Progressive Web App Anda dapat diinstal. Misalnya, Chrome desktop menampilkan tombol instal di omnibox.

Chrome untuk Android menampilkan infobar mini kepada pengguna, meskipun hal ini dapat dicegah dengan memanggil preventDefault() pada peristiwa beforeinstallprompt. Jika Anda tidak memanggil preventDefault(), banner akan ditampilkan saat pertama kali pengguna mengunjungi situs Anda dan memenuhi kriteria penginstalan di Android, lalu lagi setelah sekitar 90 hari.

Pola promosi antarmuka pengguna

Pola promosi antarmuka pengguna dapat digunakan untuk hampir semua jenis PWA dan muncul di tempat-tempat seperti navigasi situs dan banner. Seperti jenis pola promosi lainnya, penting untuk mengetahui konteks pengguna untuk meminimalkan gangguan perjalanan pengguna.

Situs yang mempertimbangkan dengan cermat kapan UI promosi memicu mencapai jumlah penginstalan yang lebih besar dan menghindari mengganggu perjalanan pengguna yang tidak tertarik untuk melakukan penginstalan.

Tombol instal sederhana

UX yang paling sederhana adalah menyertakan tombol 'Instal' atau 'Dapatkan aplikasi' di lokasi yang sesuai dalam konten web Anda. Pastikan tombol tersebut tidak memblokir fungsi penting lainnya dan tidak mengganggu perjalanan pengguna dalam aplikasi Anda.

Header tetap

Ini adalah tombol instal yang merupakan bagian dari header situs Anda. Konten header lainnya sering kali menyertakan branding situs seperti logo dan menu tiga garis. Header dapat berupa position:fixed atau tidak, bergantung pada fungsi situs dan kebutuhan pengguna.

Jika digunakan dengan tepat, mempromosikan penginstalan PWA dari header situs Anda adalah cara yang bagus untuk memudahkan pelanggan paling loyal kembali ke pengalaman Anda. Piksel di header PWA Anda sangat berharga, jadi pastikan pesan ajakan penginstalan Anda berukuran tepat, lebih penting daripada kemungkinan konten header lainnya, dan tidak mengganggu.

Pastikan Anda:

• Jangan tampilkan tombol instal kecuali jika beforeinstallprompt telah diaktifkan.
• Evaluasi nilai kasus penggunaan yang diinstal untuk pengguna Anda. Pertimbangkan penargetan selektif untuk hanya menampilkan promosi Anda kepada pengguna yang kemungkinan akan mendapatkan manfaat darinya.
• Gunakan ruang header yang berharga secara efisien. Pertimbangkan hal lain yang akan berguna untuk ditawarkan kepada pengguna di header, dan pertimbangkan prioritas promosi penginstalan dibandingkan dengan opsi lain.

Menu navigasi

Menu navigasi adalah tempat yang tepat untuk mempromosikan penginstalan aplikasi Anda karena pengguna yang membuka menu tersebut menunjukkan interaksi dengan pengalaman Anda.

Pastikan Anda:

• Hindari mengganggu konten navigasi yang penting. Tempatkan promosi penginstalan PWA di bawah item menu lainnya.
• Tawarkan presentasi singkat dan relevan tentang manfaat yang akan diperoleh pengguna dengan menginstal PWA Anda.

Halaman landing

Tujuan halaman landing adalah untuk mempromosikan produk dan layanan Anda, jadi ini adalah salah satu tempat yang tepat untuk melakukan promosi besar saat mempromosikan manfaat menginstal PWA Anda.

Pertama, jelaskan proposisi nilai situs Anda, lalu beri tahu pengunjung apa yang akan mereka dapatkan dari penginstalan.

Pastikan Anda:

• Menarik perhatian pengunjung dengan fitur yang paling penting bagi mereka dan tekankan kata kunci yang mungkin telah mengarahkan mereka ke halaman landing Anda.
• Buat promosi penginstalan dan pesan ajakan (CTA) Anda menarik, tetapi hanya setelah Anda menjelaskan proposisi nilai Anda dengan jelas. Ini adalah halaman landing Anda.
• Pertimbangkan untuk menambahkan promosi penginstalan di bagian aplikasi tempat pengguna menghabiskan sebagian besar waktu mereka.

Banner penginstalan

Sebagian besar pengguna telah melihat banner penginstalan dalam pengalaman seluler dan sudah terbiasa dengan interaksi yang ditawarkan oleh banner. Banner harus digunakan dengan hati-hati karena dapat mengganggu pengguna.

Pastikan Anda:

• Tunggu hingga pengguna menunjukkan minat pada situs Anda sebelum menampilkan banner. Jika pengguna menutup banner, jangan tampilkan lagi kecuali pengguna memicu peristiwa konversi yang menunjukkan tingkat interaksi yang lebih tinggi dengan konten Anda, seperti pembelian di situs e-commerce atau mendaftar akun.
• Berikan penjelasan singkat tentang manfaat menginstal PWA Anda di banner. Misalnya, Anda dapat membedakan penginstalan PWA dari aplikasi iOS/Android dengan menyebutkan bahwa aplikasi tersebut hampir tidak menggunakan penyimpanan di perangkat pengguna atau bahwa aplikasi akan diinstal secara instan tanpa pengalihan toko.

UI Sementara

UI sementara, seperti pola desain Snackbar, memberi tahu pengguna, dan memungkinkan mereka menyelesaikan tindakan dengan mudah, dalam hal ini, menginstal aplikasi. Jika digunakan dengan benar, jenis pola UI ini tidak akan mengganggu alur penggunaan, dan biasanya otomatis ditutup jika diabaikan oleh pengguna.

Tampilkan snackbar setelah beberapa interaksi dengan aplikasi Anda. Jika muncul saat halaman dimuat, atau di luar konteks, snackbar dapat dengan mudah terlewatkan, atau menyebabkan kelebihan beban kognitif. Jika hal ini terjadi, pengguna hanya akan menutup semua hal yang mereka lihat. Ingat, pengguna baru di situs Anda mungkin belum siap menginstal PWA Anda. Oleh karena itu, sebaiknya tunggu hingga Anda memiliki sinyal minat yang kuat dari pengguna sebelum menggunakan pola ini, misalnya, kunjungan berulang, login pengguna, atau peristiwa konversi serupa.

Pastikan Anda:

• Tampilkan snackbar selama 4 hingga 7 detik untuk memberi pengguna waktu yang cukup untuk melihat dan bereaksi terhadapnya, dan tanpa mengganggu.
• Hindari menampilkannya di atas UI sementara lainnya seperti banner, dll.
• Tunggu hingga Anda memiliki sinyal minat yang kuat dari pengguna sebelum menggunakan pola ini, misalnya, kunjungan berulang, login pengguna, atau peristiwa konversi serupa.

Setelah konversi

Segera setelah peristiwa konversi pengguna, misalnya setelah pembelian di situs e-commerce, adalah peluang yang sangat baik untuk mempromosikan penginstalan PWA Anda. Pengguna secara jelas berinteraksi dengan konten Anda, dan konversi sering menandakan bahwa pengguna akan berinteraksi dengan layanan Anda lagi.

Perjalanan pemesanan atau checkout

Menampilkan promosi penginstalan selama atau setelah perjalanan berurutan seperti setelah alur pemesanan atau checkout. Jika menampilkan promosi setelah pengguna menyelesaikan perjalanan, Anda sering kali dapat membuatnya lebih terlihat karena perjalanan telah selesai.

Pastikan Anda:

• Sertakan pesan ajakan (CTA) yang relevan. Pengguna mana yang akan mendapatkan manfaat dari menginstal aplikasi Anda dan mengapa? Bagaimana hal tersebut relevan dengan perjalanan yang sedang mereka lakukan saat ini?
• Jika merek Anda memiliki penawaran unik untuk pengguna aplikasi yang diinstal, sebutkan penawaran tersebut.
• Jangan biarkan promosi mengganggu langkah berikutnya dalam perjalanan Anda atau Anda dapat memengaruhi rasio penyelesaian perjalanan secara negatif. Pada contoh e-commerce di atas, perhatikan bagaimana pesan ajakan (CTA) utama untuk checkout berada di atas promosi penginstalan aplikasi.

Alur pendaftaran, login, atau logout

Promosi ini adalah kasus khusus untuk pola promosi perjalanan yang membuat kartu promosi dapat lebih terlihat.

Halaman ini biasanya hanya dilihat oleh pengguna yang berinteraksi, dengan proposisi nilai PWA Anda sudah ditetapkan. Juga sering kali tidak banyak konten berguna lainnya yang dapat ditempatkan di laman ini. Akibatnya, membuat pesan ajakan yang lebih besar tidak akan terlalu mengganggu selama tidak menghalangi.

Pastikan Anda:

• Hindari mengganggu perjalanan pengguna di dalam formulir pendaftaran. Jika ini adalah proses multi-langkah, sebaiknya tunggu hingga pengguna menyelesaikan perjalanan.
• Promosikan fitur yang paling relevan kepada pengguna yang mendaftar.
• Pertimbangkan untuk menambahkan promosi penginstalan tambahan dalam area login aplikasi Anda.

Pola promosi inline

Teknik promosi inline menggabungkan promosi dengan konten situs. Hal ini sering kali lebih halus daripada promosi di antarmuka pengguna, yang memiliki kompromi. Anda ingin promosi Anda cukup menarik sehingga pengguna yang tertarik akan melihatnya, tetapi tidak terlalu mencolok sehingga mengurangi kualitas pengalaman pengguna Anda.

Dalam Feed

Promosi penginstalan dalam feed muncul di antara artikel berita atau daftar lainnya dari kartu informasi di PWA Anda.

Sasaran Anda adalah menunjukkan kepada pengguna cara mengakses konten yang mereka nikmati dengan lebih mudah. Fokuslah untuk mempromosikan fitur dan fungsi yang akan berguna bagi pengguna Anda.

Pastikan Anda:

• Batasi frekuensi promosi agar tidak mengganggu pengguna.
• Berikan pengguna kemampuan untuk menutup promosi.
• Ingat pilihan pengguna Anda untuk menutup.