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 email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

ZAPISZ SIĘ NA NASZ NEWSLETTER


Wartościowy artykuł raz w tygodniu na Twoją skrzynkę.

Zero spamu. Przestaniemy być ciekawi, wypiszesz się w każdej chwili.

Oświadczam, że dane podaję dobrowolnie w celu zapisania się do newslettera, a Administrator danych – spółka AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 – przekazał mi informacje, o których mowa w art. 13 ust. 1 i 2 Rozporządzenia Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy 95/46/WE (dalej jako „RODO”) – informacje te są dostępne tutaj. Wyrażam dobrowolnie i w sposób świadomy zgodę na przetwarzanie przez spółkę AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 moich danych osobowych w celu otrzymywania newslettera i przekazywania mi informacji o oferowanych przez nią produktach, usługach, promocjach i konkursach przez czas niezbędny do realizacji wyżej wymienionego celu, aż do cofnięcia wyrażonej zgody.

Wyrażam zgodę na otrzymywanie od spółki AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 informacji handlowych drogą elektroniczną na podany przeze mnie adres poczty elektronicznej zgodnie z ustawą z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną (t.j. Dz. U. z 2017 r., poz. 1219 ze zm.). Wyrażam również zgodę na używanie przez spółkę AUDE sp. z o.o. z siedzibą w Warszawie (02-620), ul. Puławska 118A, KRS 0000216511, REGON 015796792, NIP 5252306020 telekomunikacyjnych urządzeń końcowych i automatycznych systemów wywołujących dla celów marketingu bezpośredniego, zgodnie z ustawą z dnia 16 lipca 2004 r. - Prawo telekomunikacyjne (t.j. Dz. U. z 2017 r. poz. 1907 ze zm.). Wyrażenie zgody jest dobrowolne.