Yayınlanma tarihi: 6 Haziran 2025
Chrome'un yeni <permission> öğesinin nasıl daha basit, güvenilir ve bağlama uygun bir izin deneyimi oluşturduğunu öğrenin.
Chrome ekibi, kullanıcıların güçlü özellikler üzerinde kontrol sahibi olmasını sağlamak için <permission> öğesi önerisini tasarladı. Bu öğe, geliştiricilerin kullanıcıların bu özelliklerin bağlam içinde kullanılmasına izin verebileceği, aynı zamanda istenmeyen kesintilerden korunabileceği sorunsuz bir uçtan uca deneyim oluşturmasına olanak tanır. Bu örnek olaylar, yeni öğenin pratikte nasıl çalıştığını gösterir.
İzin isteme sorunu
Kullanıcıların konum, kamera veya mikrofon gibi cihaz özelliklerini kullanabilmek için genellikle birden fazla izin isteğiyle karşılaşmaları gerekir. Geliştiriciler için bir özelliği kullanmak üzere API çağırmak kolaydır ve başarılı veya başarısız olmak üzere iki sonuçtan biriyle sonuçlanır. Ancak kullanıcılar için bu durum genellikle rahatsız edici ve bağlam dışı istemlere, ayrıca hayal kırıklığına ve bilişsel yüke neden olan, nihai kararlar gibi görünen sonuçlara yol açar.
Günümüzde izin istemleri genellikle kullanıcıların "Bu sitenin (şimdi) bu izne neden ihtiyacı var?" diye merak etmesine neden oluyor. Bu netlik eksikliği genellikle kullanıcıların izin isteklerini reddetmesine neden olur. Kullanıcıları gelecekteki kesintilerden korumak için Chrome, daha sonra başka istemleri engeller. Bu da kullanıcının fikrini değiştirmesi durumunda bu retleri geri almanın zorlaşmasına yol açar. Bu durum, kullanıcıların özellikleri veya siteyi tamamen terk etmesine neden olabilir.
Kullanıcılara bağlamsal kontrol olanağı sunma
Önerilen <permission> öğesi, web izinlerinin ergonomisinde önemli bir gelişimi temsil ediyor. Bu önerilen HTML öğesi, güçlü özellikleri kullanmak için stil verilebilen ancak tarayıcı tarafından kontrol edilen bir giriş noktasını (ör. görüntülü sohbette net bir "kamerayı kullan" düğmesi) sitenizin tasarımına sorunsuz bir şekilde entegre etmenizi sağlar. Stil esnekliğinin keyfini çıkarırken tarayıcı, temel metin ve simgeler üzerinde kontrolü elinde tutar, güvenlik, tutarlılık ve erişilebilirlik konularıyla ilgilenir. Bu nedenle, bu öğeyle etkileşim, kullanıcının niyeti hakkında net bir sinyal olarak kabul edilir. Böylece tarayıcı, kullanıcının gerekli kararları almasına ve diğer adımları atmasına yardımcı olabilir. Bu durum, tarayıcının kullanıcı amacına dair doğrudan bir sinyali olmadığı için her zaman faydalı olma ile kesintiye uğratmama arasında denge kurması gereken, programatik olarak tetiklenen istemlerle çelişir.
<permission> öğesinin örnek uygulaması.
Bu özellik, deneyimi şu şekilde dönüştürür:
- Kullanıcı tarafından başlatılan: Web sitesi istem başlatmak yerine, öğe, kullanıcının ilgili özelliği kullanmak istediğinde seçmesini sağlayacak şekilde tasarlanmıştır.
- Bağlam İçinde İstek: Önerilen
<permission>öğesi sitenin akışının bir parçası olduğundan kullanıcı, iznin neden gerekli olduğunu anlar. Kullanıcılar, örneğin yakındaki mağazaları bulmak için düğmeyi tıkladığından konum isteği mantıklıdır. - Kapsamlı Sorun Giderme: Tarayıcı, kullanıcının amacı hakkında doğrudan sinyal aldığından, kullanıcının özellik erişimi için gerekli tüm platforma özgü adımlarda proaktif olarak yol gösterme imkanı sunar. Örneğin, kullanıcının cihaz düzeyindeki kamera ayarını değiştirmesine yardımcı olmak için sistem ayarlarına derin bağlantı oluşturabilir. Bu durumda web sitesinin platforma bağlı sorun giderme adımları sağlaması gerekmez.
- Kolaylaştırılmış izin kurtarma: Önerilen
<permission>öğesi, kullanıcının daha önce reddedilen izinleri tarayıcı ayarlarına gitmeden doğrudan sayfa içinde değiştirmesine olanak tanır. Öğenin tıklanması, izin isteminin özel bir sürümünü tetikleyerek önemli kurtarma iyileştirmeleri sağlar.
<permission> öğesi, kullanıcıların site ayarlarına gitmek zorunda kalmadan izin ayarını hızlıca değiştirmesine olanak tanır.
Bu yaklaşım, daha sezgisel, güvenilir ve kullanıcı odaklı bir etkileşim modeline doğru ilerliyor.
Örnek olaylar
Zoom, <permission> öğesiyle tarayıcıdaki kamera ve mikrofon yakalama hatalarını% 46,9 azaltarak kullanıcılarına yardımcı oluyor.
Yarışma
Konferans web sitelerinin karşılaştığı en büyük zorluklardan biri, daha önce kamera veya mikrofon erişimini reddeden kullanıcıların görüntülü görüşmeye katılırken izinleri yeniden etkinleştirmesine yardımcı olmaktır. Standart akışta, tarayıcı ayarlarında konferans sitesinin arayüzü dışında gezinmek gerekiyordu.
Yaklaşımı
Zoom'un <permission> öğesinin etkisine yönelik test yaklaşımında, <permission> öğesinin masaüstü Chrome web tarayıcısından bir Zoom toplantısına katılan tüm Zoom kullanıcılarına gösterildiği bir önce-sonra karşılaştırması kullanılır.
Sonuç
Zoom'un temel metriklerinden biri, bir kullanıcının tarayıcıda Zoom toplantısına katılırken kamerayı ve mikrofonu başarıyla etkinleştirmesini ölçen kamera ve mikrofon yakalama oranıdır. Zoom, <permission> öğesiyle önemli iyileştirmeler gördü. Mikrofon ve kameranın sistem düzeyinde veya tarayıcı düzeyinde etkinleştirilmemesi ya da kullanıcıların tarayıcının mikrofon ve kamera izni istemini kapatması gibi tarayıcı deneyimindeki hatalar %46,9 azaldı.
<permission> öğesi yalnızca hataları azaltmaya yardımcı olmakla kalmadı, aynı zamanda başlangıçta sorun yaşayan veya yanlışlıkla erişimi reddeden kullanıcıların mikrofon ve kamerayı kurtarıp yapılandırmasına da yardımcı oldu. Bu sayede kullanıcılar, görüşmelere ve toplantılara odaklanmaya devam etti. Böylece herkes net bir şekilde görülebildi ve duyulabildi.
Immobiliare.it, daha önce izin verilmeyen harita konumu işlevini kullanıcıların kullanmasına yardımcı olmak için <permission> öğesini nasıl kullandı?
Yarışma
Daha önce Immobiliare.it sitesinde konum için site iznini reddeden kullanıcılar, istenirse konum iznini tekrar verebilmek için tarayıcının Site Ayarları'na erişip izni manuel olarak etkinleştirmelidir.
Yaklaşımı
Immobiliare.it, kullanıcının sitesine konum izni verip vermediğini tespit etmek için Permissions API JavaScript yöntemini kullanarak konum izni isteği akışını iyileştirdi. Kullanıcılar zaten izin paylaşmışsa bu durum, daha önce olduğu gibi coğrafi konum getCurrentPosition() yönteminin istenmesine yol açar. İzin API'si, kullanıcının konum iznini engellediğini döndürürse site, coğrafi konum düğmesinin neden çalışamayacağını açıklayan bir istem gösterir ve harekete geçirici mesaj olarak <permission> öğesini kullanır.
Kullanıcılar, "Konumu kullan" <permission> öğesini tıklayarak konum iznini daha önce engellemiş olsalar bile sorunsuz bir şekilde paylaşabilirler. Ayrıca, kullanıcının tarayıcı ayarlarına erişmesi de gerekmez.
<permission> öğesi de dahil olmak üzere mesajlaşma kullanıcı deneyimini gören kullanıcı.<permission> öğesi, tarayıcı izin istemini tetikledi.Sonuçlar
<permission> öğesi kullanıldığında, coğrafi konum izinleri kullanıcı akışının başarı oranı %20 arttı. Bu da Permissions API ve <permission> öğesinin kullanıldığı yeni izin akışının, geçmişte bu tür izin isteklerini engellemiş olsalar bile daha fazla kullanıcının istediği zaman izni tekrar vermesine yardımcı olduğunu gösteriyor.
ZapImóveis (OLX BR), <permission> öğesiyle amaçlanan kullanım için konum aramasını geliştiriyor
Brezilya'nın önde gelen emlak platformu ZapImóveis, mükemmel mülkü bulmanın genellikle konumla başladığını bilir. Ünlü Grupo OLX'in bir parçası olan ZapImoveis, milyonlarca kullanıcıyı ülke genelinde satılık ve kiralık evler, daireler, araziler ve diğer mülklerden oluşan geniş bir envanterle buluşturur. Bu süreçte konuma dayalı aramanın kritik rolünü fark eden ZapImóveis, tarayıcı izin istemleriyle ilgili yaygın sorunları ele alarak kullanıcı deneyimini iyileştirme fırsatı olduğunu belirledi.
Yarışma
ZapImóveis, konum arama özelliğinde, özellikle standart tarayıcı izin istemleriyle ilgili önemli kullanılabilirlik sorunları tespit etti. Kullanıcılar hem konum erişimini ilk kez verirken hem de daha önce reddettikleri izinleri yeniden etkinleştirmeye çalışırken zorluklar yaşadı. Bu durum, genel kullanıcı deneyimini olumsuz etkiledi ve web sitelerindeki konum tabanlı arama işlevinin etkinliğini engelleyebildi.
Yaklaşımı
ZapImóveis, bu kullanılabilirlik sorunlarını gidermek için A/B testi yaptı. Bu testte, <permission> öğesi bir kullanıcı alt kümesine sunuldu. Amaç, konum izinlerini yönetmek için ZapImóveis arayüzünde özel bir sayfa içi kontrol sağlamaktı. Böylece izin iş akışı kolaylaştırılacak ve kullanıcılar için daha sezgisel hale getirilecekti.
Sonuçlar
ZapImóveis'in <permission> öğesinin uygulanması, özellikle konuma dayalı özelliklerle aktif olarak etkileşim kuran kullanıcılar için konum arama kullanılabilirliğinde önemli bir iyileşmeye yol açtı. Başlangıçta standart tarayıcı izni istemleriyle ilgili zorluklar yaşayan kullanıcılar için <permission> öğesi tarafından sağlanan sayfa içi kontrol, %4,3'ünün konum erişimini başarıyla vermesini sağladı. Ayrıca, daha önce erişimi reddeden kullanıcıların% 54, 4'ü konum tabanlı işlevleri kullanmaya çalıştıklarında erişimi başarıyla yeniden vererek izin kurtarma işlemini önemli ölçüde iyileştirdi. Başlangıçta izin verme süresinde hafif bir artış olsa da net bir amaca sahip kullanıcılar için özellik başarısında elde edilen önemli kazanımlar bu değişimi haklı çıkardı.
<permission> öğesinin kullanımına dair daha fazla örnek
- Chrome tarayıcıyı kullanarak Google Meet 'te video konferans görüşmesi yapın.
- Google Arama'da yakınınızdaki restoranları arama (kademeli olarak kullanıma sunulmaktadır)
- https://permission.site/pepc adresinde (Chrome 137'den itibaren) kullanılabilen tüm özellikler için
<permission>öğesini test edin.
<permission> öğesini entegre etme
<permission> öğesi, geliştirme ekiplerinin kolayca kullanabileceği şekilde tasarlanmıştır. Normal bir HTML öğesi olarak diğer düğmeler gibi entegre edilebilir ve sitenizin görünümüne ve tarzına uyacak şekilde (tarayıcı kontrollü sınırlar içinde) stillendirilebilir. <permission> öğesini henüz desteklemeyen tarayıcılarda geliştiriciler, mevcut izin isteği yöntemlerini kullanarak yedek deneyimler sağlayabilir. Daha fazla bilgi için <permission> öğesindeki geliştirmeler başlıklı makaleyi inceleyin.
Web'i daha faydalı ve sezgisel hale getirme
Google olarak Chrome'u ve web platformunu daha güvenli, daha hızlı ve daha faydalı hale getirmek için sürekli çalışıyoruz. <permission> öğesi, web izinleri için daha sezgisel ve ergonomik bir modele doğru atılan önemli bir adımı temsil ediyor. <permission> öğesi, kullanıcılara net bir bağlam ve kontrol sağlayarak güçlü web özellikleri ile kullanıcı güveni arasındaki boşluğu doldurmaya yardımcı olur. Böylece, web'de daha zengin ve ilgi çekici deneyimler sunulabilir. Ürün sahiplerini ve geliştirme ekiplerini, <permission> öğesinin kullanıcı yolculuklarını nasıl iyileştirebileceğini ve web uygulamalarının tüm potansiyelini nasıl ortaya çıkarabileceğini keşfetmeye teşvik ediyoruz.