Publié le 6 juin 2025
Découvrez comment le nouvel élément <permission> proposé par Chrome permet de créer une expérience d'autorisation plus simple, plus fiable et plus contextuelle.
L'équipe Chrome a conçu la proposition d'élément <permission> pour permettre aux utilisateurs de contrôler des fonctionnalités puissantes. 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 lié à la demande d'autorisation
Pour utiliser des fonctionnalités de l'appareil telles que la localisation, l'appareil photo ou le micro, les utilisateurs doivent souvent parcourir un paysage frustrant de demandes d'autorisation potentiellement multiples. Pour les développeurs, appeler une API pour utiliser une fonctionnalité est simple et se traduit par un succès ou un échec. Pour les utilisateurs, cela se traduit souvent par des invites intrusives et hors contexte, ainsi que par des décisions apparemment définitives qui entraînent frustration et charge cognitive.
Les invites d'autorisation actuelles amènent 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 éviter d'interrompre les utilisateurs à l'avenir, Chrome empêchera ensuite d'autres invites, ce qui pose le problème inverse de l'annulation de ces refus si l'utilisateur change d'avis ultérieurement. Les utilisateurs peuvent alors abandonner des fonctionnalités ou le site dans son ensemble.
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 de manière fluide 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. Bien que vous bénéficiiez d'une grande flexibilité en termes de style, le navigateur conserve le contrôle sur le texte et les icônes principaux, et assure la sécurité, la cohérence et l'accessibilité. Cela signifie qu'une interaction avec cet élément constitue un signal clair de l'intention de l'utilisateur, ce qui permet au navigateur de le guider utilement à travers les décisions nécessaires et les autres étapes. Cela contraste avec les invites déclenchées par programmation, où le navigateur manque d'un signal direct de l'intention de l'utilisateur et doit donc toujours trouver un équilibre entre l'utilité et l'absence d'interruption.
<permission> pour l'utilisation de l'appareil photo.
Voici comment elle transforme l'expérience :
- Initiation par l'utilisateur : au lieu que le site Web initie une invite, l'élément s'assure par conception que l'utilisateur choisit quand il souhaite utiliser la fonctionnalité associée.
- Demande dans le contexte : étant donné que 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 demande de localisation est donc logique. - Dépannage complet : comme le navigateur reçoit un signal direct sur l'intention de l'utilisateur, il peut l'aider de manière proactive à suivre 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 photo au niveau de l'appareil. Le site Web n'a pas besoin de fournir de procédure de dépannage dépendant de la plate-forme.
- Récupération simplifiée des autorisations : l'élément
<permission>proposé permet à l'utilisateur de modifier directement sur la page les autorisations précédemment refusées, sans avoir à 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 permet d'améliorer 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 à créer 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 la caméra et du micro dans le navigateur grâce à l'élément <permission>.
Problématique
L'un des principaux défis pour les 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 parcourir les paramètres du navigateur en dehors de l'interface du site de visioconfé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 rejoignant une réunion Zoom à partir d'un navigateur Web Chrome sur ordinateur.
Le résultat
L'une des principales métriques de Zoom est le taux de capture de la caméra et du micro, qui mesure le taux de réussite de l'activation de la caméra et du micro 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 échecs dans l'expérience du navigateur, comme le micro et la caméra qui ne sont pas activés au niveau du système ou du navigateur, ou les utilisateurs qui ferment 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 avaient initialement rencontré un problème ou qui avaient refusé l'accès par erreur à récupérer et configurer le micro et la caméra. Cela a permis de maintenir l'engagement des utilisateurs et de les aider à se concentrer 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 sur la carte alors que l'autorisation avait été refusée précédemment, en utilisant l'élément <permission>
Problématique
Les utilisateurs qui ont précédemment refusé l'autorisation de partage de la position sur le site Immobiliare.it doivent accéder aux paramètres du site dans le navigateur et débloquer manuellement l'autorisation pour pouvoir l'accorder à nouveau si nécessaire.
La méthode
Immobiliare.it a amélioré son flux 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 l'autorisation d'accéder à la position sur son site. S'ils ont déjà partagé l'autorisation, cela entraînera la demande de la méthode de géolocalisation getCurrentPosition() comme auparavant. Si l'API Permissions indique que l'utilisateur a bloqué l'autorisation d'accéder à sa position, le site affiche une invite expliquant pourquoi le bouton de géolocalisation ne peut pas fonctionner 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 de localisation s'ils le souhaitent, même si elle a été bloquée précédemment et sans avoir à accéder aux paramètres de leur navigateur.
<permission> si l'autorisation a été bloquée précédemment.<permission> a déclenché l'invite d'autorisation du navigateur.C :Les résultats
Lorsque l'élément <permission> est utilisé, le taux de réussite du parcours utilisateur des autorisations de géolocalisation augmente de 20 %. Cela suggère que le nouveau flux d'autorisation utilisant l'API Permissions et l'élément <permission> a aidé davantage d'utilisateurs à autoriser à nouveau l'autorisation, si souhaité, 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, l'une des principales plates-formes immobilières au Brésil, sait que la recherche du bien idéal commence souvent par l'emplacement. ZapImoveis, qui fait partie du célèbre Grupo OLX, 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 localisation dans ce processus, ZapImóveis a identifié une opportunité d'améliorer l'expérience utilisateur en résolvant les problèmes courants associés aux invites d'autorisation du navigateur.
Problématique
ZapImóveis a identifié des problèmes d'usabilité importants dans sa fonctionnalité de recherche de localisation, en particulier en ce qui concerne les invites d'autorisation standard du navigateur. Les utilisateurs ont rencontré des difficultés à la fois lorsqu'ils ont accordé l'accès à la position pour la première fois et, plus grave encore, lorsqu'ils ont tenté de réactiver les autorisations après les avoir 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 localisation sur leurs sites Web.
La méthode
Pour surmonter ces difficultés, 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é sur la page de l'interface ZapImóveis pour gérer les autorisations de localisation, ce qui permet de simplifier le workflow d'autorisation et de le rendre plus intuitif pour les utilisateurs.
Les résultats
L'implémentation de l'élément <permission> de ZapImóveis a entraîné une amélioration notable de la facilité d'utilisation de la recherche de localisation, en particulier pour les utilisateurs qui ont interagi activement avec les fonctionnalités basées sur la localisation. Pour les utilisateurs qui ont initialement rencontré des difficultés avec les invites d'autorisation du navigateur standard, le contrôle intégré à la page fourni par l'élément <permission> a permis à 4,3 % d'entre eux d'accorder l'accès à la position. De plus, elle a considérablement amélioré la récupération des autorisations, avec 54,4 % des utilisateurs qui avaient précédemment refusé l'accès et qui l'ont accordé à nouveau lorsqu'ils ont tenté d'utiliser des fonctionnalités dépendant de la localisation. Bien que le temps moyen nécessaire pour accorder l'autorisation initiale ait légèrement augmenté, les gains importants en termes de réussite des fonctionnalités pour les utilisateurs ayant une intention claire ont justifié ce compromis.
Découvrez d'autres exemples de l'élément <permission> en action.
- Passez un appel en visioconférence sur Google Meet à l'aide du navigateur Chrome.
- Rechercher un restaurant à proximité sur la recherche Google (déploiement progressif)
- Testez 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 facile à adopter par les équipes de développement. Comme tout é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 correspondre à l'apparence de votre site. Pour les navigateurs qui ne sont pas encore compatibles avec l'élément <permission>, les développeurs peuvent proposer des expériences de secours à l'aide des méthodes de demande d'autorisation existantes. Pour en savoir plus, consultez Améliorations apportées à l'élément <permission>.
Rendre le Web plus utile et 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 plus intuitif et ergonomique pour les autorisations Web. En fournissant aux utilisateurs un contexte et un contrôle clairs, l'élément <permission> permet de combler le fossé entre les puissantes fonctionnalités Web et la confiance des utilisateurs, ce qui permet de proposer des expériences plus riches et plus attrayantes sur le Web. Nous encourageons les propriétaires de produits et les équipes de développement à explorer comment l'élément <permission> peut améliorer leurs parcours utilisateur et exploiter tout le potentiel de leurs applications Web.