게시일: 2025년 6월 6일
Chrome에서 새로 제안된 <permission> 요소가 더 간소화되고 신뢰할 수 있으며 컨텍스트에 맞는 권한 환경을 만드는 방법을 알아보세요.
Chrome팀은 사용자가 강력한 기능을 제어할 수 있도록 <permission> 요소 제안을 설계했습니다. 이 요소를 사용하면 개발자가 사용자가 컨텍스트에서 이러한 기능의 사용을 허용할 수 있는 원활한 엔드 투 엔드 환경을 만들 수 있으며, 동시에 사용자는 원치 않는 중단으로부터 보호됩니다. 이 사례 연구에서는 새로운 요소가 실제로 어떻게 작동하는지 보여줍니다.
권한 요청 문제
위치, 카메라, 마이크와 같은 기기 기능을 사용하려면 사용자가 여러 권한 요청이 있을 수 있는 답답한 환경을 탐색해야 하는 경우가 많습니다. 개발자에게는 기능을 사용하기 위해 API를 호출하는 것이 간단하며, 성공 또는 실패로 이어집니다. 하지만 사용자에게는 이러한 기능이 방해가 되고 맥락에 맞지 않는 프롬프트, 불만과 인지 부하를 유발하는 최종 결정으로 이어지는 경우가 많습니다.
오늘날 권한 메시지는 사용자에게 '이 사이트에서 (지금) 이 권한이 필요한 이유는 무엇인가요?'라는 의문을 갖게 하는 경우가 많습니다. 이러한 명확성 부족으로 인해 사용자가 권한 요청을 거부하는 경우가 많습니다. 향후 사용자의 작업이 중단되지 않도록 Chrome에서는 이후에 추가 프롬프트를 방지하며, 이는 사용자가 나중에 마음을 바꿀 경우 이러한 거부를 되돌려야 하는 역방향 문제를 야기합니다. 이로 인해 사용자가 기능을 포기하거나 사이트를 완전히 떠날 수 있습니다.
사용자에게 상황별 제어 제공
제안된 <permission> 요소는 웹 권한의 인체공학적 측면에서 상당한 발전을 나타냅니다. 이 제안된 HTML 요소를 사용하면 스타일을 지정할 수 있지만 브라우저에서 제어하는 강력한 기능 (예: 동영상 채팅의 명확한 '카메라 사용' 버튼)을 사용하는 진입점을 사이트 디자인 내에 직접 원활하게 통합할 수 있습니다. 스타일 지정의 유연성을 누리는 동안 브라우저는 핵심 텍스트와 아이콘을 제어하고 보안, 일관성, 접근성을 관리합니다. 즉, 이 요소와의 상호작용은 사용자의 의도에 관한 명확한 신호 역할을 하므로 브라우저가 필요한 결정과 기타 단계를 통해 사용자를 유용하게 안내할 수 있습니다. 이는 브라우저에 사용자 의도의 직접적인 신호가 없어 항상 유용성과 중단하지 않음 사이의 균형을 맞춰야 하는 프로그래매틱 방식으로 트리거된 프롬프트와는 대조적입니다.
<permission> 요소의 예시 구현
이 기능은 다음과 같이 환경을 변화시킵니다.
- 사용자 시작: 웹사이트에서 프롬프트를 시작하는 대신, 사용자가 관련 기능을 사용하고 싶을 때 선택하도록 요소가 설계되어 있습니다.
- 상황에 맞는 요청: 제안된
<permission>요소가 사이트 흐름의 일부이므로 사용자는 권한이 필요한 이유를 이해합니다. 예를 들어 근처 매장을 찾기 위해 버튼을 클릭했으므로 위치 요청이 적절합니다. - 포괄적인 문제 해결: 브라우저가 사용자의 의도에 관한 직접적인 신호를 수신하므로 기능 액세스에 필요한 모든 플랫폼별 단계를 사용자에게 안내하는 데 적극적으로 나설 수 있습니다. 예를 들어 시스템 설정으로 딥 링크하여 사용자가 기기 수준 카메라 설정을 변경하도록 지원할 수 있으므로 웹사이트는 플랫폼 종속 문제 해결 단계를 제공할 필요가 없습니다.
- 간소화된 권한 복구: 제안된
<permission>요소는 사용자가 브라우저 설정으로 이동하지 않고도 이전에 거부된 권한을 변경할 수 있는 직접적인 인페이지 방법을 제공합니다. 요소를 클릭하면 특별한 버전의 권한 메시지가 트리거되어 복구 기능이 크게 개선됩니다.
<permission> 요소를 사용하면 사용자가 사이트 설정으로 이동하지 않고도 권한 설정을 빠르게 변경할 수 있습니다.
이 접근 방식은 더 직관적이고 신뢰할 수 있으며 사용자 중심적인 상호작용 모델을 향해 나아갑니다.
우수사례
Zoom은 <permission> 요소를 사용하여 브라우저의 카메라 및 마이크 캡처 오류를 46.9% 줄여 사용자에게 도움을 제공합니다.
과제
회의 웹사이트의 가장 큰 과제 중 하나는 이전에 카메라 또는 마이크 액세스를 거부한 사용자가 영상 통화에 참여할 때 권한을 다시 사용 설정하도록 지원하는 것입니다. 표준 흐름에서는 회의 사이트 인터페이스 외부에서 브라우저 설정을 탐색해야 했습니다.
접근 방식
<permission> 요소의 영향을 테스트하는 Zoom의 접근 방식은 <permission> 요소가 데스크톱 Chrome 웹브라우저에서 Zoom 회의에 참여하는 모든 Zoom 사용자에게 노출되는 전후 비교를 사용합니다.
결과
Zoom의 주요 측정항목 중 하나는 카메라 및 마이크 캡처 비율입니다. 이 비율은 사용자가 브라우저에서 Zoom 회의에 참여할 때 카메라와 마이크가 성공적으로 사용 설정되었는지를 측정합니다. <permission> 요소를 사용하면 확대/축소 기능이 크게 개선되었습니다. 시스템 수준 또는 브라우저 수준에서 마이크와 카메라가 사용 설정되지 않거나 사용자가 브라우저의 마이크 및 카메라 권한 메시지를 닫는 등 브라우저 환경의 오류가 46.9% 감소했습니다.
<permission> 요소를 통해 오류를 줄일 수 있었을 뿐만 아니라 처음 문제가 발생했거나 실수로 액세스를 거부한 사용자가 마이크와 카메라를 복구하고 구성할 수 있어 사용자의 참여를 유도하고 대화와 회의에 집중할 수 있었으므로 모든 사람이 명확하게 보고 들을 수 있었습니다.
이전에 권한이 거부된 사용자가 <permission> 요소를 사용하여 지도 위치 기능에 액세스할 수 있도록 Immobiliare.it가 지원한 방법
과제
이전에 Immobiliare.it 사이트에서 위치에 대한 사이트 권한 공유를 거부한 사용자는 원하는 경우 위치 권한을 다시 부여하기 위해 브라우저의 사이트 설정에 액세스하여 권한을 수동으로 잠금 해제해야 합니다.
접근 방식
Immobiliare.it는 권한 API JavaScript 메서드를 사용하여 사용자가 사이트에 위치 정보 액세스 권한을 이미 부여했는지 여부를 감지하여 위치 정보 액세스 권한 요청 흐름을 개선했습니다. 이미 권한을 공유한 경우 이전과 같이 위치정보 getCurrentPosition() 메서드를 요청하게 됩니다. 권한 API에서 사용자가 위치 권한을 차단했다고 반환한 경우 사이트에는 위치정보 버튼이 작동하지 않는 이유를 설명하고 <permission> 요소를 클릭 유도 문구로 사용하는 메시지가 표시됩니다.
'위치 사용' <permission> 요소를 클릭하면 사용자가 원하는 경우 이전에 차단된 경우에도 브라우저 설정에 액세스하지 않고 위치 권한을 원활하게 공유할 수 있습니다.
<permission> 요소를 포함한 메시지 UX가 사용자에게 표시됩니다.<permission> 요소가 브라우저 권한 메시지를 트리거했습니다.결과
<permission> 요소를 사용하면 위치 정보 액세스 권한 사용자 흐름의 성공률이 20% 증가했습니다. 이는 권한 API와 <permission> 요소를 사용하는 새로운 권한 흐름이 과거에 이러한 종류의 권한 요청을 차단한 적이 있더라도 원하는 경우 더 많은 사용자가 권한을 다시 허용하는 데 도움이 되었음을 시사합니다.
ZapImóveis (OLX BR)가 <permission> 요소를 사용하여 의도한 용도에 맞게 위치 검색을 개선함
브라질의 선도적인 부동산 플랫폼인 ZapImóveis는 완벽한 부동산을 찾는 것이 위치에서 시작되는 경우가 많다는 것을 잘 알고 있습니다. 유명한 Grupo OLX의 일부인 ZapImoveis는 수백만 명의 사용자를 전국에 걸쳐 판매 및 임대 가능한 주택, 아파트, 토지 및 기타 부동산의 방대한 인벤토리와 연결해 줍니다. 이 과정에서 위치 기반 검색의 중요한 역할을 인식한 ZapImóveis는 브라우저 권한 메시지와 관련된 일반적인 불만을 해결하여 사용자 환경을 개선할 기회를 포착했습니다.
과제
ZapImóveis는 위치 검색 기능 내에서 특히 표준 브라우저 권한 메시지와 관련된 심각한 사용성 문제를 확인했습니다. 사용자는 처음 위치 액세스를 허용할 때와 이전에 거부한 후 권한을 다시 사용 설정하려고 할 때 모두 어려움을 겪었습니다. 이로 인해 전반적인 사용자 환경에 부정적인 영향을 미치고 웹사이트의 위치 기반 검색 기능의 효과가 저하될 수 있습니다.
접근 방식
이러한 사용성 문제를 해결하기 위해 ZapImóveis는 A/B 테스트를 진행했습니다. 이 테스트에서는 일부 사용자에게 <permission> 요소가 도입되었습니다. 목표는 ZapImóveis 인터페이스 내에서 위치 권한을 관리할 수 있는 전용 인페이지 컨트롤을 제공하여 권한 워크플로를 간소화하고 사용자에게 더 직관적으로 만드는 것이었습니다.
결과
ZapImóveis의 <permission> 요소 구현으로 특히 위치 기반 기능에 적극적으로 참여하는 사용자의 위치 검색 사용성이 크게 개선되었습니다. 표준 브라우저 권한 메시지에 처음 어려움을 겪은 사용자의 경우 <permission> 요소에서 제공하는 페이지 내 컨트롤을 통해 4.3% 가 위치 액세스 권한을 부여할 수 있었습니다. 또한 이 기능은 권한 복구를 크게 개선하여 이전에 액세스를 거부한 사용자의 54.4% 가 나중에 위치 종속 기능을 사용하려고 할 때 액세스를 다시 부여했습니다. 처음에 권한을 부여하는 데 걸리는 평균 시간이 약간 증가했지만 의도가 명확한 사용자의 기능 성공이 크게 증가하여 이러한 절충이 정당화되었습니다.
<permission> 요소의 더 많은 예시 보기
- Chrome 브라우저를 사용하여 Google Meet 에서 화상 회의 통화를 겁니다.
- Google 검색에서 주변 음식점 검색 (점진적 출시)
- https://permission.site/pepc에서 사용 가능한 모든 기능에 대해
<permission>요소를 테스트합니다 (Chrome 137부터).
<permission> 요소 통합
<permission> 요소는 개발팀이 쉽게 채택할 수 있도록 설계되었습니다. 일반 HTML 요소이므로 다른 버튼과 마찬가지로 통합할 수 있으며 브라우저에서 제어하는 한도 내에서 사이트의 디자인에 맞게 스타일을 지정할 수 있습니다. 아직 <permission> 요소를 지원하지 않는 브라우저의 경우 개발자는 기존 권한 요청 메서드를 사용하여 대체 환경을 제공할 수 있습니다. 자세한 내용은 <permission> 요소 개선사항을 참고하세요.
웹을 더 유용하고 직관적으로 만들기
Google은 Chrome과 웹 플랫폼을 더 안전하고 빠르며 유용하게 만들기 위해 끊임없이 노력하고 있습니다. <permission> 요소는 웹 권한에 대한 더 직관적이고 인체공학적인 모델을 향한 중요한 단계를 나타냅니다. 사용자에게 명확한 컨텍스트와 제어 기능을 제공함으로써 <permission> 요소는 강력한 웹 기능과 사용자 신뢰 간의 격차를 해소하여 웹 전반에서 더 풍부하고 매력적인 경험을 제공합니다. 제품 소유자와 개발팀은 <permission> 요소를 통해 사용자 여정을 개선하고 웹 애플리케이션의 잠재력을 최대한 활용하는 방법을 모색하는 것이 좋습니다.