Pengguna biasanya mendapatkan aplikasi, terutama aplikasi platform, melalui app store, atau dengan mendownload paket dan menginstalnya. Saat ini, bahkan pengalaman desktop beralih ke penawaran aplikasi di toko terpusat.
Untuk aplikasi web, modelnya berbeda: pengguna tidak perlu mengunjungi depot aplikasi terpusat untuk mendapatkan aplikasi web, berdasarkan desainnya, tidak semua pengalaman web dapat diinstal, penginstalan aplikasi dapat berbeda antara platform dan browser, browser bahkan memiliki menu dan platform yang berbeda untuk menginstal aplikasi. Setelah pengguna mengklik opsi penginstalan tersebut, dialog default tidak menyertakan informasi tambahan apa pun, seperti yang ditunjukkan di bawah ini:
Membuat aplikasi web yang dapat diinstal dan memberikan interaksi yang sama seperti aplikasi platform, memerlukan pekerjaan teknis untuk menghadirkan pengalaman tersebut beserta panduan yang baik bagi pengguna untuk memanfaatkan alur penginstalan yang berbeda ini.
Dengan UI Richer Install UI, developer web memiliki peluang baru untuk memberikan konteks khusus kepada pengguna tentang aplikasi mereka saat penginstalan. UI ini tersedia untuk perangkat seluler dari Chrome 94 dan untuk desktop dari Chrome 108. Meskipun Chrome akan terus menawarkan dialog penginstalan sederhana untuk aplikasi yang dapat diinstal, UI yang lebih besar ini memberi developer ruang untuk menyoroti aplikasi web mereka. Hal ini juga membuat proses penginstalan lebih familier karena mirip dengan dialog dari app store.
Mengaktifkan Richer Install UI
Untuk menampilkan dialog UI Richer Install, developer harus menambahkan setidaknya satu screenshot untuk faktor bentuk terkait dalam array screenshots. Kolom description tidak wajib ada, tetapi direkomendasikan. Dialog konten dibuat dengan konten kedua kolom ini, sehingga pengalamannya lebih mirip dengan penginstalan app store. Hal ini membantu pengguna mengetahui bahwa mereka menambahkan aplikasi ke perangkat mereka, dan dengan lebih banyak ruang yang tersedia, developer dapat memberikan konteks khusus kepada pengguna saat penginstalan.
Misalnya, developer dapat menggunakan kolom description untuk menyoroti fitur aplikasi yang mendorong pengguna untuk menyimpannya di perangkat mereka. Dengan screenshots, developer dapat menyajikan tampilan dan nuansa aplikasi web sebagai aplikasi mandiri, dengan semua akses mudah yang dimiliki aplikasi platform.
Untuk mengetahui spesifikasi mendetail dan panduan untuk menambahkannya ke aplikasi Anda, buka Pola UI Instal yang Lebih Kaya.
Gaya lama petunjuk penginstalan memberikan sedikit informasi dan konteks. Hal ini tidak sesuai dengan harapan pengguna tentang apa arti instalasi dan bisa membuat mereka bingung tentang apa yang terjadi. Banyak dari mereka menolak sepenuhnya permintaan penginstalan, yang juga berdampak buruk bagi bisnis yang membuatnya.
Penginstalan yang lebih kaya memungkinkan Anda menciptakan pengalaman yang lebih seperti yang ada di sistem operasi.
Anda dapat membuatnya sendiri dengan mengikuti contoh dari file manifes aplikasi Squoosh dan Anda dapat mencoba dialog langsung di: https://squoosh.app/.
Masukan Kami mempertimbangkan opsi lain untuk penginstalan yang lebih beragam, termasuk kategori dan rating aplikasi. Untuk membuat keputusan tersebut, kami memerlukan masukan Anda. Ceritakan desainnya Apakah ada sesuatu tentang UI Penginstalan yang Lebih Kaya yang tidak berfungsi seperti yang Anda harapkan? Atau apakah ada data tertentu yang Anda butuhkan untuk menerapkan ide Anda? Ada pertanyaan atau komentar? Isi formulir ini
Foto oleh Kaboompics .com di Pexels