otwarcie_PWA

Progressive Web Apps (PWA)

Era mobile i użytkownicy, którzy generują dużo większy ruch, korzystając z telefonów niż z komputerów i laptopów, przyczyniają się do konieczności korzystania z technologii PWA, która najlepiej łączy aplikacje mobilne i webowe. Znacząco oszczędza czas, działa jak aplikacja i dostosowuje się do każdego ekranu.
Anna Zacharuk
O AUTORZE

Anna Zacharuk

Oaza spokoju, która zimnej krwi nie traci nawet w najbardziej stresującej sytuacji. Regularnie lubi skwasić... wodę z sokiem z całej cytryny, od której zaczyna dzień pracy. Potem jest już sama słodycz – makiety, tekściki, plakaty, kampanie, nawet faktury! A wszystko nostalgicznie i poetycko, bo to prawdziwa ekspertka od rymowanek, wyliczanek, wierszyków i piosenek.

★ 4 minuty czytania

Dopracowywana przez Google już od czterech lat do zmieniających się potrzeb użytkowników na pewno zostanie na dłużej. PWA nie jest chwilową modą, ale technologią idealnie odpowiadającą na rosnące wymagania użytkowników, wiedza na jej temat jest po prostu koniecznością dla każdego, kto chce ułatwić klientom dostęp do swoich ofert i danych – potwierdzają to ruch z aplikacji mobilnych, który już od dłuższego czasu jest wyższy niż z desktopów i wciąż wzrasta oraz fakt, że Apple wzbraniające się przez dłuższy czas przed wprowadzeniem funkcji PWA do swojego systemu iOS do najnowszej wersji Safari wprowadziło jednak wsparcie – jeszcze niedające w pełni korzystać z zalet PWA, ale jest to ogromny postęp i dobra wróżba dla technologii PWA.

Szybka, angażująca, niezawodna i bezpieczna

PWA1Tym według Google wyróżnia się PWA. Dlaczego?

  • Działa tak jak natywna aplikacja mobilna i desktopowa – również w trybie offline, wyświetla powiadomienia, umożliwia korzystanie z takich funkcji urządzenia jak: aparat, lokalizacja, kody QR czy nawigacja gestami.
  • Nie trzeba jej pobierać ani aktualizować, ikona na ekranie głównym ułatwia do niej dostęp.
  • Jest napisana w języku webowym (JavaScript + frameworki) dzięki czemu idealnie dopasowuje się do różnych rozmiarów ekranu i orientacji.
    Technologia PWA wymaga obsługi przez HTTPS (szyfrowaną wersję protokołu http).

Oznacza to, że PWA łączy wszystko to, co najlepsze w korzystaniu z Internetu przez przeglądarkę i przez aplikację.

Potwierdzone korzyści i bonusy

PWA2W praktyce PWA oszczędza czas poprzez:

  • szybkość ładowania,
  • łatwy dostęp,
  • brak preautoryzacji i aktualizacji, jak w App Store czy Google Play,
  • ciągłość pracy – offline i przy słabym połączeniu.

Tych kilka zaoszczędzonych sekund sprawia, że użytkownicy dużo częściej się angażują, mają to co chcą natychmiast, zanim zdążą się znudzić buforowaniem czy instalowaniem aktualizacji przechodzą dalej i zostają na stronie.
Te korzyści wyglądające na błahe stają się siłą postępu technologicznego. Ułatwiając użytkownikowi dostęp i oszczędzając jego czas uwodzą go i z łatwością przekonują do przedłużenia romansu.

Wymagania

PWA3Aby zakwalifikować aplikację jako PWA musi ona spełniać minimum 75 procent wymogów, które zostały zdefiniowane przez Google, które dodatkowo stworzyło narzędzie Lighthouse –dzięki któremu można dokonać audytu swojej strony i na podstawie jego wyniku dostosować ją tak aby mogła stać się aplikacją PWA.

Podstawowe wymogi dla PWA, które sprawdza Lighthouse, to:

  • Protokół HTTPS. Strona musi być oferowana jako HTTPS.
  • Responsive Web Design. Wygląd i układ strony musi automatycznie dopasowywać się do wielkości wyświetlacza oraz rozdzielczości danego urządzenia.
  • Działanie offline. Aplikacja musi się uruchamiać nawet wtedy, kiedy nie ma połączenia z Internetem.
  • Ekran startowy. Aplikacja musi mieć możliwość przypięcia do ekranu startowego.
  • Szybkość ładowania. Aplikacja musi się szybko ładować nawet przy słabych połączeniach.
  • Działanie we wszystkich przeglądarkach. Aplikacja musi poprawnie działać w przeglądarkach Chrome, Edge, Firefox oraz Safari.
  • Reactive. Aplikacja musi szybko reagować na akcje użytkownika takie jak np. przełączanie ekranów.
  • Adres URL. Każda strona aplikacji powinna mieć swój własny adres URL.

Spektakularne efekty

PWA4Wdrożenie PWA według specjalistów daje średnio 20 procent zwiększenie konwersji. To sporo. Jednak znane są przypadki spektakularnego jej zwiększenia:

  • Alibaba, największy na świecie marketplace, po wprowadzeniu technologii PWA zanotował wzrost konwersji ze wszystkich przeglądarek o 76 procent.
  •  Forbes zwiększył czas trwania sesji o 100 procent, a jego strona ładuje się w 0,8 sekundy.
  • Starbucks dwukrotnie zwiększył liczbę aktywnych użytkowników, zwiększając liczbę zamówień nie tylko przez komórki, ale również z laptopów i komputerów stacjonarnych.
  •  AliExpress we wszystkich przeglądarkach zanotował wzrost nowych użytkowników o 104 procent, a wzrost konwersji o 82 procent.
  •  Pinterest cieszy się wzrostem konwersji o 60 procent oraz 50 procent wzrostem przychodu z reklam.
  • Trivago odnotowało 97-procentowy wzrost konwersji, a ponad pół miliona osób dodało PWA Trivago do swojego ekranu domowego.
  • Lancôme, które miało ogromny problem z ruchem z telefonów komórkowych po wprowadzeniu PWA osiągnęło 50 procent wzrost właśnie tam, gdzie Lancôme najbardziej zależało.
  • Tymbark zastosował PWA do kampanii „Daj się połączyć”, w której w czasie rzeczywistym analizowano obraz i personalizowano nagranie. Już w pierwszym miesiącu jej trwania odtworzonych zostało 500 tysięcy nagrań.

Kategorie: school of contentic

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *