Fecha de publicación: 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 funciones potentes. El elemento permite a los desarrolladores crear una experiencia de extremo a extremo sin interrupciones en la que los usuarios pueden permitir el uso de estas funciones en contexto y, al mismo tiempo, protegerse de interrupciones no deseadas. Este conjunto de casos de éxito demuestra cómo funciona el elemento nuevo 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, a menudo los usuarios deben navegar por un panorama frustrante de varias solicitudes de permisos potenciales. Para los desarrolladores, llamar a una API para usar una función es sencillo y puede ser un éxito o un error. Sin embargo, para los usuarios, esto a menudo se traduce en instrucciones interruptivas y fuera de contexto, y decisiones aparentemente finales que causan frustración y carga cognitiva.
Actualmente, los mensajes de permisos suelen hacer que los usuarios se pregunten: "¿Por qué este sitio necesita este permiso (ahora)?". Esta falta de claridad suele provocar que los usuarios rechacen las solicitudes de permisos. Para proteger a los usuarios de interrupciones en el futuro, Chrome evitará más mensajes, lo que, a su vez, genera el desafío inverso de revertir estas negaciones 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 un 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 configurable, pero controlado por el navegador, para usar funciones potentes (por ejemplo, un botón claro "Usar cámara" en un chat de video) directamente en el diseño de tu sitio. Mientras disfrutas de la flexibilidad de diseño, el navegador mantiene el control sobre el texto y los íconos principales, se ocupa de la seguridad, la coherencia y la accesibilidad. Esto significa que una interacción con este elemento sirve como una señal clara sobre 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 las indicaciones activadas de forma programática, en las que el navegador carece de un indicador directo de la intención del usuario, por lo que siempre debe equilibrar ser útil y no interrumpir.
<permission> para usar la cámara.
A continuación, te mostramos cómo transforma la experiencia:
- Iniciada por el usuario: En lugar de que el sitio web inicie una instrucción, el elemento se encarga de que el usuario elija cuando quiera usar la función relacionada.
- Solicitud en contexto: Como el elemento
<permission>propuesto forma parte del flujo del sitio, el usuario comprende por qué se necesita el permiso. Hizo clic en el botón para, por ejemplo, encontrar tiendas cercanas, por lo que una solicitud de ubicación tiene sentido. - Solución de problemas integral: Debido a que el navegador recibe una señal directa 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 el acceso a las funciones. Por ejemplo, puede establecer un vínculo directo a la configuración del sistema para ayudar al usuario a cambiar la configuración de la cámara a nivel del dispositivo, y el sitio web no necesita proporcionar pasos para solucionar problemas que dependen 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 denegados anteriormente sin ir a la configuración del navegador. Un clic en el elemento activa una versión especial del mensaje de permiso, lo que genera mejoras sustanciales en la recuperación.
<permission> permite a los usuarios cambiar rápidamente la configuración de permisos sin tener que navegar a la configuración del sitio.
Este enfoque se orienta a un modelo de interacción más intuitivo, confiable y centrado en el usuario.
Casos de éxito
Zoom ayuda a sus usuarios disminuyendo los errores de captura de cámara y micrófono en el navegador en un 46.9% con el elemento <permission>.
El desafío
Uno de los mayores desafíos de los sitios web de videoconferencias es ayudar a los usuarios que anteriormente rechazaron 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 pruebas de Zoom para el impacto del elemento <permission> usa 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 Chrome para computadoras de escritorio.
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 habilita correctamente la cámara y el micrófono cuando se une a una reunión de Zoom en un navegador. Zoom tuvo mejoras importantes con el elemento <permission>. Los errores en la experiencia del navegador, como que el micrófono y la cámara no se habilitan a nivel del sistema o del navegador, o que los usuarios rechazan el mensaje de permiso del micrófono y la cámara del navegador, disminuyeron 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 denegaron por error el acceso para recuperar y configurar el micrófono y la cámara, lo que mantuvo a los usuarios interesados y enfocados en las conversaciones y reuniones, de modo que todos se pudieran ver y escuchar con claridad.
Cómo Immobiliare.it ayudó a los usuarios a usar la función de ubicación del mapa cuando se denegó el permiso anteriormente con el elemento <permission>
El desafío
Los usuarios que anteriormente rechazaron compartir el permiso de ubicación del sitio en Immobiliare.it deben acceder a la configuración del sitio del navegador y desbloquear el permiso de forma manual para poder volver a otorgar el permiso de ubicación 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 se compartió el permiso, esto provocaría que se solicite el método getCurrentPosition() de ubicación geográfica como antes. Si la API de Permission muestra que el usuario bloqueó el permiso de ubicación, el sitio muestra un mensaje en el que se explica por qué no puede funcionar el botón de geolocalización y se usa el elemento <permission> como llamado a la acción.
Si hacen clic en el elemento <permission> "Usar ubicación", los usuarios pueden compartir el permiso de ubicación sin problemas si lo desean, incluso si se bloqueó anteriormente y sin que el usuario deba acceder 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>, el porcentaje de éxito del flujo de usuarios de los permisos de GeoLocation aumentó 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 permitir el permiso de nuevo, cuando lo deseaban, incluso si en el pasado bloquearon este tipo de solicitud de permiso.
ZapImóveis (OLX BR) mejora la búsqueda de ubicación para el uso previsto con el elemento <permission>
ZapImóveis, una plataforma inmobiliaria líder en Brasil, comprende que encontrar la propiedad perfecta a menudo comienza con la ubicación. Como parte del reconocido Grupo OLX, ZapImoveis conecta a millones de usuarios con un amplio inventario de casas, departamentos, terrenos y otras propiedades en venta y alquiler en todo el país. Reconociendo el papel fundamental de la búsqueda basada en la ubicación en este proceso, ZapImóveis identificó una oportunidad para mejorar la experiencia del usuario abordando las frustraciones comunes asociadas con los mensajes de permisos del navegador.
El desafío
ZapImóveis identificó problemas significativos de usabilidad en su función de búsqueda de ubicación, específicamente relacionados con los mensajes de permisos del navegador estándar. Los usuarios tuvieron dificultades cuando otorgaron acceso a la ubicación por primera vez y, quizás lo más importante, cuando intentaron volver a habilitar los permisos después de haberlos denegado. Esto afectó de forma negativa la experiencia general del usuario y, posiblemente, obstaculizó 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 presentó 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 optimizarí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 llevó a una mejora notable en la usabilidad de la búsqueda de ubicaciones, en particular para los usuarios que interactuaron de forma activa con las funciones basadas en la ubicación. Para quienes inicialmente tuvieron dificultades con los mensajes de permisos del navegador estándar, el control en la página que proporciona el elemento <permission> permitió que el 4.3% otorgara acceso a la ubicación de forma correcta. Además, mejoró significativamente la recuperación de permisos, ya que el 54.4% de los usuarios que anteriormente habían denegado el acceso lo volvieron a otorgar correctamente cuando más tarde intentaron usar las funciones que dependen 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 intenciones claras justificaron esta compensación.
Consulta más ejemplos del elemento <permission> en acción
- Haz una llamada de videoconferencia en Google Meet con el navegador Chrome.
- Busca un restaurante cercano en la Búsqueda de Google (lanzamiento gradual).
- Prueba el elemento
<permission>para todas las capabilities disponibles en https://permission.site/pepc (a partir de Chrome 137).
Integra el elemento <permission>
El elemento <permission> está diseñado para que los equipos de desarrollo lo adopten de forma sencilla. Como elemento HTML normal, se puede integrar como cualquier otro botón y personalizar (dentro de los límites controlados por el navegador) para que coincida con el diseño de tu sitio. En el caso de los navegadores que aún no admiten el elemento <permission>, los desarrolladores pueden proporcionar experiencias de resguardo con los métodos de solicitud de permisos existentes. Para obtener más detalles, lee Mejoras en el elemento <permission>.
Haz que la Web sea más útil y 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 importante hacia un modelo más intuitivo y ergonómico para los permisos web. Dado que les brinda a los usuarios un contexto y un control claros, el elemento <permission> ayuda a cerrar la brecha entre las potentes capacidades web y la confianza de los usuarios, lo que permite experiencias más ricas y atractivas en la Web. Recomendamos a los propietarios de productos y a los equipos de desarrollo que exploren cómo el elemento <permission> puede mejorar sus recorridos del usuario y desbloquear todo el potencial de sus aplicaciones web.