Опубликовано: 6 июня 2025 г.
Узнайте, как новый элемент <permission> в Chrome создает более оптимизированный, надежный и контекстный опыт предоставления разрешений.
Команда Chrome разработала предложение элемента <permission> , чтобы предоставить пользователям контроль над мощными возможностями. Элемент позволяет разработчикам создавать бесшовное сквозное взаимодействие, в котором пользователи могут разрешить использование этих возможностей в контексте, в то же время защищая пользователей от нежелательных прерываний. Этот набор примеров демонстрирует, как новый элемент работает на практике.
Проблема запроса разрешения
Чтобы использовать такие функции устройства, как местоположение, камера или микрофон, пользователям часто приходится перемещаться по раздражающему ландшафту потенциально множественных запросов на разрешения. Для разработчиков вызов API для использования возможности прост, что приводит к успеху или неудаче. Однако для пользователей это часто превращается в прерывающие и выпадающие из контекста подсказки и, казалось бы, окончательные решения, которые вызывают разочарование и когнитивную нагрузку.
Запросы на получение разрешений сегодня часто заставляют пользователей задуматься: «Зачем этому сайту это разрешение (сейчас)?» Из-за этого отсутствия ясности пользователи часто решают отклонить запросы на получение разрешений. Чтобы защитить пользователей от помех в будущем, Chrome впоследствии предотвратит дальнейшие запросы, что, в свою очередь, приводит к обратной задаче отмены этих отказов, если пользователь позже передумает. Это может привести к тому, что пользователи полностью откажутся от функций или сайта.
Предоставьте пользователям контекстный контроль
Предлагаемый элемент <permission> представляет собой значительную эволюцию в эргономике веб-разрешений. Этот предлагаемый элемент HTML позволяет вам легко интегрировать стилизованную, но контролируемую браузером точку входа для использования мощных возможностей (например, понятную кнопку «использовать камеру» в видеочате) непосредственно в дизайн вашего сайта. Пока вы наслаждаетесь гибкостью стилей, браузер сохраняет контроль над основным текстом и значками, заботится о безопасности, согласованности и доступности. Это означает, что взаимодействие с этим элементом служит четким сигналом о намерении пользователя, позволяя браузеру услужливо направлять пользователя через необходимые решения и другие шаги. Это контрастирует с программно запускаемыми подсказками, где браузеру не хватает прямого сигнала о намерении пользователя, поэтому он должен всегда балансировать между полезностью и неперерывностью.
<permission> для использования камеры. 
Вот как это меняет опыт:
- Инициируется пользователем: вместо того, чтобы веб-сайт инициировал запрос, элемент по своей конструкции заботится о том, чтобы пользователь сам выбирал, когда он хочет использовать соответствующую функцию.
- Запрос в контексте: поскольку предлагаемый элемент
<permission>является частью потока сайта, пользователь понимает , зачем нужно разрешение. Он нажал кнопку, например, чтобы найти ближайшие магазины, поэтому запрос местоположения имеет смысл. - Комплексное устранение неполадок : поскольку браузер получает прямой сигнал о намерении пользователя, он может быть проактивным, направляя пользователя через все шаги, специфичные для платформы, необходимые для доступа к возможностям. Например, он может глубоко ссылаться на системные настройки, чтобы помочь пользователю изменить настройки камеры на уровне устройства, веб-сайту не нужно предоставлять шаги по устранению неполадок, зависящие от платформы.
- Оптимизированное восстановление разрешений: предлагаемый элемент
<permission>предлагает пользователю прямой способ на странице изменить ранее отклоненные разрешения, не заходя в настройки браузера. Щелчок по элементу запускает специальную версию запроса на разрешение, что приводит к существенным улучшениям восстановления.
<permission> позволяет пользователям быстро изменять настройки разрешений без необходимости перехода к настройкам сайта.Такой подход позволяет создать более интуитивно понятную, надежную и ориентированную на пользователя модель взаимодействия.
Примеры исследований
Zoom помогает своим пользователям, уменьшая количество ошибок захвата камеры и микрофона в браузере на 46,9% с помощью элемента <permission>
Вызов
Одной из самых больших проблем для веб-сайтов конференций является помощь пользователям, которые ранее запретили доступ к камере или микрофону, в повторном включении разрешений при присоединении к видеозвонку. Стандартный поток требовал навигации по настройкам браузера за пределами интерфейса веб-сайта конференций.
Подход
Подход Zoom к тестированию влияния элемента <permission> основан на сравнении «до и после», когда элемент <permission> был доступен всем пользователям Zoom, присоединяющимся к конференции Zoom с помощью настольного веб-браузера Chrome.
Результат
Одним из ключевых показателей Zoom является показатель захвата камеры и микрофона, который измеряет успешное включение камеры и микрофона пользователем при присоединении к собранию Zoom в браузере. Zoom увидел значительные улучшения с элементом <permission> . Сбои в работе браузера, такие как микрофон и камера, не включенные на уровне системы или браузера, или пользователи, отклоняющие запрос браузера на разрешение микрофона и камеры, сократились на 46,9%.
Элемент <permission> не только помог сократить количество ошибок, но и помог пользователям, которые изначально столкнулись с проблемой или которым по ошибке отказали в доступе, восстановить и настроить микрофон и камеру, что позволило пользователям оставаться вовлеченными и сосредоточенными на разговорах и встречах, так что всех было четко видно и слышно.
Как Immobiliare.it помог пользователям использовать функцию определения местоположения на карте, которым ранее было отказано в доступе, с помощью элемента <permission>
Вызов
Пользователи, которые ранее запретили предоставлять доступ к данным о местоположении на сайте Immobiliare.it, должны открыть настройки сайта в браузере и вручную разблокировать разрешение, чтобы иметь возможность снова предоставить разрешение на предоставление данных о местоположении при желании.
Подход
Immobiliare.it улучшили свой поток запросов разрешений на местоположение, используя метод API разрешений JavaScript для определения того, предоставил ли пользователь уже разрешения на местоположение или нет на своем сайте. Если они уже поделились разрешением, это привело бы к запросу метода геолокации getCurrentPosition() как и раньше. Если API разрешений возвращал, что пользователь заблокировал разрешение на местоположение, сайт отображает подсказку, объясняющую, почему кнопка геолокации не может работать, и использует элемент <permission> в качестве призыва к действию.
Нажав на элемент <permission> «Использовать местоположение», пользователи могут при желании легко поделиться разрешением на определение местоположения, даже если оно ранее было заблокировано, и при этом пользователю не требуется открывать настройки своего браузера.
<permission> , если ранее было заблокировано разрешение.<permission> вызвал запрос разрешения браузера.Результаты
При использовании элемента <permission> процент успешных запросов разрешений GeoLocation увеличился на 20%, что говорит о том, что новый поток разрешений с использованием API разрешений и элемента <permission> помог большему количеству пользователей снова разрешить разрешение, когда это было необходимо, даже если в прошлом они блокировали этот тип запроса разрешений.
ZapImóveis (OLX BR) улучшает поиск местоположения для предполагаемого использования с помощью элемента <permission>
ZapImóveis, ведущая платформа недвижимости в Бразилии, понимает, что поиск идеальной недвижимости часто начинается с местоположения. Будучи частью известной Grupo OLX, ZapImóveis связывает миллионы пользователей с огромным перечнем домов, квартир, земельных участков и других объектов недвижимости для продажи и аренды по всей стране. Осознавая важную роль поиска по местоположению в этом процессе, ZapImóveis определила возможность улучшить пользовательский опыт, устранив распространенные разочарования, связанные с запросами разрешений браузера.
Вызов
ZapImóveis выявила существенные проблемы с удобством использования в своей функции поиска местоположения, особенно связанные со стандартными запросами разрешений браузера. Пользователи испытывали трудности как при первоначальном предоставлении доступа к местоположению, так и, что, возможно, более критично, при попытке повторно включить разрешения после того, как ранее отказали в них. Это негативно влияло на общий пользовательский опыт и потенциально снижало эффективность функции поиска на основе местоположения на их веб-сайтах.
Подход
Чтобы решить эти проблемы удобства использования, ZapImóveis провел A/B-тест. В этом тесте элемент <permission> был представлен подмножеству пользователей. Цель состояла в том, чтобы предоставить выделенный элемент управления на странице в интерфейсе ZapImóveis для управления разрешениями на местоположение, тем самым оптимизируя рабочий процесс разрешений и делая его более интуитивным для пользователей.
Результаты
Реализация элемента <permission> ZapImóveis привела к заметному улучшению удобства поиска местоположения, особенно для пользователей, которые активно взаимодействовали с функциями, основанными на местоположении. Для тех, кто изначально столкнулся с трудностями со стандартными запросами разрешений браузера, элемент управления на странице, предоставляемый элементом <permission> , позволил 4,3% успешно предоставить доступ к местоположению. Кроме того, он значительно улучшил восстановление разрешений, причем 54,4% пользователей, которые ранее отказали в доступе, успешно повторно предоставили его, когда позже попытались использовать функции, зависящие от местоположения. Хотя было небольшое увеличение среднего времени первоначального предоставления разрешения, существенный рост успешности функций для пользователей с четкими намерениями оправдал этот компромисс.
Посмотрите больше примеров использования элемента <permission>
- Проведите видеоконференцию в Google Meet с помощью браузера Chrome.
- Найдите ресторан поблизости с помощью Google Search (постепенное внедрение)
- Проверьте элемент
<permission>на наличие всех доступных возможностей на https://permission.site/pepc (из Chrome 137)
Интегрируйте элемент <permission>
Элемент <permission> разработан так, чтобы его было легко принять командам разработчиков. Как обычный элемент HTML, его можно интегрировать, как и любую другую кнопку, и стилизовать (в пределах, контролируемых браузером) в соответствии с внешним видом и поведением вашего сайта. Для браузеров, которые еще не поддерживают элемент <permission> , разработчики могут предоставить резервные возможности, используя существующие методы запроса разрешений. Для получения более подробной информации читайте Улучшения элемента <permission> .
Сделайте Интернет более полезным и интуитивно понятным
В Google мы постоянно работаем над тем, чтобы сделать Chrome и веб-платформу безопаснее, быстрее и полезнее. Элемент <permission> представляет собой значительный шаг к более интуитивной и эргономичной модели веб-разрешений. Предоставляя пользователям четкий контекст и контроль, элемент <permission> помогает преодолеть разрыв между мощными веб-возможностями и доверием пользователей, обеспечивая более насыщенный и увлекательный опыт в Интернете. Мы призываем владельцев продуктов и команды разработчиков изучить, как элемент <permission> может улучшить их пользовательские пути и раскрыть весь потенциал их веб-приложений.