Dipublikasikan: 6 Juni 2025
Pelajari cara elemen <permission> baru yang diusulkan Chrome menciptakan pengalaman izin yang lebih lancar, tepercaya, dan dalam konteks.
Tim Chrome mendesain proposal elemen <permission> untuk memberikan kontrol kepada pengguna atas kemampuan yang canggih. Elemen ini memungkinkan developer membuat pengalaman end-to-end yang lancar, di mana pengguna dapat mengizinkan penggunaan kemampuan ini dalam konteks, sekaligus pengguna terlindungi dari gangguan yang tidak diinginkan. Kumpulan studi kasus ini menunjukkan cara kerja elemen baru dalam
praktiknya.
Masalah meminta izin
Untuk menggunakan fitur perangkat seperti lokasi, kamera, atau mikrofon, pengguna sering kali harus menavigasi berbagai permintaan izin yang berpotensi menjengkelkan. Bagi developer, memanggil API untuk menggunakan kemampuan sangatlah mudah, sehingga menghasilkan keberhasilan atau kegagalan. Namun, bagi pengguna, hal ini sering kali diterjemahkan menjadi perintah yang mengganggu dan di luar konteks, serta keputusan yang tampaknya final yang menyebabkan frustrasi dan beban kognitif.
Saat ini, dialog izin sering membuat pengguna bertanya-tanya, "Mengapa situs ini memerlukan izin ini (sekarang)?" Kurangnya kejelasan ini sering kali menyebabkan pengguna memilih untuk menolak permintaan izin. Untuk melindungi pengguna dari gangguan pada masa mendatang, Chrome akan mencegah perintah lebih lanjut setelahnya, yang pada gilirannya, menyebabkan tantangan terbalik untuk membatalkan penolakan ini jika pengguna berubah pikiran nanti. Hal ini dapat menyebabkan pengguna mengabaikan fitur atau situs sepenuhnya.
Memberi pengguna kontrol kontekstual
Elemen <permission> yang diusulkan merepresentasikan evolusi signifikan dalam
ergonomi izin web. Elemen HTML yang diusulkan ini memungkinkan Anda mengintegrasikan titik entri yang dapat distilisasi, tetapi dikontrol browser, dengan lancar untuk menggunakan kemampuan yang canggih (misalnya, tombol "gunakan kamera" yang jelas dalam chat video) langsung dalam desain situs Anda. Meskipun Anda dapat menikmati fleksibilitas gaya, browser tetap mengontrol teks dan ikon inti, serta menangani keamanan, konsistensi, dan aksesibilitas. Artinya, interaksi dengan elemen ini berfungsi sebagai sinyal yang jelas tentang niat pengguna, sehingga memungkinkan browser memandu pengguna dengan baik dalam mengambil keputusan dan langkah-langkah lain yang diperlukan. Hal ini
berbeda dengan dialog yang dipicu secara terprogram, di mana browser
tidak memiliki sinyal langsung tentang niat pengguna, sehingga harus selalu menyeimbangkan
antara membantu dan tidak mengganggu.
<permission> untuk menggunakan kamera.
Berikut cara mengubah pengalaman:
- Dimulai Pengguna: Daripada situs memulai perintah, elemen menangani berdasarkan desain bahwa pengguna memilih kapan mereka ingin menggunakan fitur terkait.
- Permintaan Dalam Konteks: Karena elemen
<permission>yang diusulkan adalah bagian dari alur situs, pengguna memahami alasan izin diperlukan. Mereka mengklik tombol untuk, misalnya, menemukan toko terdekat, sehingga permintaan lokasi masuk akal. - Pemecahan Masalah yang Komprehensif: Karena browser mendapatkan sinyal langsung tentang niat pengguna, browser dapat secara proaktif memandu pengguna melalui semua langkah khusus platform yang diperlukan untuk akses kemampuan. Misalnya, aplikasi dapat melakukan deep link ke setelan sistem untuk membantu pengguna mengubah setelan kamera tingkat perangkat. Situs tidak perlu memberikan langkah-langkah pemecahan masalah yang bergantung pada platform.
- Pemulihan Izin yang Lebih Sederhana: Elemen
<permission>yang diusulkan menawarkan cara langsung di halaman bagi pengguna untuk mengubah izin yang sebelumnya ditolak tanpa membuka setelan browser. Klik pada elemen memicu versi khusus dari dialog izin, sehingga menghasilkan peningkatan pemulihan yang signifikan.
<permission> memungkinkan pengguna mengubah setelan izin dengan cepat tanpa harus membuka setelan situs.
Pendekatan ini bergerak menuju model interaksi yang lebih intuitif, tepercaya, dan didorong pengguna.
Studi kasus
Zoom membantu penggunanya dengan mengurangi error pengambilan kamera dan mikrofon di browser sebesar 46,9% dengan elemen <permission>
Tantangan
Salah satu tantangan terbesar bagi situs konferensi adalah membantu pengguna yang sebelumnya menolak akses kamera atau mikrofon untuk mengaktifkan kembali izin saat bergabung ke panggilan video. Alur standar mengharuskan navigasi setelan browser di luar antarmuka situs konferensi.
Pendekatan
Pendekatan pengujian Zoom untuk dampak elemen <permission> menggunakan perbandingan sebelum dan sesudah, dengan elemen <permission> ditampilkan kepada semua pengguna Zoom yang bergabung ke Rapat Zoom dari browser web Chrome desktop.
Hasilnya
Salah satu metrik utama Zoom adalah rasio pengambilan kamera dan mikrofon, yang mengukur keberhasilan pengaktifan kamera dan mikrofon oleh pengguna saat bergabung ke rapat Zoom di browser. Zoom mengalami peningkatan besar dengan elemen <permission>. Kegagalan dalam pengalaman browser, seperti mikrofon dan kamera yang tidak diaktifkan di tingkat sistem atau tingkat browser, atau pengguna menutup perintah izin mikrofon dan kamera browser, menurun sebesar 46,9%.
Elemen <permission> tidak hanya membantu mengurangi error, tetapi juga membantu pengguna yang awalnya mengalami masalah atau yang secara keliru menolak akses untuk memulihkan dan mengonfigurasi mikrofon dan kamera, sehingga pengguna tetap terlibat dan fokus pada percakapan dan rapat, sehingga semua orang dapat terlihat dan terdengar dengan jelas.
Cara Immobiliare.it membantu pengguna menggunakan fungsi lokasi peta mereka setelah sebelumnya ditolak izinnya dengan menggunakan elemen <permission>
Tantangan
Pengguna yang sebelumnya menolak berbagi izin situs untuk lokasi di situs Immobiliare.it harus mengakses Setelan Situs browser dan membuka kunci izin secara manual agar dapat memberikan izin akses lokasi lagi jika diinginkan.
Pendekatan
Immobiliare.it meningkatkan alur permintaan izin akses lokasi mereka dengan menggunakan metode JavaScript Permissions API untuk mendeteksi apakah pengguna telah memberikan izin akses lokasi ke situs mereka atau tidak. Jika mereka sudah membagikan izin, hal ini akan menyebabkan permintaan metode geolokasi getCurrentPosition() seperti sebelumnya. Jika Permission API menampilkan bahwa pengguna memblokir izin lokasi, situs akan menampilkan perintah yang menjelaskan mengapa tombol Geolocation tidak dapat berfungsi dan menggunakan elemen <permission> sebagai ajakan (call-to-action).
Dengan mengklik elemen <permission> "Gunakan lokasi", pengguna dapat membagikan izin lokasi dengan lancar jika diinginkan, meskipun sebelumnya diblokir dan tanpa mengharuskan pengguna mengakses setelan browser mereka.
<permission> jika izin diblokir sebelumnya.<permission> memicu dialog izin browser.Hasil
Saat menggunakan elemen <permission>, rasio keberhasilan alur pengguna izin GeoLocation meningkat sebesar 20%, yang menunjukkan bahwa alur izin baru menggunakan Permissions API dan elemen <permission> membantu lebih banyak pengguna memberikan izin lagi, jika diinginkan, meskipun di masa lalu mereka memblokir jenis permintaan izin ini
ZapImóveis (OLX BR) meningkatkan penelusuran lokasi untuk penggunaan yang dimaksudkan dengan elemen <permission>
ZapImóveis, platform real estate terkemuka di Brasil, memahami bahwa menemukan properti yang sempurna sering kali dimulai dengan lokasi. Sebagai bagian dari Grupo OLX yang terkenal, ZapImoveis menghubungkan jutaan pengguna dengan inventaris rumah, apartemen, tanah, dan properti lainnya yang luas untuk dijual dan disewakan di seluruh negeri. Menyadari peran penting penelusuran berbasis lokasi dalam proses ini, ZapImóveis mengidentifikasi peluang untuk meningkatkan pengalaman pengguna dengan mengatasi frustrasi umum yang terkait dengan perintah izin browser.
Tantangan
ZapImóveis mengidentifikasi masalah kegunaan yang signifikan dalam fitur penelusuran lokasi mereka, khususnya terkait perintah izin browser standar. Pengguna mengalami kesulitan saat pertama kali memberikan akses lokasi dan, mungkin yang lebih penting, saat mencoba mengaktifkan kembali izin setelah sebelumnya menolaknya. Hal ini berdampak negatif pada keseluruhan pengalaman pengguna dan berpotensi menghambat efektivitas fungsi penelusuran berbasis lokasi di situs mereka.
Pendekatan
Untuk mengatasi tantangan kegunaan ini, ZapImóveis melakukan
pengujian A/B. Dalam pengujian ini, elemen <permission> diperkenalkan kepada subkumpulan pengguna. Tujuannya adalah untuk menyediakan kontrol dalam halaman khusus
dalam antarmuka ZapImóveis untuk mengelola izin lokasi, sehingga
mempercepat alur kerja izin dan membuatnya lebih intuitif bagi pengguna.
Hasil
Penerapan elemen <permission> ZapImóveis menyebabkan peningkatan yang signifikan dalam kegunaan penelusuran lokasi, terutama bagi pengguna yang aktif berinteraksi dengan fitur berbasis lokasi. Bagi mereka yang awalnya mengalami kesulitan dengan dialog izin browser standar, kontrol dalam halaman yang disediakan oleh elemen <permission> memungkinkan 4,3% pengguna berhasil memberikan akses lokasi. Selain itu, fitur ini secara signifikan meningkatkan pemulihan izin, dengan 54,4% pengguna yang sebelumnya menolak akses berhasil memberikan kembali akses saat mereka kemudian mencoba menggunakan fungsi yang bergantung pada lokasi. Meskipun ada sedikit peningkatan pada waktu rata-rata untuk memberikan izin awal, peningkatan substansial dalam keberhasilan fitur bagi pengguna dengan niat yang jelas membenarkan kompromi ini.
Lihat contoh lainnya untuk elemen <permission> yang sedang digunakan
- Lakukan panggilan konferensi video di Google Meet menggunakan browser Chrome.
- Menelusuri restoran di sekitar di Penelusuran Google (peluncuran bertahap)
- Uji elemen
<permission>untuk semua kemampuan yang tersedia di https://permission.site/pepc (dari Chrome 137)
Mengintegrasikan elemen <permission>
Elemen <permission> dirancang agar mudah diterapkan oleh tim
pengembangan. Sebagai elemen HTML biasa, tombol ini dapat diintegrasikan seperti tombol lainnya dan diberi gaya (dalam batas yang dikontrol browser) agar sesuai dengan tampilan dan nuansa situs Anda. Untuk browser yang belum mendukung elemen <permission>,
developer dapat memberikan pengalaman penggantian menggunakan metode permintaan izin yang ada. Untuk mengetahui detail selengkapnya, baca
Peningkatan pada elemen <permission>.
Menjadikan web lebih bermanfaat dan intuitif
Di Google, kami terus berupaya menjadikan Chrome dan platform web lebih aman, lebih cepat, dan lebih bermanfaat. Elemen <permission> mewakili langkah signifikan menuju model izin web yang lebih intuitif dan ergonomis. Dengan memberikan
konteks dan kontrol yang jelas kepada pengguna, elemen <permission> membantu menjembatani kesenjangan
antara kemampuan web yang canggih dan kepercayaan pengguna, sehingga memungkinkan pengalaman yang lebih kaya dan menarik di seluruh web. Kami mendorong pemilik produk dan tim pengembangan untuk mempelajari cara elemen <permission> dapat meningkatkan perjalanan pengguna dan membuka potensi penuh aplikasi web mereka.