Gepubliceerd: 6 juni 2025
Ontdek hoe het nieuwe voorgestelde <permission> -element van Chrome zorgt voor een gestroomlijnde, betrouwbaardere en contextuele toestemmingservaring.
Het Chrome-team ontwierp het <permission> -elementvoorstel om gebruikers de controle te geven over krachtige mogelijkheden. Het element stelt ontwikkelaars in staat een naadloze end-to-end-ervaring te creëren waarbij gebruikers het gebruik van deze mogelijkheden in context kunnen toestaan, terwijl ze tegelijkertijd worden beschermd tegen ongewenste onderbrekingen. Deze reeks casestudy's laat zien hoe het nieuwe element in de praktijk werkt.
Het probleem van het vragen om toestemming
Om apparaatfuncties zoals locatie, camera of microfoon te gebruiken, moeten gebruikers vaak navigeren door een frustrerend landschap van mogelijk meerdere toestemmingsverzoeken. Voor ontwikkelaars is het aanroepen van een API om een functionaliteit te gebruiken eenvoudig, wat resulteert in succes of mislukking. Voor gebruikers vertaalt dit zich echter vaak in onderbrekende en contextloze vragen en schijnbaar definitieve beslissingen die frustratie en cognitieve belasting veroorzaken.
Toestemmingsprompts doen gebruikers zich tegenwoordig vaak afvragen: "Waarom heeft deze site deze toestemming (nu) nodig?" Dit gebrek aan duidelijkheid leidt er vaak toe dat gebruikers ervoor kiezen om toestemmingsverzoeken te weigeren. Om gebruikers in de toekomst te beschermen tegen onderbrekingen, blokkeert Chrome vervolgens verdere prompts, wat op zijn beurt weer leidt tot de omgekeerde uitdaging om deze weigeringen ongedaan te maken, mocht de gebruiker later van gedachten veranderen. Dit kan ertoe leiden dat gebruikers functies of de site helemaal verlaten.
Geef gebruikers contextuele controle
Het voorgestelde <permission> -element vertegenwoordigt een significante evolutie in de ergonomie van webpermissies. Met dit voorgestelde HTML-element kunt u naadloos een stijlbaar, maar browsergestuurd toegangspunt integreren voor het gebruik van krachtige mogelijkheden (bijvoorbeeld een duidelijke knop 'camera gebruiken' tijdens een videochat) direct in het ontwerp van uw site. Terwijl u geniet van de flexibiliteit van de stijl, behoudt de browser de controle over de kerntekst en -pictogrammen en zorgt voor beveiliging, consistentie en toegankelijkheid. Dit betekent dat een interactie met dit element dient als een duidelijk signaal over de intentie van de gebruiker, waardoor de browser de gebruiker behulpzaam kan begeleiden bij de benodigde beslissingen en andere stappen. Dit in tegenstelling tot programmatisch geactiveerde prompts, waarbij de browser geen direct signaal over de intentie van de gebruiker heeft en daarom altijd een balans moet vinden tussen behulpzaam zijn en niet onderbreken.
<permission> -element voor het gebruik van de camera. 
Dit is hoe het de ervaring transformeert:
- Door de gebruiker geïnitieerd: In plaats van dat de website een prompt initieert, zorgt het element er automatisch voor dat de gebruiker kiest wanneer hij de gerelateerde functie wil gebruiken.
- In-Context verzoek: Omdat het voorgestelde
<permission>-element deel uitmaakt van de flow van de site, begrijpt de gebruiker waarom de toestemming nodig is. Ze hebben bijvoorbeeld op de knop geklikt om winkels in de buurt te vinden, dus een locatieverzoek is logisch. - Uitgebreide probleemoplossing : Omdat de browser een direct signaal ontvangt over de intentie van de gebruiker, kan deze proactief de gebruiker begeleiden door alle platformspecifieke stappen die nodig zijn voor toegang tot functionaliteit. De browser kan bijvoorbeeld deeplinken naar systeeminstellingen om de gebruiker te helpen de camera-instellingen op apparaatniveau te wijzigen. De website hoeft dan geen platformafhankelijke stappen voor probleemoplossing te bieden.
- Gestroomlijnd rechtenherstel: Het voorgestelde
<permission>-element biedt de gebruiker een directe manier om eerder geweigerde rechten te wijzigen zonder de browserinstellingen te hoeven wijzigen. Een klik op het element activeert een speciale versie van de toestemmingsprompt, wat resulteert in aanzienlijke verbeteringen in het herstel.
<permission> -element kunnen gebruikers snel de machtigingsinstellingen wijzigen zonder dat ze naar de site-instellingen hoeven te gaan.Deze aanpak zorgt voor een meer intuïtief, betrouwbaar en gebruikersgestuurd interactie-model.
Casestudies
Zoom helpt zijn gebruikers door camera- en microfoonopnamefouten in de browser met 46,9% te verminderen met het <permission> -element
De uitdaging
Een van de grootste uitdagingen voor conferentiewebsites is het helpen van gebruikers die eerder toegang tot hun camera of microfoon hebben geweigerd om de rechten opnieuw in te schakelen bij deelname aan een videogesprek. De standaardprocedure vereiste het navigeren door de browserinstellingen buiten de interface van de conferentiewebsite.
De aanpak
De testaanpak van Zoom voor de impact van het <permission> -element maakt gebruik van een vergelijking voor en na, waarbij het <permission> -element zichtbaar werd voor alle Zoom-gebruikers die deelnamen aan een Zoom-vergadering via een Chrome-webbrowser op hun desktop.
Het resultaat
Een van Zooms belangrijkste statistieken is de opnamesnelheid van camera en microfoon. Deze meet of een gebruiker zijn camera en microfoon succesvol heeft ingeschakeld bij deelname aan een Zoom-vergadering in een browser. Zoom zag grote verbeteringen met het <permission> -element. Problemen met de browserervaring, zoals het niet inschakelen van de microfoon en camera op systeem- of browserniveau, of gebruikers die de toestemmingsprompt van de browser voor microfoon en camera negeerden, namen met 46,9% af.
Het <permission> -element zorgde er niet alleen voor dat er minder fouten werden gemaakt, maar hielp ook gebruikers die in eerste instantie een probleem ondervonden of die ten onrechte toegang hadden geweigerd, om de microfoon en camera te herstellen en te configureren. Zo konden gebruikers zich blijven concentreren op de gesprekken en vergaderingen, zodat iedereen duidelijk gezien en gehoord kon worden.
Hoe Immobiliare.it gebruikers hielp hun kaartlocatiefunctionaliteit te gebruiken terwijl eerder geen toestemming werd verleend door het <permission> -element te gebruiken
De uitdaging
Gebruikers die eerder toestemming hebben gegeven om hun locatie te delen op de site Immobiliare.it, moeten de site-instellingen van hun browser openen en de toestemming handmatig ontgrendelen om de locatiemachtiging opnieuw te kunnen verlenen als dat gewenst is.
De aanpak
Immobiliare.it heeft de aanvraagstroom voor locatiemachtigingen verbeterd door de JavaScript-methode van de Permissions API te gebruiken om te detecteren of een gebruiker al locatiemachtigingen aan zijn of haar site heeft verleend. Als de machtiging al gedeeld was, zou dit leiden tot het aanvragen van de geolocatiemethode getCurrentPosition() net als voorheen. Als de Permission API aangaf dat de gebruiker de locatiemachtiging had geblokkeerd, toont de site een prompt met een uitleg waarom de knop Geolocatie niet werkt en wordt het <permission> -element als call-to-action gebruikt.
Door op het <permission> -element 'Locatie gebruiken' te klikken, kunnen gebruikers indien gewenst naadloos hun locatierechten delen, zelfs als deze eerder zijn geblokkeerd en zonder dat de gebruiker de browserinstellingen hoeft te wijzigen.
<permission> -element als de machtiging eerder is geblokkeerd.<permission> -element activeert de toestemmingsprompt van de browser.De resultaten
Bij gebruik van het <permission> -element is het succespercentage van de GeoLocation-machtigingen-gebruikersstroom met 20% toegenomen, wat erop wijst dat de nieuwe machtigingsstroom met behulp van de Permissions API en het <permission> -element meer gebruikers heeft geholpen om de machtiging opnieuw toe te staan, indien gewenst, zelfs als ze in het verleden dit soort machtigingsverzoeken hebben geblokkeerd.
ZapImóveis (OLX BR) verbetert locatiezoekopdrachten voor het beoogde gebruik met het <permission> -element
ZapImóveis, een toonaangevend vastgoedplatform in Brazilië, begrijpt dat het vinden van de perfecte woning vaak begint met de locatie. Als onderdeel van de gerenommeerde Grupo OLX verbindt ZapImóveis miljoenen gebruikers met een enorm aanbod aan huizen, appartementen, grond en andere panden die te koop of te huur zijn in het hele land. ZapImóveis erkent de cruciale rol van locatiegebaseerd zoeken in dit proces en zag een kans om de gebruikerservaring te verbeteren door veelvoorkomende frustraties met browsertoestemmingsprompts aan te pakken.
De uitdaging
ZapImóveis constateerde aanzienlijke problemen met de bruikbaarheid van hun locatiezoekfunctie, met name met betrekking tot de standaard toestemmingsprompts van de browser. Gebruikers ondervonden problemen bij het verlenen van locatietoegang en, misschien nog wel erger, bij het opnieuw inschakelen van toestemmingen nadat ze deze eerder hadden geweigerd. Dit had een negatieve invloed op de algehele gebruikerservaring en belemmerde mogelijk de effectiviteit van locatiegebaseerde zoekfunctionaliteit op hun websites.
De aanpak
Om deze bruikbaarheidsuitdagingen aan te pakken, voerde ZapImóveis een A/B-test uit. In deze test werd het <permission> -element geïntroduceerd bij een subgroep gebruikers. Het doel was om een speciale, in-page-bediening binnen de ZapImóveis-interface te bieden voor het beheer van locatierechten, waardoor de workflow voor rechten werd gestroomlijnd en intuïtiever werd voor gebruikers.
De resultaten
De implementatie van het <permission> -element van ZapImóveis leidde tot een aanzienlijke verbetering van de bruikbaarheid van locatiezoekopdrachten, met name voor gebruikers die actief gebruikmaakten van locatiegebaseerde functies. Van degenen die aanvankelijk problemen ondervonden met standaard browsertoestemmingsprompts, kon 4,3% dankzij de in-page controle van het <permission> -element succesvol locatietoegang verlenen. Bovendien verbeterde het de mogelijkheid om toestemming te herstellen aanzienlijk: 54,4% van de gebruikers die eerder toegang hadden geweigerd, verleende deze toestemming opnieuw wanneer ze later probeerden locatiegebaseerde functionaliteiten te gebruiken. Hoewel de gemiddelde tijd voor het verlenen van toestemming licht toenam, rechtvaardigde de aanzienlijke winst in het succes van de functie voor gebruikers met een duidelijke intentie deze afweging.
Bekijk meer voorbeelden van het <permission> -element in actie
- Maak een videoconferentiegesprek via Google Meet met behulp van de Chrome-browser.
- Zoek een restaurant in de buurt op Google Zoeken (geleidelijke uitrol)
- Test het
<permission>-element voor alle beschikbare mogelijkheden op https://permission.site/pepc (vanuit Chrome 137)
Integreer het <permission> -element
Het <permission> -element is zo ontworpen dat ontwikkelteams het eenvoudig kunnen gebruiken. Als regulier HTML-element kan het net als elke andere knop worden geïntegreerd en (binnen de door de browser gecontroleerde grenzen) worden aangepast aan de look-and-feel van uw site. Voor browsers die het <permission> -element nog niet ondersteunen, kunnen ontwikkelaars fallback-ervaringen bieden met behulp van bestaande methoden voor toestemmingsaanvragen. Lees Verbeteringen aan het <permission> -element voor meer informatie.
Maak het web nuttiger en intuïtiever
Bij Google werken we er voortdurend aan om Chrome en het webplatform veiliger, sneller en nuttiger te maken. Het <permission> -element is een belangrijke stap in de richting van een intuïtiever en ergonomischer model voor webmachtigingen. Door gebruikers duidelijke context en controle te geven, helpt het <permission> -element de kloof te overbruggen tussen krachtige webmogelijkheden en gebruikersvertrouwen, wat rijkere en aantrekkelijkere webervaringen mogelijk maakt. We moedigen producteigenaren en ontwikkelteams aan om te onderzoeken hoe het <permission> -element hun gebruikerservaring kan verbeteren en het volledige potentieel van hun webapplicaties kan benutten.