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