Data publikacji: 6 czerwca 2025 r.
Dowiedz się, jak nowy proponowany element <permission> w Chrome zapewnia bardziej przejrzysty, wiarygodny i kontekstowy sposób przyznawania uprawnień.
Zespół Chrome zaprojektował propozycję elementu <permission>, aby umożliwić użytkownikom kontrolowanie zaawansowanych funkcji. Ten element umożliwia deweloperom tworzenie płynnych, kompleksowych rozwiązań, w których użytkownicy mogą zezwalać na korzystanie z tych funkcji w kontekście, a jednocześnie są chronieni przed niechcianymi przerwami. Ten zestaw studiów przypadku pokazuje, jak nowy element działa w praktyce.
Problem z prośbą o zgodę
Aby korzystać z funkcji urządzenia, takich jak lokalizacja, aparat czy mikrofon, użytkownicy często muszą przebrnąć przez frustrującą liczbę potencjalnych próśb o uprawnienia. Dla deweloperów wywołanie interfejsu API w celu użycia funkcji jest proste i zakończy się powodzeniem lub niepowodzeniem. Dla użytkowników oznacza to jednak często przeszkadzające i niezwiązane z kontekstem prośby oraz pozornie ostateczne decyzje, które powodują frustrację i obciążenie poznawcze.
Obecnie prośby o uprawnienia często sprawiają, że użytkownicy zastanawiają się: „Dlaczego ta witryna potrzebuje tego uprawnienia (teraz)?”. Brak jasności często powoduje, że użytkownicy odrzucają prośby o uprawnienia. Aby w przyszłości chronić użytkowników przed przerwami, Chrome będzie zapobiegać wyświetlaniu kolejnych próśb, co z kolei prowadzi do odwrotnego problemu, czyli cofnięcia tych odmów, jeśli użytkownik później zmieni zdanie. Może to spowodować, że użytkownicy przestaną korzystać z funkcji lub całkowicie opuszczą witrynę.
Zapewnianie użytkownikom kontroli kontekstowej
Proponowany element <permission> stanowi znaczący postęp w zakresie ergonomii uprawnień w internecie. Ten proponowany element HTML umożliwia bezproblemowe zintegrowanie z projektem witryny punktu wejścia do korzystania z zaawansowanych funkcji (np. wyraźnego przycisku „Użyj aparatu” w czacie wideo), który można dostosować do stylu witryny, ale jest kontrolowany przez przeglądarkę. Chociaż masz dużą swobodę w zakresie stylizacji, przeglądarka zachowuje kontrolę nad podstawowym tekstem i ikonami, dba o bezpieczeństwo, spójność i dostępność. Oznacza to, że interakcja z tym elementem jest wyraźnym sygnałem o intencjach użytkownika, dzięki czemu przeglądarka może pomóc mu w podjęciu niezbędnych decyzji i wykonaniu innych czynności. W przeciwieństwie do promptów wywoływanych programowo przeglądarka nie ma bezpośredniego sygnału o intencjach użytkownika, dlatego zawsze musi zachować równowagę między przydatnością a nieprzeszkadzaniem.
<permission> do korzystania z aparatu.
Oto jak zmienia to wrażenia użytkowników:
- Inicjowane przez użytkownika: zamiast witryny internetowej element wyświetla prośbę, gdy użytkownik wybierze, że chce skorzystać z powiązanej funkcji.
- Prośba w kontekście: proponowany element
<permission>jest częścią przepływu w witrynie, więc użytkownik rozumie, dlaczego potrzebne jest to uprawnienie. Użytkownik kliknął przycisk, aby na przykład znaleźć sklepy w pobliżu, więc prośba o lokalizację jest uzasadniona. - Kompleksowe rozwiązywanie problemów: ponieważ przeglądarka otrzymuje bezpośredni sygnał o zamiarach użytkownika, może proaktywnie prowadzić go przez wszystkie kroki specyficzne dla platformy, które są niezbędne do uzyskania dostępu do funkcji. Na przykład może on zawierać precyzyjny link do ustawień systemu, aby pomóc użytkownikowi zmienić ustawienia aparatu na poziomie urządzenia. W takim przypadku witryna nie musi podawać zależnych od platformy kroków rozwiązywania problemów.
- Uproszczone przywracanie uprawnień: proponowany element
<permission>umożliwia użytkownikowi bezpośrednią zmianę na stronie wcześniej odrzuconych uprawnień bez konieczności przechodzenia do ustawień przeglądarki. Kliknięcie elementu powoduje wyświetlenie specjalnej wersji prośby o uprawnienia, co znacznie zwiększa odzyskiwanie utraconych uprawnień.
<permission> umożliwia użytkownikom szybkie zmienianie ustawień uprawnień bez konieczności przechodzenia do ustawień witryny.
Takie podejście zmierza w kierunku bardziej intuicyjnego, wiarygodnego i zorientowanego na użytkownika modelu interakcji.
Studia przypadków
Zoom pomaga użytkownikom, zmniejszając liczbę błędów przechwytywania obrazu z kamery i dźwięku z mikrofonu w przeglądarce o 46,9% dzięki elementowi <permission>.
Wyzwanie
Jednym z największych wyzwań dla witryn do prowadzenia konferencji jest pomoc użytkownikom, którzy wcześniej odmówili dostępu do kamery lub mikrofonu, w ponownym włączeniu uprawnień podczas dołączania do połączenia wideo. Standardowy proces wymagał zmiany ustawień przeglądarki poza interfejsem witryny konferencyjnej.
Realizacja
Podejście Zoom do testowania wpływu elementu <permission> polega na porównaniu stanu przed i po wprowadzeniu zmiany. Element <permission> był widoczny dla wszystkich użytkowników Zoom, którzy dołączali do spotkania w Zoom z przeglądarki Chrome na komputerze.
Wynik
Jednym z kluczowych wskaźników Zoom jest współczynnik przechwytywania obrazu z kamery i dźwięku z mikrofonu, który mierzy, czy użytkownikowi udało się włączyć kamerę i mikrofon podczas dołączania do spotkania Zoom w przeglądarce. Zoom odnotował znaczną poprawę dzięki elementowi <permission>. Liczba problemów z przeglądarką, takich jak brak włączenia mikrofonu i kamery na poziomie systemu lub przeglądarki albo odrzucenie przez użytkowników prośby przeglądarki o zezwolenie na dostęp do mikrofonu i kamery, zmniejszyła się o 46, 9%.
Element <permission> nie tylko pomógł zmniejszyć liczbę błędów, ale także umożliwił użytkownikom, którzy początkowo napotkali problem lub przypadkowo odmówili dostępu, przywrócenie i skonfigurowanie mikrofonu i kamery. Dzięki temu użytkownicy mogli skupić się na rozmowach i spotkaniach, a wszyscy mogli być wyraźnie widoczni i słyszalni.
Jak Immobiliare.it pomogło użytkownikom korzystać z funkcji lokalizacji na mapie, mimo że wcześniej odmówili oni dostępu do niej, używając elementu <permission>
Wyzwanie
Użytkownicy, którzy wcześniej odmówili udostępniania lokalizacji w witrynie Immobiliare.it, muszą otworzyć Ustawienia witryny w przeglądarce i ręcznie odblokować uprawnienia, aby w razie potrzeby ponownie przyznać uprawnienia do lokalizacji.
Realizacja
Firma Immobiliare.it ulepszyła proces proszenia o uprawnienia do lokalizacji, korzystając z metody JavaScript interfejsu Permissions API, aby wykrywać, czy użytkownik przyznał już witrynie uprawnienia do lokalizacji. Jeśli użytkownik już udostępnił uprawnienia, spowoduje to wysłanie prośby o zastosowanie metody geolokalizacji getCurrentPosition(), tak jak wcześniej. Jeśli interfejs Permission API zwróci informację, że użytkownik zablokował uprawnienia do lokalizacji, witryna wyświetli prośbę z wyjaśnieniem, dlaczego przycisk geolokalizacji nie może działać, i użyje elementu <permission> jako wezwania do działania.
Klikając element „Użyj lokalizacji” <permission>, użytkownicy mogą w prosty sposób udostępnić uprawnienia do lokalizacji, jeśli chcą to zrobić, nawet jeśli wcześniej je zablokowali i bez konieczności otwierania ustawień przeglądarki.
<permission>, jeśli wcześniej zablokował uprawnienia.<permission> element wywołał prośbę o przyznanie uprawnień w przeglądarce.Wyniki
Gdy użyto elementu <permission>, odsetek użytkowników, którzy przyznali uprawnienia do geolokalizacji, wzrósł o 20%. Sugeruje to, że nowy proces przyznawania uprawnień za pomocą interfejsu Permissions API i elementu <permission> pomógł większej liczbie użytkowników ponownie przyznać uprawnienia, gdy tego chcieli, nawet jeśli w przeszłości zablokowali tego typu prośby o uprawnienia.
ZapImóveis (OLX BR) ulepsza wyszukiwanie lokalizacji pod kątem zamierzonego zastosowania za pomocą elementu <permission>
ZapImóveis, wiodąca platforma nieruchomości w Brazylii, wie, że znalezienie idealnej nieruchomości często zaczyna się od lokalizacji. ZapImoveis, należący do renomowanej Grupo OLX, łączy miliony użytkowników z ogromną liczbą domów, mieszkań, działek i innych nieruchomości na sprzedaż i wynajem w całym kraju. Firma ZapImóveis zdawała sobie sprawę z kluczowej roli wyszukiwania opartego na lokalizacji w tym procesie i dostrzegła możliwość poprawy komfortu użytkowników poprzez wyeliminowanie typowych problemów związanych z prośbami o uprawnienia w przeglądarce.
Wyzwanie
Firma ZapImóveis zidentyfikowała poważne problemy z użytecznością funkcji wyszukiwania lokalizacji, które były związane ze standardowymi prośbami o uprawnienia w przeglądarce. Użytkownicy mieli problemy zarówno z początkowym przyznawaniem dostępu do lokalizacji, jak i – co być może ważniejsze – z ponownym włączaniem uprawnień po ich wcześniejszym odrzuceniu. Miało to negatywny wpływ na ogólny komfort użytkowników i mogło ograniczyć skuteczność funkcji wyszukiwania opartego na lokalizacji w ich witrynach.
Realizacja
Aby rozwiązać te problemy z użytecznością, firma ZapImóveis przeprowadziła test A/B. W tym teście element <permission> został wprowadzony w przypadku podzbioru użytkowników. Celem było udostępnienie w interfejsie ZapImóveis specjalnego elementu sterującego na stronie, który umożliwia zarządzanie uprawnieniami do lokalizacji. Dzięki temu proces przyznawania uprawnień jest prostszy i bardziej intuicyjny dla użytkowników.
Wyniki
Wdrożenie elementu <permission> w ZapImóveis spowodowało znaczną poprawę użyteczności wyszukiwania lokalizacji, zwłaszcza w przypadku użytkowników, którzy aktywnie korzystali z funkcji opartych na lokalizacji. W przypadku użytkowników, którzy początkowo mieli problemy ze standardowymi prośbami o uprawnienia w przeglądarce, element <permission> umożliwił 4,3% osób przyznanie dostępu do lokalizacji. Dodatkowo znacznie ułatwiło to przywracanie uprawnień – 54,4% użytkowników, którzy wcześniej odmówili dostępu, przyznało go ponownie, gdy później próbowali użyć funkcji zależnych od lokalizacji. Chociaż średni czas potrzebny na początkowe przyznanie uprawnień nieco się wydłużył, znaczny wzrost skuteczności funkcji w przypadku użytkowników, którzy wyraźnie wyrazili swój zamiar, uzasadniał tę zmianę.
Więcej przykładów działania elementu <permission>
- Rozpocznij rozmowę wideo w Google Meet w przeglądarce Chrome.
- Wyszukaj restaurację w pobliżu w wyszukiwarce Google (wdrażanie stopniowe).
- Przetestuj element
<permission>pod kątem wszystkich dostępnych funkcji na stronie https://permission.site/pepc (od Chrome 137).
Integracja elementu <permission>
Element <permission> został zaprojektowany tak, aby zespoły programistów mogły go łatwo wdrożyć. Jako zwykły element HTML można go zintegrować jak każdy inny przycisk i dostosować jego styl (w granicach kontrolowanych przez przeglądarkę), aby pasował do wyglądu i charakteru witryny. W przypadku przeglądarek, które nie obsługują jeszcze elementu <permission>, deweloperzy mogą udostępniać alternatywne rozwiązania, korzystając z dotychczasowych metod wysyłania próśb o uprawnienia. Więcej informacji znajdziesz w artykule Ulepszenia elementu <permission>.
Ułatwianie i usprawnianie korzystania z internetu
Stale pracujemy nad tym, aby Chrome i platforma internetowa były bezpieczniejsze, szybsze i bardziej przydatne. Element <permission> stanowi ważny krok w kierunku bardziej intuicyjnego i ergonomicznego modelu uprawnień w internecie. Element <permission> zapewnia użytkownikom jasny kontekst i kontrolę, co pomaga wypełnić lukę między zaawansowanymi funkcjami internetowymi a zaufaniem użytkowników, umożliwiając tworzenie bardziej rozbudowanych i angażujących treści w internecie. Zachęcamy właścicieli produktów i zespoły deweloperskie do sprawdzenia, jak element <permission> może ułatwić użytkownikom korzystanie z aplikacji internetowych i w pełni wykorzystać ich potencjał.