Publicado em 6 de junho de 2025
Saiba como o novo elemento <permission> proposto do Chrome cria uma experiência de permissão mais
simplificada, confiável e contextual.
A equipe do Chrome criou a proposta de elemento <permission> para dar aos usuários
controle de recursos poderosos. O elemento permite que os desenvolvedores criem uma
experiência completa em que os usuários podem permitir o uso desses recursos
no contexto, ao mesmo tempo em que são protegidos de interrupções
indesejáveis. 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 uma frustrante variedade de solicitações de permissão. Para os desenvolvedores, chamar uma API para usar um recurso é simples, resultando em sucesso ou falha. Para os usuários, no entanto, isso geralmente se traduz em comandos interruptivos e fora do contexto e decisões aparentemente finais que causam frustração e carga cognitiva.
Hoje em dia, os avisos de permissão geralmente fazem os usuários se perguntarem: "Por que esse site precisa dessa permissão (agora)?" Essa falta de clareza geralmente faz com que os usuários optem por negar as solicitações de permissão. Para proteger os usuários de interrupções no futuro, o Chrome vai impedir outros avisos, o que, por sua vez, leva ao desafio inverso de reverter essas negações caso o usuário mude de ideia mais tarde. Isso pode fazer com que os usuários abandonem recursos ou o site.
Oferecer aos usuários o controle contextual
O elemento <permission> proposto representa uma evolução significativa na
ergonomia das permissões da Web. Esse elemento HTML proposto permite que você integre
um ponto de entrada estilizável, mas controlado pelo navegador, para usar recursos
poderosos (por exemplo, um botão "usar câmera" claro em uma videochamada)
diretamente no design do seu site. Enquanto você aproveita a flexibilidade de estilo, o
navegador mantém o controle sobre os textos e ícones principais, cuida da segurança,
consistência e acessibilidade. Isso significa que uma interação com esse elemento
serve como um indicador claro da intenção do usuário, permitindo que o navegador
guie o usuário pelas decisões necessárias e outras etapas. Isso
contrasta com os comandos acionados programaticamente, em que o navegador
não tem um indicador direto da intenção do usuário e, portanto, precisa sempre equilibrar a
ajuda com a 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 é projetado 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. Ele clicou no botão para, por exemplo, encontrar lojas próximas. Portanto, uma solicitação de localização faz sentido. - Solução de problemas completa: como o navegador recebe um indicador direto sobre a intenção do usuário, ele pode ser proativo ao guiar o usuário por todas as etapas específicas da plataforma necessárias para o acesso ao recurso. Por exemplo, ele pode fazer um link direto para as configurações do sistema para 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 de permissão simplificada:o elemento
<permission>proposto oferece uma maneira direta na página para que o usuário mude as 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 leva a um modelo de interação mais intuitivo, confiável e orientado pelo usuário.
Estudos de caso
O Zoom ajuda os usuários a reduzir 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 videoconferê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 a navegação nas 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 entrar em uma
reunião do Zoom em um navegador. O Zoom teve grandes melhorias com o elemento
<permission>. As falhas na experiência do navegador, como o microfone e a câmera não
sendo ativados no nível do sistema ou do navegador, ou os usuários dispensando
a solicitação de permissão do microfone e da câmera do navegador, diminuíram 46,9%.
O elemento <permission> não apenas ajudou a reduzir erros, mas também ajudou
os usuários que enfrentaram um problema inicial ou que negaram o acesso por engano para
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
claramente.
Como a Immobiliare.it ajudou os usuários a usar a funcionalidade de localização do mapa, mesmo com a permissão negada anteriormente, usando o elemento <permission>
O desafio
Os usuários que já negaram a permissão de compartilhamento do site para localização no site Immobiliare.it precisam acessar as configurações do site do navegador e desbloquear manualmente a permissão para conceder a permissão de localização novamente, 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
permissões de localização ao site. Se a permissão já tiver sido compartilhada,
isso vai levar à solicitação do método getCurrentPosition() de geolocalização como
antes. Se a API Permission 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 funciona 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, se quiserem, mesmo que tenha sido bloqueada anteriormente e sem
exigir que o usuário acesse as configurações do navegador.
<permission>, se a permissão foi 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ário de permissões
de Geolocalização aumentou em 20%, o que sugere que o novo fluxo de permissões
usando a API Permissions e o elemento <permission> ajudou mais usuários
a conceder a permissão novamente, quando necessário, mesmo que no passado eles tenham bloqueado
esse tipo de solicitação de permissão.
A ZapImóveis (OLX BR) usa o elemento <permission> para melhorar a pesquisa de local para uso pretendido
A ZapImóveis, uma plataforma imobiliária líder no 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 outras propriedades à venda e para locação em todo o país. Reconhecendo o papel fundamental da pesquisa baseada em localização nesse processo, a ZapImóveis identificou uma oportunidade de melhorar a experiência do usuário ao resolver frustrações comuns associadas às solicitações de permissão do navegador.
O desafio
A ZapImóveis identificou problemas de usabilidade significativos no recurso de pesquisa de local, especificamente relacionados às solicitações de permissão do navegador padrão. Os usuários tiveram dificuldades ao conceder o acesso à localização pela primeira vez e, talvez mais importante, ao tentar reativar as permissões depois de negá-las. Isso afetou negativamente a experiência geral do usuário e possivelmente prejudicou a eficácia da funcionalidade de pesquisa baseada em local nos sites.
A abordagem
Para resolver esses desafios de usabilidade, a 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
na interface do ZapImóveis para gerenciar as permissões de localização,
simplificando o fluxo de trabalho e tornando-o mais intuitivo para os usuários.
Os resultados
A implementação do elemento <permission> do ZapImóveis levou
a uma melhoria significativa na usabilidade da pesquisa de local, principalmente para
usuários que interagiram ativamente com os recursos baseados em local. Para aqueles que
tiveram dificuldades iniciais com as solicitações de permissão padrão
do navegador, o controle na página fornecido pelo elemento <permission> ativou
4,3% para conceder acesso à localização. Além disso, ela melhorou significativamente
a recuperação de permissões, com 54,4% dos usuários que haviam negado
o acesso concedendo-o novamente quando tentaram usar
funcionalidades dependentes de local. Embora tenha havido um ligeiro aumento no
tempo médio para conceder a 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 (implantação gradual)
- Teste o elemento
<permission>para todos os recursos disponíveis em https://permission.site/pepc (a partir do Chrome 137)
Integrar o elemento <permission>
O elemento <permission> foi projetado para ser simples de adotar por 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 combinar com a aparência
do seu site. Para navegadores que ainda não oferecem suporte ao elemento <permission>,
os desenvolvedores podem oferecer experiências alternativas usando métodos de solicitação de
permissão. 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 fornecer
contexto e controle claros aos usuários, o elemento <permission> ajuda a preencher a lacuna
entre os recursos avançados da Web e a confiança do usuário, permitindo experiências mais ricas e
envolventes na Web. Recomendamos que proprietários de produtos e equipes de desenvolvimento
explorem como o elemento <permission> pode melhorar as jornadas dos usuários e
desbloquear todo o potencial dos aplicativos da Web.