Publicado em: 6 de junho de 2025
Saiba como o novo elemento <permission> proposto pelo Chrome cria uma experiência de permissão mais
simplificada, confiável e contextual.
A equipe do Chrome criou a proposta do elemento <permission> para dar aos usuários o controle de recursos avançados. O elemento permite que os desenvolvedores criem uma
experiência completa e integrada em que os usuários podem permitir o uso dessas funcionalidades
no contexto, ao mesmo tempo em que são protegidos contra interrupções
indesejadas. Este conjunto de estudos de caso demonstra como o novo elemento funciona na prática.
O problema de pedir permissão
Para usar recursos do dispositivo, como localização, câmera ou microfone, os usuários geralmente precisam navegar por um cenário frustrante de várias solicitações de permissão. Para os desenvolvedores, chamar uma API para usar um recurso é simples, resultando em sucesso ou falha. No entanto, para os usuários, isso geralmente se traduz em solicitações interruptivas e fora de contexto, além de decisões aparentemente finais que causam frustração e carga cognitiva.
As solicitações de permissão atuais muitas vezes fazem os usuários se perguntarem: "Por que este site precisa dessa permissão (agora)?" Essa falta de clareza geralmente faz com que os usuários neguem solicitações de permissão. Para proteger os usuários de interrupções no futuro, o Chrome vai impedir mais solicitações, o que, por sua vez, leva ao desafio inverso de reverter essas negações se o usuário mudar de ideia depois. Isso pode fazer com que os usuários abandonem recursos ou o site inteiro.
Oferecer controle contextual aos usuários
O elemento <permission> proposto representa uma evolução significativa na
ergonomia das permissões da Web. Esse elemento HTML proposto permite integrar de forma simples um ponto de entrada estilizado, mas controlado pelo navegador, para usar recursos avançados (por exemplo, um botão claro "usar câmera" em um chat de vídeo) diretamente no design do seu site. Embora você tenha flexibilidade de estilo, o navegador mantém o controle sobre o texto e os ícones principais, além de cuidar da segurança, da consistência e da acessibilidade. Isso significa que uma interação com esse elemento
serve como um sinal claro sobre a intenção do usuário, permitindo que o navegador
o guie pelas decisões necessárias e outras etapas. Isso contrasta com os prompts acionados de forma programática, em que o navegador não tem um sinal direto da intenção do usuário e, portanto, precisa sempre equilibrar a utilidade com a não interrupção.
<permission> para usar a câmera.
Veja como isso transforma a experiência:
- Iniciado pelo usuário:em vez de o site iniciar uma solicitação, o elemento cuida por design para que o usuário escolha quando quiser usar o recurso relacionado.
- Solicitação no contexto:como o elemento
<permission>proposto faz parte do fluxo do site, o usuário entende por que a permissão é necessária. Eles clicaram no botão para, por exemplo, encontrar lojas próximas, então uma solicitação de localização faz sentido. - Solução de problemas abrangente: como o navegador recebe um sinal direto sobre a intenção do usuário, ele pode orientar de forma proativa o usuário em todas as etapas específicas da plataforma necessárias para o acesso à capacidade. Por exemplo, ele pode criar um link direto para as configurações do sistema e ajudar o usuário a mudar a configuração da câmera no nível do dispositivo. O site não precisa fornecer etapas de solução de problemas dependentes da plataforma.
- Recuperação simplificada de permissões:o elemento
<permission>proposto oferece uma maneira direta na página para o usuário mudar permissões negadas anteriormente sem acessar as configurações do navegador. Um clique no elemento aciona uma versão especial da solicitação de permissão, resultando em melhorias substanciais na recuperação.
<permission> permite que os usuários mudem rapidamente a configuração de permissão sem precisar navegar até as configurações do site.
Essa abordagem avança para um modelo de interação mais intuitivo, confiável e orientado pelo usuário.
Estudos de caso
O Zoom ajuda os usuários a diminuir os erros de captura de câmera e microfone no navegador em 46,9% com o elemento <permission>.
O desafio
Um dos maiores desafios para sites de conferência é ajudar os usuários que negaram o acesso à câmera ou ao microfone a reativar as permissões ao participar de uma videochamada. O fluxo padrão exigia navegar pelas configurações do navegador fora da interface do site de conferências.
A abordagem
A abordagem de teste do Zoom para o impacto do elemento <permission> usa uma comparação antes e depois, em que o elemento <permission> foi exposto a todos os usuários do Zoom que participaram de uma reunião do Zoom em um navegador da Web Chrome para computador.
O resultado
Uma das principais métricas do Zoom é a taxa de captura de câmera e microfone, que mede
se a câmera e o microfone foram ativados por um usuário ao participar de uma
reunião do Zoom em um navegador. O Zoom teve melhorias significativas com o elemento <permission>. As falhas na experiência do navegador, como o microfone e a câmera não
estarem ativados no nível do sistema ou do navegador, ou os usuários dispensarem o
prompt de permissão de microfone e câmera do navegador, diminuíram 46,9%.
O elemento <permission> não só ajudou a reduzir erros, mas também ajudou os usuários que inicialmente enfrentaram um problema ou negaram o acesso por engano a recuperar e configurar o microfone e a câmera, o que manteve os usuários engajados e focados nas conversas e reuniões, para que todos pudessem ser vistos e ouvidos com clareza.
Como a Immobiliare.it ajudou os usuários a usar a funcionalidade de localização no mapa depois de ter a permissão negada usando o elemento <permission>.
O desafio
Os usuários que já negaram o compartilhamento de permissão de localização no site Immobiliare.it precisam acessar as configurações do site no navegador e desbloquear manualmente a permissão para conceder novamente o acesso à localização, se quiserem.
A abordagem
A Immobiliare.it melhorou o fluxo de solicitação de permissões de localização usando o método JavaScript da API Permissions para detectar se um usuário já concedeu ou não permissões de localização ao site. Se eles já compartilharam a permissão, isso vai levar à solicitação do método de geolocalização getCurrentPosition() como antes. Se a API Permissions retornar que o usuário bloqueou a permissão de
localização, o site vai mostrar uma solicitação explicando por que o botão de geolocalização não pode
funcionar e usando o elemento <permission> como call-to-action.
Ao clicar no elemento <permission> "Usar localização", os usuários podem compartilhar a permissão de localização sem problemas, mesmo que ela tenha sido bloqueada antes e sem precisar acessar as configurações do navegador.
<permission>, se a permissão tiver sido bloqueada anteriormente.<permission> acionou a solicitação de permissão do navegador.Os resultados
Ao usar o elemento <permission>, a taxa de sucesso do fluxo de usuários de permissões de geolocalização aumentou em 20%. Isso sugere que o novo fluxo de permissões usando a API Permissions e o elemento <permission> ajudou mais usuários a permitir a permissão novamente, quando desejado, mesmo que no passado eles tenham bloqueado esse tipo de solicitação de permissão.
O ZapImóveis (OLX BR) melhora a pesquisa de locais para uso pretendido com o elemento <permission>.
A ZapImóveis, uma das principais plataformas imobiliárias do Brasil, entende que encontrar o imóvel perfeito geralmente começa com a localização. Como parte do renomado Grupo OLX, o ZapImoveis conecta milhões de usuários a um vasto inventário de casas, apartamentos, terrenos e outros imóveis à venda e para aluguel em todo o país. Reconhecendo a importância da pesquisa baseada em localização nesse processo, o ZapImóveis identificou uma oportunidade de melhorar a experiência do usuário ao resolver frustrações comuns associadas a solicitações de permissão do navegador.
O desafio
O ZapImóveis identificou problemas significativos de usabilidade no recurso de pesquisa de locais, principalmente relacionados aos prompts de permissão padrão do navegador. Os usuários tiveram dificuldades tanto ao conceder o acesso à localização inicialmente quanto, talvez mais importante, ao tentar reativar as permissões depois de negá-las. Isso afetou negativamente a experiência geral do usuário e prejudicou a eficácia da funcionalidade de pesquisa baseada em localização nos sites.
A abordagem
Para resolver esses desafios de usabilidade, o ZapImóveis realizou um teste A/B. Neste teste, o elemento <permission> foi apresentado a um subconjunto de usuários. O objetivo era oferecer um controle dedicado na página dentro da interface do ZapImóveis para gerenciar as permissões de localização, simplificando o fluxo de trabalho de permissão e tornando-o mais intuitivo para os usuários.
Os resultados
A implementação do elemento <permission> do ZapImóveis resultou em uma melhoria notável na usabilidade da pesquisa de local, principalmente para usuários que interagiram ativamente com recursos baseados em localização. Para quem
inicialmente teve dificuldades com os prompts de permissão padrão do navegador,
o controle na página fornecido pelo elemento <permission> permitiu que
4,3% concedesse acesso à localização. Além disso, ele melhorou significativamente
a recuperação de permissões.54, 4% dos usuários que haviam negado
o acesso concederam novamente quando tentaram usar
funcionalidades dependentes de localização. Embora tenha havido um pequeno aumento no tempo médio para conceder permissão inicialmente, os ganhos substanciais no sucesso do recurso para usuários com intenção clara justificaram essa troca.
Confira mais exemplos do elemento <permission> em ação
- Faça uma videoconferência no Google Meet usando o navegador Chrome.
- Pesquise um restaurante por perto na Pesquisa Google (lançamento gradual)
- Teste o elemento
<permission>para todos os recursos disponíveis em https://permission.site/pepc (no Chrome 137)
Integrar o elemento <permission>
O elemento <permission> foi projetado para ser simples de adotar pelas equipes de desenvolvimento. Como um elemento HTML comum, ele pode ser integrado como qualquer outro botão e estilizado (dentro dos limites controlados pelo navegador) para corresponder à aparência do seu site. Para navegadores que ainda não oferecem suporte ao elemento <permission>,
os desenvolvedores podem fornecer experiências de substituição usando métodos
de solicitação de permissão atuais. Para mais detalhes, leia
Melhorias no elemento <permission>.
Tornar a Web mais útil e intuitiva
No Google, trabalhamos constantemente para tornar o Chrome e a plataforma da Web mais seguros, rápidos e úteis. O elemento <permission> representa uma etapa significativa para um modelo mais intuitivo e ergonômico de permissões da Web. Ao dar aos usuários contexto e controle claros, o elemento <permission> ajuda a diminuir a distância entre recursos da Web avançados e a confiança do usuário, permitindo experiências mais ricas e envolventes na Web. Incentivamos os proprietários de produtos e as equipes de desenvolvimento a
explorar como o elemento <permission> pode melhorar as jornadas dos usuários e
liberar todo o potencial dos aplicativos da Web.