Penginstalan UI yang lebih lengkap tersedia untuk desktop

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 desain, 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:

Dialog penginstalan default browser untuk desktop.
Dialog penginstalan default di desktop.
Dialog penginstalan default browser untuk seluler.
Dialog penginstalan default di perangkat seluler.

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.

Screenshot Richer Install UI di desktop dan perangkat seluler.
UI penginstalan yang lebih lengkap di desktop dan perangkat seluler.

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 perintah penginstalan yang lebih lama memberikan sedikit informasi dan konteks. Data ini tidak cocok dengan ekspektasi dari apa arti instalasi dan bisa membuat mereka bingung dengan 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 Anda Kami mempertimbangkan opsi lain untuk penginstalan yang lebih beragam, termasuk kategori dan rating aplikasi. Untuk membuat keputusan tersebut, kami memerlukan masukan Anda. Beri tahu kami tentang desainnya Apakah ada sesuatu tentang Richer Installs UI 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