OYO Lite: TWA dengan aplikasi web dan Android terbaik

Cara startup pelayanan membangun aplikasi Android yang mengandalkan konten web untuk secara signifikan meningkatkan interaksi pengguna dan menjaga ukuran file tetap rendah

Ankit Jain
Ankit Jain
Michael Friesenhahn
Michael Friesenhahn

Didirikan pada tahun 2013, OYO Room telah menjadi salah satu perusahaan perhotelan terbesar di India, dengan hotel yang tersebar di ratusan kota di lebih dari 80 negara. Keberhasilan itu berasal dari upaya membuat pengalaman reservasi {i>online<i} secepat dan semudah mungkin.

Hingga baru-baru ini, tim OYO menawarkan Progressive Web App (PWA) dan aplikasi Android untuk mencapai tujuan tersebut. Aplikasi Android memiliki interaksi yang jauh lebih tinggi: pengguna yang melakukan konversi tiga kali lebih sering daripada mereka yang menggunakan PWA. Namun, pengguna juga cenderung meng-uninstal aplikasi Android seiring waktu karena kekhawatiran tentang ruang penyimpanan.

Untuk mengurangi jejak aplikasi Android di perangkat pengguna sekaligus mempertahankan manfaat pengalaman Android, tim memutuskan untuk beralih ke Aktivitas Web Tepercaya (TWA).

Apa itu TWA?

Sebelum Chrome 72, developer Android yang ingin menampilkan konten web di aplikasi khusus platform harus menggunakan WebView, yang memiliki beberapa batasan penting: versinya tidak secepat Chrome dan tidak menyertakan semua API dan fitur Chrome. Jadi, jika Anda menginginkan perilaku yang tidak didukung oleh mesin rendering WebView, Anda harus membangun browser Anda sendiri seputar hal itu—yang tidak terlalu sepele.

Aktivitas Web Tepercaya (TWA) mengatasi batasan tersebut dengan menampilkan konten web langsung di Chrome. Penguraian nama TWA membantu menjelaskan fitur-fiturnya: - Aktivitas adalah satu layar atau tampilan dalam antarmuka pengguna aplikasi Android. - TWA menggunakan Chrome untuk menampilkan konten web untuk aktivitas aplikasi. - Konten TWA tepercaya karena menggunakan Digital Asset Links untuk memverifikasi bahwa orang yang sama yang membuat aplikasi Android dan konten web yang ditampilkannya.

Mengapa membuat TWA dan bukan aplikasi khusus platform?

Semakin banyak aplikasi Android yang menayangkan konten dari situs milik developer. TWA mengakui kenyataan tersebut dengan menawarkan yang terbaik dari dunia aplikasi web dan khusus platform:

  • Aplikasi tersebut memiliki semua fungsi aplikasi Android yang diharapkan, termasuk ikon peluncur, notifikasi push, dan tampilan layar penuh.
  • Chromebook menawarkan kinerja dan fitur Chrome.
  • Aplikasi menggunakan versi Chrome yang terinstal di perangkat, sehingga selalu memiliki API dan fitur terbaru.
  • Aplikasi tersebut menggunakan penyimpanan yang jauh lebih sedikit daripada aplikasi khusus platform, yang menjadi perhatian banyak pengguna, terutama mereka yang menggunakan perangkat kelas bawah.

Menjalankan di Chrome juga memiliki sejumlah manfaat praktis. Misalnya, TWA berbagi penyimpanan Chrome, termasuk cookie, sandi, dan apa pun yang disimpan menggunakan Web Storage API. Salah satu manfaat penyiapan ini adalah pengguna tetap login di seluruh browser dan aplikasi TWA.

Membuat OYO Lite

Tim OYO ingin memberi pengguna pengalaman aplikasi berfitur lengkap tanpa harus mengorbankan penyimpanan perangkat. Jadi, mereka memutuskan untuk membuat OYO Lite, TWA yang dibangun berdasarkan PWA yang sudah ada.

Memulai dengan PWA sangat penting. Pengguna mengharapkan pengalaman berfitur lengkap di aplikasi yang mereka jalankan dari peluncur Android. Oleh karena itu, konten web yang ditayangkan di TWA harus memberikan pengalaman tersebut, termasuk:

  • Waktu pemuatan dan respons yang cepat
  • Keandalan saat pengguna memiliki konektivitas yang terbatas atau tidak ada sama sekali
  • Tampilan dan nuansa terpadu (dengan memberikan, misalnya, layar pembuka dan warna aplikasi)

Jika Anda sudah memiliki PWA, langkah-langkah untuk membuat TWA dasar dirancang dengan mudah, meskipun Anda belum pernah melakukan pengembangan untuk Android sebelumnya. Inilah yang dilakukan tim OYO:

Dan inilah hasilnya:

Penggunaan OYO Lite.

Untuk panduan yang lebih detail tentang cara membangun TWA dasar, lihat pembicaraan TWA dari Google I/O 2019 dari Peter McLachlan dan Andre Bandarra.

Untuk mempelajari lebih lanjut cara tim OYO membuat OYO Lite—termasuk pendalaman pendekatan mereka untuk membuat layar pembuka yang dapat diakses oleh semua pengguna Android—lihat postingan Ankit Jain di Medium.

Bagaimana TWA membantu OYO memenuhi kebutuhan penggunanya

Dengan menyimpan sebagian besar aset aplikasi mereka di cache Chrome, tim OYO bisa mendapatkan ukuran download awal untuk OYO Lite menjadi 850 KB. Itu hanya 7% ukuran aplikasi Android mereka!

Jejak kecil tersebut dikombinasikan dengan fasilitas aplikasi Android yang dapat didownload dari Google Play Store, menghasilkan peningkatan yang signifikan dalam interaksi pengguna:

  • Rasio konversi tiga kali lebih tinggi daripada rasio PWA
  • Rata-rata tiga kali lebih banyak pengguna yang login daripada PWA
  • Rating 4,1 di Google Play Store

Selain manfaat yang terlihat oleh pengguna, menggunakan TWA berarti tim hanya memiliki satu codebase, yang dapat dengan mudah mereka update tanpa harus menunggu pengguna mendownload versi terbaru aplikasi.

Membangun TWA Anda sendiri

Platform reservasi online OYO hanyalah salah satu kasus penggunaan untuk TWA. Fitur ini sangat cocok untuk banyak project yang saat ini dibuat sebagai aplikasi atau halaman web khusus platform, mulai dari keranjang belanja dan alur checkout, hingga FAQ dan formulir kontak.

Lihat link ini untuk mulai menggunakan TWA: