Publicado el 6 de junio de 2025
Descubre cómo el nuevo elemento <permission> propuesto de Chrome crea una experiencia de permisos más optimizada, confiable y contextual.
El equipo de Chrome diseñó la propuesta del elemento <permission> para que los usuarios tengan el control de capacidades potentes. El elemento permite a los desarrolladores crear una experiencia integral y fluida en la que los usuarios pueden permitir el uso de estas capacidades en contexto y, al mismo tiempo, se protegen de interrupciones no deseadas. En este conjunto de estudios de caso, se muestra cómo funciona el nuevo elemento en la práctica.
El problema de pedir permiso
Para usar funciones del dispositivo, como la ubicación, la cámara o el micrófono, los usuarios suelen tener que navegar por un frustrante panorama de múltiples solicitudes de permisos. Para los desarrolladores, llamar a una API para usar una capacidad es sencillo y genera un resultado exitoso o fallido. Sin embargo, para los usuarios, esto a menudo se traduce en indicaciones que interrumpen y están fuera de contexto, y en decisiones aparentemente finales que causan frustración y carga cognitiva.
Actualmente, las indicaciones de permisos suelen hacer que los usuarios se pregunten: "¿Por qué este sitio necesita este permiso (ahora)?". Esta falta de claridad a menudo hace que los usuarios decidan rechazar las solicitudes de permisos. Para proteger a los usuarios de interrupciones en el futuro, Chrome evitará más mensajes después, lo que, a su vez, genera el desafío inverso de revertir estos rechazos si el usuario cambia de opinión más adelante. Esto puede hacer que los usuarios abandonen las funciones o el sitio por completo.
Proporciona a los usuarios control contextual
El elemento <permission> propuesto representa una evolución significativa en la ergonomía de los permisos web. Este elemento HTML propuesto te permite integrar sin problemas un punto de entrada personalizable, pero controlado por el navegador, para usar capacidades potentes (por ejemplo, un botón claro de "usar la cámara" en un chat de video) directamente en el diseño de tu sitio. Si bien disfrutas de la flexibilidad de los estilos, el navegador mantiene el control sobre el texto y los íconos principales, y se encarga de la seguridad, la coherencia y la accesibilidad. Esto significa que una interacción con este elemento sirve como un indicador claro de la intención del usuario, lo que permite que el navegador lo guíe de manera útil a través de las decisiones necesarias y otros pasos. Esto contrasta con los mensajes activados de forma programática, en los que el navegador no tiene un indicador directo de la intención del usuario, por lo que siempre debe equilibrar la utilidad con la no interrupción.
<permission> para usar la cámara.
Así es como transforma la experiencia:
- Iniciado por el usuario: En lugar de que el sitio web inicie un mensaje, el elemento se encarga por diseño de que el usuario elija cuándo quiere usar la función relacionada.
- Solicitud en contexto: Dado que el elemento
<permission>propuesto forma parte del flujo del sitio, el usuario comprende por qué se necesita el permiso. Por ejemplo, hizo clic en el botón para encontrar tiendas cercanas, por lo que una solicitud de ubicación tiene sentido. - Solución de problemas integral: Debido a que el navegador recibe un indicador directo sobre la intención del usuario, puede guiarlo de forma proactiva a través de todos los pasos específicos de la plataforma necesarios para acceder a la capacidad. Por ejemplo, puede vincularse directamente a la configuración del sistema para ayudar al usuario a cambiar la configuración de la cámara a nivel del dispositivo. El sitio web no necesita proporcionar pasos para solucionar problemas que dependan de la plataforma.
- Recuperación de permisos optimizada: El elemento
<permission>propuesto ofrece una forma directa en la página para que el usuario cambie los permisos que se rechazaron anteriormente sin tener que acceder a la configuración del navegador. Un clic en el elemento activa una versión especial del mensaje de permiso, lo que genera mejoras significativas en la recuperación.
<permission> permite a los usuarios cambiar rápidamente el parámetro de configuración de permisos sin tener que navegar a la configuración del sitio.
Este enfoque se acerca a un modelo de interacción más intuitivo, confiable y centrado en el usuario.
Casos de éxito
Zoom ayuda a sus usuarios a reducir los errores de captura de la cámara y el micrófono en el navegador en un 46.9% con el elemento <permission>
El desafío
Uno de los mayores desafíos para los sitios web de conferencias es ayudar a los usuarios que anteriormente denegaron el acceso a la cámara o al micrófono a volver a habilitar los permisos cuando se unen a una videollamada. El flujo estándar requería navegar por la configuración del navegador fuera de la interfaz del sitio de conferencias.
El enfoque
El enfoque de prueba de Zoom para el impacto del elemento <permission> utiliza una comparación antes y después, en la que el elemento <permission> se expuso a todos los usuarios de Zoom que se unieron a una reunión de Zoom desde un navegador web de Chrome para computadoras.
El resultado
Una de las métricas clave de Zoom es la tasa de captura de la cámara y el micrófono, que mide si un usuario habilitó correctamente la cámara y el micrófono cuando se unió a una reunión de Zoom en un navegador. Zoom experimentó mejoras importantes con el elemento <permission>. Las fallas en la experiencia del navegador, como el micrófono y la cámara que no se habilitan a nivel del sistema o del navegador, o los usuarios que descartan el mensaje de permiso del micrófono y la cámara del navegador, disminuyeron en un 46.9%.
El elemento <permission> no solo ayudó a reducir los errores, sino que también ayudó a los usuarios que inicialmente tuvieron un problema o que habían rechazado el acceso por error a recuperar y configurar el micrófono y la cámara, lo que mantuvo a los usuarios involucrados y enfocados en las conversaciones y reuniones, de modo que todos pudieran verse y escucharse con claridad.
Cómo Immobiliare.it ayudó a los usuarios a usar la función de ubicación en el mapa cuando se había denegado el permiso anteriormente con el elemento <permission>
El desafío
Los usuarios que anteriormente rechazaron el permiso para compartir la ubicación en el sitio de Immobiliare.it deben acceder a la configuración del sitio del navegador y desbloquear manualmente el permiso para poder otorgarlo nuevamente si lo desean.
El enfoque
Immobiliare.it mejoró su flujo de solicitud de permisos de ubicación con el método de JavaScript de la API de Permissions para detectar si un usuario ya otorgó permisos de ubicación a su sitio. Si ya compartieron el permiso, se solicitaría el método getCurrentPosition() de ubicación geográfica como antes. Si la API de Permissions devolvió que el usuario bloqueó el permiso de ubicación, el sitio muestra un mensaje que explica por qué no funciona el botón de Geolocalización y usa el elemento <permission> como llamada a la acción.
Si hacen clic en el elemento <permission> "Usar la ubicación", los usuarios pueden compartir sin problemas el permiso de ubicación si lo desean, incluso si se bloqueó anteriormente y sin necesidad de que el usuario acceda a la configuración del navegador.
<permission> si se bloqueó el permiso anteriormente.<permission> activó el mensaje de permiso del navegador.Los resultados
Cuando se usa el elemento <permission>, la tasa de éxito del flujo del usuario de permisos de Geolocalización aumentó en un 20%, lo que sugiere que el nuevo flujo de permisos que usa la API de Permissions y el elemento <permission> ayudó a más usuarios a volver a permitir el permiso cuando lo desearon, incluso si en el pasado habían bloqueado este tipo de solicitud de permiso.
ZapImóveis (OLX BR) mejora la búsqueda de ubicaciones para el uso previsto con el elemento <permission>
ZapImóveis, una plataforma inmobiliaria líder en Brasil, sabe que encontrar la propiedad perfecta suele comenzar con la ubicación. Como parte del reconocido Grupo OLX, ZapImoveis conecta a millones de usuarios con un vasto inventario de casas, apartamentos, terrenos y otras propiedades en venta y alquiler en todo el país. ZapImóveis reconoció el papel fundamental de la búsqueda basada en la ubicación en este proceso y detectó una oportunidad para mejorar la experiencia del usuario abordando las frustraciones comunes asociadas con las indicaciones de permisos del navegador.
El desafío
ZapImóveis identificó problemas de usabilidad significativos en su función de búsqueda de ubicaciones, específicamente relacionados con los mensajes estándar de permisos del navegador. Los usuarios tuvieron dificultades tanto cuando otorgaron acceso a la ubicación por primera vez como, tal vez de forma más crítica, cuando intentaron volver a habilitar los permisos después de haberlos denegado anteriormente. Esto afectó negativamente la experiencia general del usuario y, posiblemente, dificultó la eficacia de la funcionalidad de búsqueda basada en la ubicación en sus sitios web.
El enfoque
Para abordar estos desafíos de usabilidad, ZapImóveis realizó una prueba A/B. En esta prueba, se introdujo el elemento <permission> a un subconjunto de usuarios. El objetivo era proporcionar un control dedicado en la página dentro de la interfaz de ZapImóveis para administrar los permisos de ubicación, lo que agilizaría el flujo de trabajo de permisos y lo haría más intuitivo para los usuarios.
Los resultados
La implementación del elemento <permission> de ZapImóveis generó una mejora notable en la usabilidad de la búsqueda de ubicaciones, en especial para los usuarios que interactuaron de forma activa con las funciones basadas en la ubicación. En el caso de quienes inicialmente tuvieron dificultades con las indicaciones estándar de permisos del navegador, el control en la página que proporciona el elemento <permission> permitió que el 4.3% otorgara acceso a la ubicación correctamente. Además, mejoró significativamente la recuperación de permisos, ya que el 54.4% de los usuarios que habían rechazado el acceso anteriormente lo volvieron a otorgar correctamente cuando intentaron usar funcionalidades dependientes de la ubicación. Si bien hubo un ligero aumento en el tiempo promedio para otorgar el permiso inicialmente, las ganancias sustanciales en el éxito de las funciones para los usuarios con una intención clara justificaron esta compensación.
Ver más ejemplos del elemento <permission> en acción
- Realiza una llamada de videoconferencia en Google Meet con el navegador Chrome.
- Buscar un restaurante cercano en la Búsqueda de Google (lanzamiento gradual)
- Prueba el elemento
<permission>para todas las capacidades disponibles en https://permission.site/pepc (desde Chrome 137).
Integra el elemento <permission>
El elemento <permission> está diseñado para que los equipos de desarrollo lo adopten fácilmente. Como elemento HTML normal, se puede integrar como cualquier otro botón y personalizar su diseño (dentro de los límites controlados por el navegador) para que coincida con el aspecto de tu sitio. En el caso de los navegadores que aún no admiten el elemento <permission>, los desarrolladores pueden proporcionar experiencias alternativas con los métodos existentes de solicitud de permisos. Para obtener más detalles, consulta Mejoras en el elemento <permission>.
Hacer que la Web sea más útil e intuitiva
En Google, trabajamos constantemente para que Chrome y la plataforma web sean más seguros, rápidos y útiles. El elemento <permission> representa un paso significativo hacia un modelo más intuitivo y ergonómico para los permisos web. Al brindarles a los usuarios contexto y control claros, el elemento <permission> ayuda a cerrar la brecha entre las potentes capacidades web y la confianza del usuario, lo que permite experiencias más enriquecedoras y atractivas en la Web. Alentamos a los propietarios de productos y a los equipos de desarrollo a explorar cómo el elemento <permission> puede mejorar los recorridos del usuario y liberar todo el potencial de sus aplicaciones web.