Publié le 6 juin 2025
Découvrez comment le nouvel élément <permission> proposé par Chrome crée une expérience d'autorisation plus simplifiée, fiable et contextuelle.
L'équipe Chrome a conçu la proposition d'élément <permission> pour donner aux utilisateurs le contrôle de puissantes fonctionnalités. Cet élément permet aux développeurs de créer une expérience de bout en bout fluide, dans laquelle les utilisateurs peuvent autoriser l'utilisation de ces fonctionnalités dans le contexte, tout en étant protégés contre les interruptions indésirables. Cet ensemble d'études de cas montre comment le nouvel élément fonctionne en pratique.
Le problème de la demande d'autorisation
Pour utiliser les fonctionnalités de l'appareil telles que la localisation, la caméra ou le micro, les utilisateurs doivent souvent faire face à un paysage frustrant de demandes d'autorisation potentiellement multiples. Pour les développeurs, appeler une API pour utiliser une fonctionnalité est simple, et l'opération aboutit ou échoue. Pour les utilisateurs, cependant, cela se traduit souvent par des invites intrusives et hors contexte, et des décisions apparemment définitives qui provoquent de la frustration et une charge cognitive.
Les requêtes d'autorisation actuelles poussent souvent les utilisateurs à se demander "Pourquoi ce site a-t-il besoin de cette autorisation (maintenant) ?". Ce manque de clarté conduit souvent les utilisateurs à refuser les demandes d'autorisation. Pour protéger les utilisateurs contre les interruptions à l'avenir, Chrome empêchera ensuite d'autres requêtes, ce qui, à son tour, pose le problème inverse de revenir sur ces refus si l'utilisateur change d'avis plus tard. Cela peut inciter les utilisateurs à abandonner certaines fonctionnalités ou le site en entier.
Fournir aux utilisateurs un contrôle contextuel
L'élément <permission> proposé représente une évolution significative de l'ergonomie des autorisations Web. Cet élément HTML proposé vous permet d'intégrer facilement un point d'entrée stylable, mais contrôlé par le navigateur, pour utiliser des fonctionnalités puissantes (par exemple, un bouton "Utiliser la caméra" clair dans un chat vidéo) directement dans la conception de votre site. Vous bénéficiez d'une flexibilité de style, mais le navigateur conserve le contrôle sur le texte et les icônes de base, et s'occupe de la sécurité, de la cohérence et de l'accessibilité. Cela signifie qu'une interaction avec cet élément sert de signal clair sur l'intention de l'utilisateur, ce qui permet au navigateur de guider l'utilisateur dans les décisions et autres étapes nécessaires. Contrairement aux requêtes déclenchées par programmation, où le navigateur ne dispose pas d'un signal direct de l'intention de l'utilisateur, il doit toujours trouver le juste équilibre entre être utile et ne pas interrompre.
<permission> pour utiliser l'appareil photo.
Voici comment cette fonctionnalité transforme l'expérience :
- Initiative de l'utilisateur : au lieu que le site Web lance une invite, l'élément veille à ce que l'utilisateur choisisse quand il souhaite utiliser la fonctionnalité associée.
- Demande dans le contexte : comme l'élément
<permission>proposé fait partie du flux du site, l'utilisateur comprend pourquoi l'autorisation est nécessaire. Il a cliqué sur le bouton pour, par exemple, trouver des magasins à proximité. Une requête de localisation est donc justifiée. - Dépannage complet : comme le navigateur reçoit un signal direct sur l'intention de l'utilisateur, il peut guider l'utilisateur de manière proactive à travers toutes les étapes spécifiques à la plate-forme nécessaires pour accéder aux fonctionnalités. Par exemple, il peut créer un lien profond vers les paramètres système pour aider l'utilisateur à modifier le paramètre de l'appareil. Le site Web n'a pas besoin de fournir des étapes de dépannage dépendant de la plate-forme.
- Récupération d'autorisation simplifiée : l'élément
<permission>proposé permet à l'utilisateur de modifier les autorisations précédemment refusées directement sur la page, sans accéder aux paramètres du navigateur. Un clic sur l'élément déclenche une version spéciale de l'invite d'autorisation, ce qui améliore considérablement la récupération.
<permission> permet aux utilisateurs de modifier rapidement le paramètre d'autorisation sans avoir à accéder aux paramètres du site.
Cette approche vise à élaborer un modèle d'interaction plus intuitif, fiable et axé sur l'utilisateur.
Études de cas
Zoom aide ses utilisateurs en réduisant de 46,9 % les erreurs de capture de l'appareil photo et du micro dans le navigateur grâce à l'élément <permission>.
Problématique
L'un des plus grands défis des sites Web de visioconférence consiste à aider les utilisateurs qui ont précédemment refusé l'accès à la caméra ou au micro à réactiver les autorisations lorsqu'ils rejoignent un appel vidéo. Le flux standard nécessitait de naviguer dans les paramètres du navigateur en dehors de l'interface du site de conférence.
La méthode
L'approche de test de Zoom pour l'impact de l'élément <permission> utilise une comparaison avant/après, où l'élément <permission> a été exposé à tous les utilisateurs Zoom qui ont rejoint une réunion Zoom à partir d'un navigateur Web Chrome pour ordinateur.
Résultat
L'une des métriques clés de Zoom est le taux de capture de la caméra et du micro, qui mesure si la caméra et le micro sont correctement activés par un utilisateur lorsqu'il rejoint une réunion Zoom dans un navigateur. Zoom a constaté des améliorations majeures avec l'élément <permission>. Les erreurs liées à l'expérience du navigateur, comme le fait que le micro et la caméra ne soient pas activés au niveau du système ou du navigateur, ou que les utilisateurs ignorent l'invite d'autorisation du micro et de la caméra du navigateur, ont diminué de 46,9 %.
L'élément <permission> a non seulement permis de réduire les erreurs, mais aussi d'aider les utilisateurs qui rencontraient initialement un problème ou qui avaient refusé par erreur l'accès à récupérer et configurer le micro et la caméra, ce qui a permis de maintenir leur engagement et leur concentration sur les conversations et les réunions, afin que tout le monde puisse être vu et entendu clairement.
Comment Immobiliare.it a aidé les utilisateurs à utiliser la fonctionnalité de localisation de la carte alors que l'autorisation leur avait été refusée précédemment à l'aide de l'élément <permission>
Problématique
Les utilisateurs qui ont précédemment refusé l'autorisation de partager la position sur le site Immobiliare.it doivent accéder aux paramètres du site du navigateur et déverrouiller manuellement l'autorisation afin de pouvoir à nouveau accorder l'autorisation de partager la position si nécessaire.
La méthode
Immobiliare.it a amélioré son parcours de demande d'autorisation d'accéder à la position en utilisant la méthode JavaScript de l'API Permissions pour détecter si un utilisateur a déjà accordé ou non des autorisations d'accéder à la position à son site. S'il a déjà partagé l'autorisation, la méthode getCurrentPosition() de géolocalisation sera demandée comme auparavant. Si l'API Permission indique que l'utilisateur a bloqué l'autorisation d'accéder à la position, le site affiche une invite expliquant pourquoi le bouton de géolocalisation ne fonctionne pas et utilise l'élément <permission> comme incitation à l'action.
En cliquant sur l'élément <permission> "Utiliser la position", les utilisateurs peuvent partager facilement l'autorisation d'accéder à la position s'ils le souhaitent, même si elle a été bloquée précédemment et sans que l'utilisateur ait à accéder aux paramètres de son navigateur.
<permission> si l'autorisation était précédemment bloquée.<permission> a déclenché l'invite d'autorisation du navigateur.Les résultats
Lorsque vous utilisez l'élément <permission>, le taux de réussite du parcours utilisateur des autorisations GeoLocation a augmenté de 20 %, ce qui suggère que le nouveau parcours d'autorisation utilisant l'API Permissions et l'élément <permission> a aidé davantage d'utilisateurs à autoriser à nouveau l'autorisation, si nécessaire, même s'ils avaient bloqué ce type de demande d'autorisation par le passé.
ZapImóveis (OLX BR) améliore la recherche de localisation pour l'utilisation prévue avec l'élément <permission>
ZapImóveis, une plate-forme immobilière de premier plan au Brésil, sait que trouver la propriété parfaite commence souvent par l'emplacement. Membre du célèbre groupe OLX, ZapImoveis met en relation des millions d'utilisateurs avec un vaste inventaire de maisons, d'appartements, de terrains et d'autres propriétés à vendre et à louer dans tout le pays. Conscient du rôle essentiel de la recherche basée sur la position dans ce processus, ZapImóveis a identifié une opportunité d'améliorer l'expérience utilisateur en répondant aux frustrations courantes associées aux requêtes d'autorisation du navigateur.
Problématique
ZapImóveis a identifié des problèmes d'usabilité importants dans sa fonctionnalité de recherche de lieu, en particulier liés aux invites d'autorisation standard du navigateur. Les utilisateurs ont rencontré des difficultés à la fois lors de l'octroi initial de l'accès à la position et, peut-être plus important encore, lorsqu'ils ont tenté de réactiver les autorisations après les avoir précédemment refusées. Cela a eu un impact négatif sur l'expérience utilisateur globale et a potentiellement entravé l'efficacité de la fonctionnalité de recherche basée sur la position géographique sur leurs sites Web.
La méthode
Pour relever ces défis d'usabilité, ZapImóveis a effectué un test A/B. Dans ce test, l'élément <permission> a été présenté à un sous-ensemble d'utilisateurs. L'objectif était de fournir un contrôle dédié dans l'interface ZapImóveis pour gérer les autorisations d'accéder à la position, ce qui simplifie le workflow d'autorisation et le rend plus intuitif pour les utilisateurs.
Les résultats
L'implémentation de l'élément <permission> de ZapImóveis a permis d'améliorer considérablement la facilité d'utilisation de la recherche par localisation, en particulier pour les utilisateurs qui interagissent activement avec les fonctionnalités basées sur la position. Pour les personnes qui ont initialement rencontré des difficultés avec les invites d'autorisation du navigateur standard, le contrôle sur la page fourni par l'élément <permission> a permis à 4,3 % d'accorder l'accès à la position. De plus, il a considérablement amélioré la récupération des autorisations, puisque 54,4 % des utilisateurs qui avaient précédemment refusé l'accès l'ont à nouveau accordé lorsqu'ils ont tenté d'utiliser des fonctionnalités dépendant de la position. Bien qu'il y ait eu une légère augmentation du temps moyen nécessaire pour accorder initialement l'autorisation, les gains substantiels en termes de succès des fonctionnalités pour les utilisateurs ayant un objectif clair ont justifié ce compromis.
Voir d'autres exemples de l'élément <permission> en action
- Passez un appel en visioconférence dans Google Meet à l'aide du navigateur Chrome.
- Rechercher un restaurant à proximité dans la recherche Google (déploiement progressif)
- Tester l'élément
<permission>pour toutes les fonctionnalités disponibles sur https://permission.site/pepc (à partir de Chrome 137)
Intégrer l'élément <permission>
L'élément <permission> est conçu pour être simple à adopter par les équipes de développement. En tant qu'élément HTML standard, il peut être intégré comme n'importe quel autre bouton et stylisé (dans les limites contrôlées par le navigateur) pour s'adapter à l'apparence de votre site. Pour les navigateurs qui ne prennent pas encore en charge l'élément <permission>, les développeurs peuvent fournir des expériences de remplacement à l'aide des méthodes de demande d'autorisation existantes. Pour en savoir plus, consultez la section Améliorations apportées à l'élément <permission>.
Rendre le Web plus utile et plus intuitif
Chez Google, nous nous efforçons constamment de rendre Chrome et la plate-forme Web plus sûrs, plus rapides et plus utiles. L'élément <permission> représente une étape importante vers un modèle d'autorisations Web plus intuitif et ergonomique. En fournissant aux utilisateurs un contexte et un contrôle clairs, l'élément <permission> permet de combler l'écart entre les fonctionnalités Web puissantes et la confiance des utilisateurs, ce qui offre des expériences plus riches et plus attrayantes sur le Web. Nous encourageons les propriétaires de produits et les équipes de développement à découvrir comment l'élément <permission> peut améliorer leurs parcours utilisateur et exploiter tout le potentiel de leurs applications Web.