Interfejs uprawnień

Naturalnym krokiem po pobraniu PushSubscription i zapisaniu go na naszym serwerze jest wywołanie powiadomienia push, ale jest jedna rzecz, którą pominąłem. Wrażenia użytkownika podczas prośby o pozwolenie na wysyłanie powiadomień push.

Niestety bardzo niewiele witryn poświęca dużo uwagi temu, jak prosić użytkowników o pozwolenie. Przyjrzyjmy się więc dobrym i złym wrażeniom użytkownika.

Typowe wzorce

Wystąpiło kilka typowych wzorców, które powinny Ci pomóc w podejmowaniu decyzji o tym, co jest najlepsze dla użytkowników i przypadku użycia.

Opis korzyści płynących z oferty

Zaproponuj użytkownikom subskrypcję powiadomień push w momencie, gdy korzyści są oczywiste.

Użytkownik właśnie kupił produkt w sklepie internetowym i zakończył proces płatności. Strona może wtedy wyświetlać informacje o stanie dostawy.

Takie podejście sprawdza się w różnych sytuacjach:

  • Produkt jest niedostępny. Czy chcesz otrzymywać powiadomienia o tym, kiedy będzie dostępny?
  • Ta wiadomość o najnowszych wydarzeniach będzie regularnie aktualizowana. Czy chcesz otrzymywać powiadomienia o kolejnych nowościach?
  • Oferujesz najwyższą stawkę. Czy chcesz otrzymywać powiadomienia, gdy ktoś przebije Twoją stawkę?

Są to wszystkie punkty, w których użytkownik zainwestował w Twoją usługę, a włączenie powiadomień push jest dla niego korzystne.

Przykład dobrej obsługi użytkownika w przypadku powiadomień push autorstwa Owena Campbella-Moora.

aby zademonstrować to podejście, stworzyliśmy symulację witryny hipotetycznej linii lotniczej.

Gdy użytkownik zarezerwuje lot, aplikacja zapyta, czy chce otrzymywać powiadomienia o opóźnieniach.

Pamiętaj, że jest to niestandardowy interfejs na stronie internetowej.

Przykład dobrego UX w przypadku prośby o uprawnienia autorstwa Owena Campbella-Moora.

Kolejną zaletą tej prezentacji jest to, że jeśli użytkownik kliknie, aby włączyć powiadomienia, strona wyświetli na całej stronie półprzezroczystą nakładkę z prośbą o przyznanie uprawnień. W ten sposób zwracasz uwagę użytkowników na prośbę o przyznanie uprawnień.

Alternatywą dla tego przykładu, czyli nieprawidłowej obsługi użytkownika, jest prośba o zgodę, gdy użytkownik wejdzie na stronę linii lotniczej.

Przykład Owena Campbella-Moora przedstawiający zły UX powiadomień push.

Takie podejście nie wyjaśnia, dlaczego powiadomienia są potrzebne lub przydatne dla użytkownika. Prośba o przyznanie uprawnień uniemożliwia też użytkownikowi wykonanie pierwotnego zadania (np. zarezerwowanie lotu).

Podwójne uprawnienie

Możesz uważać, że Twoja witryna ma wyraźny przypadek użycia powiadomień push, i w związku z tym chcesz jak najszybciej poprosić użytkownika o pozwolenie.

Mogą to być na przykład klienci poczty e-mail i klienci komunikatorów. Wyświetlanie wiadomości o nowych wiadomościach lub e-mailach jest standardową funkcją na wielu platformach.

W przypadku tych kategorii aplikacji warto rozważyć podwójny wzór uprawnień.

Najpierw wyświetl fałszywe żądanie uprawnień, które kontroluje Twoja witryna, z przyciskami umożliwiającymi zezwolenie na dostęp lub jego odrzucenie. Jeśli użytkownik kliknie Zezwalaj, poproś o uprawnienia, aby wywołać prośbę o uprawnienia w przeglądarce.

W tym przypadku w aplikacji internetowej wyświetlasz niestandardowe powiadomienie z prośbą o włączenie powiadomień. Dzięki temu użytkownik może włączyć lub wyłączyć funkcję bez ryzyka, że Twoja witryna zostanie trwale zablokowana. Jeśli użytkownik wybierze opcję włączenia w niestandardowym interfejsie, wyświetl prośbę o uprawnienia. W przeciwnym razie ukryj wyskakujące okienko i zapytaj o to później.

Dobrym przykładem jest Gdy się zalogujesz, u góry strony zobaczysz prośbę o włączenie powiadomień.

Panel ustawień

Możesz przenieść powiadomienia do panelu ustawień, aby umożliwić użytkownikom łatwe włączanie i wyłączanie powiadomień push bez zaśmiecania interfejsu aplikacji internetowej.

Gdy po raz pierwszy wczytujesz stronę, nie pojawia się żadna prośba.

Dobrym przykładem jest Gdy po raz pierwszy wczytasz stronę Google I/O, nie musisz nic robić – użytkownik może sam ją zwiedzać.

Panel ustawień aplikacji internetowej Google IO do obsługi powiadomień push.

Po kilku wizytach kliknięcie elementu menu po prawej stronie powoduje wyświetlenie panelu ustawień, w którym użytkownik może konfigurować powiadomienia i nimi zarządzać.

Aplikacja internetowa Google IO wyświetlająca prośbę o uprawnienia.

Po kliknięciu pola wyboru wyświetli się prośba o uprawnienia. Bez ukrytych opłat.

Po udzieleniu uprawnienia pole wyboru jest zaznaczone, a użytkownik może korzystać z aplikacji. W tym interfejsie użytkownicy mogą włączać i wyłączać powiadomienia w jednym miejscu na stronie.

Podejście pasywne

Jednym z najprostszych sposobów oferowania użytkownikowi powiadomień push jest umieszczenie przycisku lub przełącznika, który włącza lub wyłącza powiadomienia push w miejscu na stronie, które jest spójne w całej witrynie.

Nie zmusza użytkowników do włączania powiadomień push, ale oferuje niezawodny i prosty sposób na to, aby mogli się zalogować lub wylogować z Twojej witryny. W przypadku witryn takich jak blogi, które mogą mieć stałych widzów, a także wysoki współczynnik odrzuceń, jest to dobra opcja, ponieważ kieruje reklamy na stałych widzów, a nie na przypadkowych gości.

Na mojej stronie osobistej w stopce jest przełącznik powiadomień push.

Przykład przełącznika powiadomień push w stopce witryny Gauntface.com

Jest ona dość odległa, ale powinna przyciągnąć uwagę czytelników, którzy chcą otrzymywać aktualne informacje. Nie ma to wpływu na użytkowników, którzy odwiedzają stronę tylko raz.

Jeśli użytkownik subskrybuje wiadomości push, stan przełącznika zmienia się i utrzymuje się w całej witrynie.

Przykład strony Gauntface.com z włączonymi powiadomieniami

Złe wrażenia użytkownika

To tylko kilka przykładów typowych działań, które zauważyłem w internecie. Niestety, jest jedna bardzo powszechna zła praktyka.

Najgorsze, co możesz zrobić, to wyświetlić użytkownikom okno z prośbą o udzielenie uprawnień zaraz po tym, jak wejdą na Twoją stronę.

Nie mają żadnego kontekstu, dlaczego proszą o przyznanie uprawnień. Mogą nawet nie wiedzieć, do czego służy Twoja witryna, co robi lub co oferuje. Blokowanie uprawnień w tym momencie z powodu frustracji nie jest rzadkie, ponieważ ten wyskakujący komunikat przeszkadza użytkownikom w wykonywaniu czynności.

Pamiętaj, że jeśli użytkownik zablokuje prośbę o przyznanie uprawnień, Twoja aplikacja internetowa nie będzie mogła ponownie poprosić o te uprawnienia. Aby uzyskać uprawnienia po zablokowaniu, użytkownik musi zmienić uprawnienia w interfejsie przeglądarki, co nie jest łatwe, oczywiste ani przyjemne.

Niezależnie od tego, nie proś o uprawnienia, gdy tylko użytkownik otworzy Twoją witrynę. Rozważ użycie innego interfejsu użytkownika lub innego podejścia, które zachęca użytkownika do udzielenia zgody.

Zaproponuj rozwiązanie

Oprócz zastanowienia się nad UX, aby zasubskrybować użytkownika do push, proszę rozważyć, jak użytkownik powinien anulować subskrypcję lub zrezygnować z wiadomości push.

Liczba stron, które proszą o zgodę zaraz po załadowaniu strony, a potem nie oferują interfejsu do wyłączania powiadomień push, jest zadziwiająca.

Twoja witryna powinna zawierać informacje o tym, jak użytkownicy mogą wyłączyć powiadomienia push. Jeśli tego nie zrobisz, użytkownicy prawdopodobnie wybiorą opcję ostateczną i na stałe zablokują uprawnienia.

Co dalej

Code labs