Progressive Web App termasuk dalam rencana banyak perusahaan untuk memodernisasi situs mereka dan beradaptasi dengan ekspektasi baru pengguna. Seperti banyak teknologi, PWA menimbulkan pertanyaan: apakah ini yang diinginkan pelanggan saya, seberapa besar akan mengembangkan bisnis saya, apa yang secara teknis layak?
![Mengidentifikasi pemangku kepentingan.](https://web.dev/static/articles/drive-business-success/image/identify-stakeholders-f19f90a38a98d.jpg?authuser=19&hl=id)
Untuk membentuk strategi digital Anda, beberapa pemangku kepentingan sering terlibat: product manager dan chief marketing officer adalah pemilik bersama dampak bisnis dari setiap fitur, chief technology officer menilai kelayakan dan keandalan teknologi, peneliti pengalaman pengguna memvalidasi bahwa fitur menjawab masalah pelanggan yang nyata.
Artikel ini bertujuan untuk membantu Anda menjawab tiga pertanyaan tersebut dan membentuk project PWA Anda. Anda akan memulai dari kebutuhan pelanggan, menerjemahkannya ke dalam fitur PWA, dan berfokus pada pengukuran dampak bisnis dari setiap kebutuhan.
PWA memenuhi kebutuhan pelanggan
Satu aturan yang kami ikuti di Google saat membuat produk adalah "berfokus pada pengguna dan hal lainnya akan mengikuti". Pikirkan yang mengutamakan pengguna: apa kebutuhan pelanggan saya, dan bagaimana PWA menyediakannya?
![Identifikasi kebutuhan pelanggan.](https://web.dev/static/articles/drive-business-success/image/identify-customer-needs-90071b7def76e.jpg?authuser=19&hl=id)
Saat melakukan riset pengguna, kami menemukan beberapa pola menarik:
- Pengguna tidak menyukai keterlambatan dan ketidakandalan di perangkat seluler. Tingkat stres yang disebabkan oleh keterlambatan seluler setara dengan menonton film horor.
- Lima puluh persen pengguna smartphone lebih cenderung menggunakan situs seluler perusahaan saat menjelajah atau berbelanja karena mereka tidak ingin mendownload aplikasi.
- Salah satu alasan utama meng-uninstal aplikasi adalah penyimpanan terbatas. (PWA yang diinstal biasanya memerlukan waktu kurang dari 1 MB).
- Pengguna smartphone cenderung membeli dari situs seluler yang menawarkan rekomendasi yang relevan tentang produk, dan 85% pengguna smartphone menyatakan notifikasi seluler berguna.
Menurut pengamatan tersebut, kami menemukan bahwa pelanggan lebih memilih pengalaman yang cepat, dapat diinstal, andal, dan menarik (F.I.R.E.).
PWA memanfaatkan kemampuan web modern
PWA menyediakan serangkaian praktik terbaik dan API web modern yang bertujuan untuk memenuhi kebutuhan pelanggan dengan menjadikan situs Anda cepat, dapat diinstal, andal, dan menarik.
Misalnya, menggunakan pekerja layanan untuk menyimpan resource ke dalam cache dan melakukan pengambilan data prediktif, akan membuat situs Anda lebih cepat dan lebih andal. Dengan menjadikan situs Anda Dapat Diinstal, pelanggan dapat mengaksesnya langsung dari layar utama atau peluncur aplikasi mereka. Selain itu, API seperti Notifikasi Push Web mempermudah interaksi kembali dengan pengguna menggunakan konten yang dipersonalisasi untuk menghasilkan loyalitas.
![Meningkatkan pengalaman pengguna dengan kemampuan web.](https://web.dev/static/articles/drive-business-success/image/improving-user-experienc-525e5b12d1361.jpg?authuser=19&hl=id)
Memahami dampak terhadap bisnis
Definisi kesuksesan bisnis dapat berupa banyak hal, bergantung pada aktivitas Anda:
- Pengguna menghabiskan lebih banyak waktu di layanan Anda
- Pengurangan rasio pantulan untuk prospek
- Rasio konversi yang ditingkatkan
- Lebih banyak pengunjung yang kembali
Sebagian besar project PWA menghasilkan rasio konversi seluler yang lebih tinggi. Anda dapat mempelajari lebih lanjut dari banyak studi kasus PWA. Bergantung pada tujuan Anda, sebaiknya Anda memprioritaskan aspek PWA yang lebih tepat untuk bisnis Anda, dan tidak ada masalah. Fitur PWA dapat dipilih dan diluncurkan secara terpisah.
Mari kita ukur dampak bisnis dari setiap fitur F.I.R.E yang hebat ini.
Dampak situs web yang cepat terhadap bisnis
Studi dari Deloitte Digital baru-baru ini menunjukkan bahwa kecepatan halaman memiliki dampak yang signifikan pada metrik bisnis.
Ada banyak hal yang dapat Anda lakukan untuk mengoptimalkan kecepatan situs guna meningkatkan perjalanan penting pengguna bagi semua pengguna. Jika Anda tidak tahu harus memulai dari mana, lihat bagian Cepat, dan gunakan Lighthouse untuk memprioritaskan hal terpenting yang harus diperbaiki.
Saat mengerjakan pengoptimalan kecepatan, mulai sering-seringlah mengukur kecepatan situs dengan alat dan metrik yang sesuai untuk memantau progres Anda. Misalnya, ukur metrik dengan Lighthouse, perbaiki target yang jelas seperti memiliki skor Data Web Inti yang"Baik", dan menggabungkan anggaran performa ke dalam proses build. Berkat pengukuran harian dan metodologi "nilai kecepatan", Anda dapat mengisolasi dampak perubahan kecepatan inkremental dan menghitung berapa pendapatan tambahan yang dihasilkan oleh pekerjaan Anda.
![Ukur nilai kecepatan dan korelasikan dengan konversi.](https://web.dev/static/articles/drive-business-success/image/measure-value-speed-co-06eddc7056367.jpg?authuser=19&hl=id)
Ebay meningkatkan tujuan perusahaan untuk tahun 2019. Mereka menggunakan teknik seperti anggaran performa, pengoptimalan jalur penting, dan pengambilan data prediktif. Mereka menyimpulkan bahwa untuk setiap peningkatan 100 milidetik pada waktu pemuatan halaman penelusuran, jumlah penambahan ke kartu meningkat 0,5%.
![Peningkatan waktu muat 100 md menghasilkan peningkatan jumlah penambahan ke keranjang sebesar 0,5% untuk eBay.](https://web.dev/static/articles/drive-business-success/image/a-100ms-improvement-load-e478244e678fe.jpg?authuser=19&hl=id)
Dampak bisnis dari situs yang dapat diinstal
Mengapa Anda ingin pengguna menginstal PWA Anda? Untuk memudahkan Anda kembali ke situs Anda. Jika penginstalan aplikasi Android akan menambahkan setidaknya tiga langkah (pengalihan ke Play Store, mendownload aplikasi, meluncurkan aplikasi), penginstalan PWA dapat dilakukan secara lancar dengan sekali klik tanpa mengalihkan pengguna dari funnel konversi saat ini.
![Pengalaman penginstalan harus lancar.](https://web.dev/static/articles/drive-business-success/image/the-install-experience-sh-ed2853f715bee.jpg?authuser=19&hl=id)
Setelah aplikasi diinstal, pengguna dapat meluncurkannya dengan sekali klik menggunakan ikon di layar utama, melihatnya di baki aplikasi saat beralih antar aplikasi, atau menemukannya melalui hasil penelusuran aplikasi. Kami menyebutnya tombol Discover-Launch-Switch dinamis, dan membuat PWA dapat diinstal adalah kunci untuk membuka akses.
Selain dapat diakses dari platform penemuan dan peluncuran yang sudah dikenal di perangkat mereka, PWA diluncurkan persis seperti aplikasi khusus platform: dalam pengalaman mandiri, terpisah dari browser. Selain itu, aplikasi ini memanfaatkan layanan perangkat tingkat OS seperti pengalih dan setelan aplikasi.
Pengguna yang menginstal PWA kemungkinan besar adalah pengguna yang paling aktif berinteraksi, dengan metrik engagement yang lebih baik daripada pengunjung biasa, termasuk lebih banyak kunjungan berulang, waktu yang lebih lama di situs, dan rasio konversi yang lebih tinggi, sering kali setara dengan pengguna aplikasi khusus platform di perangkat seluler.
Agar dapat diinstal, PWA harus memenuhi kriteria dasar. Setelah memenuhi kriteria tersebut, Anda dapat mempromosikan penginstalan dalam pengalaman pengguna di desktop dan seluler, termasuk iOS.
![PWA dapat diinstal di mana saja.](https://web.dev/static/articles/drive-business-success/image/pwas-are-installable-ever-7011cc3ca80b4.jpg?authuser=19&hl=id)
Setelah mulai mempromosikan penginstalan PWA, Anda harus mengukur jumlah pengguna yang menginstal PWA, dan cara mereka menggunakan PWA Anda.
Untuk memaksimalkan jumlah pengguna yang menginstal situs Anda, sebaiknya uji berbagai pesan promosi (misalnya, "instal dalam satu detik", atau "tambahkan pintasan kami untuk mengikuti pesanan Anda"), penempatan yang berbeda (banner header, dalam feed), dan coba ajukan pada berbagai langkah funnel penginstalan (di halaman kedua yang dikunjungi, atau setelah pemesanan).
Untuk memahami dari mana pengguna Anda berhenti menggunakan dan cara meningkatkan retensi, funnel penginstalan dapat diukur dengan empat cara:
- Jumlah pengguna yang memenuhi syarat untuk menginstal
- Jumlah pengguna yang mengklik dialog instal
- Jumlah pengguna yang menerima maupun menolak permintaan penginstalan
- Jumlah pengguna yang berhasil diinstal
Anda dapat mempromosikan penginstalan PWA kepada semua pengguna atau melakukan pendekatan yang lebih hati-hati dengan bereksperimen dengan sekelompok kecil pengguna.
Beberapa hari atau minggu seharusnya Anda memiliki cukup data untuk mengukur dampaknya terhadap bisnis Anda. Bagaimana perilaku orang-orang yang datang dari pintasan yang diinstal? Apakah mereka lebih banyak berinteraksi, apakah mereka melakukan lebih banyak konversi?
Untuk menyegmentasikan pengguna yang menginstal PWA Anda, lacak peristiwa appinstalled
, dan gunakan JavaScript untuk memeriksa apakah pengguna berada dalam mode mandiri, yang menunjukkan penggunaan PWA yang diinstal.
Lalu, gunakan variabel tersebut sebagai variabel atau dimensi untuk pelacakan analisis Anda.
![Ukur nilai penginstalan.](https://web.dev/static/articles/drive-business-success/image/measure-value-installat-548e1ea88d1.jpg?authuser=19&hl=id)
Studi kasus Weekendesk menarik; untuk meningkatkan peluang pengguna menginstal PWA, mereka mempromosikan penginstalan di halaman kedua yang dikunjungi. Pengguna yang meluncurkan PWA dari layar utama memiliki kemungkinan dua kali lebih besar untuk menginap melalui PWA mereka.
![Pengguna yang menginstal aplikasi memiliki rasio konversi 2,5 kali lebih tinggi.](https://web.dev/static/articles/drive-business-success/image/installed-users-had-25-8216ba7aa9112.jpg?authuser=19&hl=id)
Penginstalan adalah cara yang bagus untuk mendorong orang kembali ke situs Anda dan meningkatkan loyalitas pelanggan. Anda juga dapat mempersonalisasi pengalaman untuk pengguna premium.
Meskipun Anda memiliki aplikasi khusus platform, pengguna mungkin merasa tidak ingin menginstalnya, atau tidak perlu menginstalnya. Pengguna yang semi-berinteraksi ini mungkin merasa bahwa PWA tepat bagi mereka karena sering kali dianggap lebih ringan, dan dapat diinstal dengan lebih sedikit hambatan.
![PWA dapat menjangkau pengguna yang tidak berinteraksi.](https://web.dev/static/articles/drive-business-success/image/pwas-reach-semi-engaged-4bb2ee5369255.jpg?authuser=19&hl=id)
Dampak situs yang andal terhadap bisnis
Game Chrome Dino, yang ditawarkan saat pengguna sedang offline, dimainkan lebih dari 270 juta kali dalam sebulan. Angka yang mengesankan ini menunjukkan bahwa keandalan jaringan adalah peluang yang cukup besar untuk penggunaan PWA, terutama di pasar dengan jaringan yang tidak dapat diandalkan atau data seluler yang mahal seperti India, Brasil, Meksiko, atau Indonesia.
Saat aplikasi yang diinstal dari app store diluncurkan, pengguna berharap aplikasi tersebut terbuka terlepas dari apakah mereka terhubung ke internet atau tidak. Progressive Web App pun demikian.
Setidaknya, halaman offline sederhana yang memberi tahu pengguna bahwa aplikasi tidak tersedia tanpa koneksi jaringan harus ditayangkan. Kemudian, pertimbangkan untuk membuat pengalaman lebih jauh dengan menyediakan fungsi yang masuk akal saat offline. Misalnya, Anda dapat memberikan akses ke tiket atau boarding pass, daftar keinginan offline, informasi kontak pusat panggilan, artikel atau resep yang baru-baru ini dilihat pengguna, dll.
![Bermanfaat, bahkan saat offline.](https://web.dev/static/articles/drive-business-success/image/be-helpful-when-offline-94c8ecb14cadd.jpg?authuser=19&hl=id)
Setelah menerapkan pengalaman pengguna yang andal, Anda sebaiknya mengukurnya; berapa banyak pengguna yang offline, di lokasi geografis mana, dan apakah mereka tetap berada di situs saat jaringan kembali? Analytics dapat memberi tahu Anda kapan pengguna biasanya pergi offline dan online. Metrik ini memberi tahu Anda jumlah pengguna yang terus menjelajah di situs Anda setelah jaringan kembali.
![Trivago mengalami peningkatan pengguna yang kembali online dan melanjutkan penjelajahan sebesar 67%.](https://web.dev/static/articles/drive-business-success/image/trivago-saw-67-increase-b38f8ae3d7327.jpg?authuser=19&hl=id)
Studi kasus Trivago menggambarkan bagaimana hal ini dapat memengaruhi tujuan bisnis Anda. Untuk pengguna yang sesinya terganggu oleh periode offline (sekitar tiga persen pengguna), 67% pengguna yang kembali online melanjutkan penjelajahan situs.
Dampak bisnis dari situs yang menarik
Dengan notifikasi push web, pengguna dapat memilih untuk menerima info terbaru secara tepat waktu dari situs yang mereka butuhkan atau penting, serta memungkinkan Anda berinteraksi kembali dengan mereka secara efektif dengan konten yang disesuaikan dan relevan.
Berhati-hatilah. Meminta pengguna untuk mendaftar notifikasi web saat pertama kali datang dan tanpa memaparkan manfaatnya dapat dianggap sebagai spam dan berdampak negatif pada pengalaman Anda. Pastikan untuk mengikuti praktik terbaik saat meminta notifikasi dan dapatkan persetujuan melalui penggunaan yang relevan seperti keterlambatan kereta, pemantauan harga, produk yang habis, dll.
Secara teknis, notifikasi push di web berjalan di latar belakang berkat pekerja layanan dan sering kali dikirim oleh sistem yang dibuat untuk mengelola kampanye (misalnya, Firebase). Fitur ini menghadirkan nilai bisnis yang besar untuk pengguna seluler (Android) dan desktop. Konversi ini meningkatkan kunjungan berulang, sehingga penjualan dan konversi.
Untuk mengukur efektivitas kampanye push, Anda perlu mengukur seluruh funnel, termasuk:
- Jumlah pengguna yang memenuhi syarat untuk notifikasi push
- Jumlah pengguna yang mengklik permintaan UI notifikasi kustom
- Jumlah pengguna yang memberikan izin notifikasi push
- Jumlah pengguna yang menerima notifikasi push
- Jumlah pengguna yang berinteraksi dengan notifikasi
- Konversi dan interaksi pengguna yang berasal dari notifikasi
![Ukur nilai notifikasi push web.](https://web.dev/static/articles/drive-business-success/image/measure-value-web-push-b3c98247d6817.jpg?authuser=19&hl=id)
Ada banyak studi kasus yang bagus tentang notifikasi push web, seperti studi dengan Carrefour yang mengalikan rasio konversi sebesar 4,5 dengan berinteraksi kembali dengan pengguna yang meninggalkan keranjang.
P dalam PWA: peluncuran progresif, fitur demi fitur
PWA adalah situs modern yang menggabungkan jangkauan web yang sangat luas, dikombinasikan dengan semua fitur yang mudah digunakan seperti yang diharapkan pengguna di aplikasi Android, iOS, atau desktop. Keduanya menggunakan serangkaian praktik terbaik dan API web modern yang dapat diimplementasikan secara independen, bergantung pada kekhususan dan prioritas bisnis Anda.
![Luncurkan PWA Anda secara bertahap.](https://web.dev/static/articles/drive-business-success/image/progressively-launch-pwa-afc6e174af615.jpg?authuser=19&hl=id)
Untuk mempercepat modernisasi situs Anda dan menjadikannya PWA sungguhan, sebaiknya Anda tangkas: luncurkan fitur demi fitur. Pertama, lakukan riset bersama pengguna terkait fitur apa yang paling bermanfaat bagi mereka, kemudian berikan fitur kepada desainer dan developer Anda. Terakhir, jangan lupa untuk mengukur dengan tepat jumlah uang tambahan yang dihasilkan PWA Anda.