Progresywne aplikacje internetowe (PWA) to aplikacje internetowe tworzone i ulepszane za pomocą nowoczesnych interfejsów API, które zapewniają rozbudowane funkcje, a jednocześnie docierają do każdego użytkownika internetu na dowolnym urządzeniu za pomocą jednego kodu. Łączą one szeroki zasięg aplikacji internetowych z bogatymi możliwościami aplikacji na konkretne platformy, aby zwiększać wygodę użytkowników.
3 filary projektowania PWA
Aby aplikacja PWA była tak samo wygodna w użyciu jak aplikacja na konkretną platformę, musi być wydajna, niezawodna i możliwa do zainstalowania.
Zdolny
Aplikacje internetowe mają obecnie większe możliwości niż kiedykolwiek wcześniej, a ich funkcjonalność stale się rozwija. Ostatnio oprogramowanie internetowe zaczęło zyskiwać funkcje, które były wcześniej dostępne tylko w aplikacjach na konkretne platformy. Możesz na przykład utworzyć hiperlokalną aplikację do czatu wideo, korzystając z WebRTC, geolokalizacji i powiadomień push, a następnie umożliwić jej instalację i używać WebGL oraz WebVR, aby przenieść rozmowy do wirtualnej rzeczywistości. Wprowadzenie WebAssembly umożliwia programistom korzystanie z innych ekosystemów, takich jak C, C++ i Rust, oraz przenoszenie do internetu funkcji, które przez dziesięciolecia były dostępne tylko na określonych platformach. Świetnym przykładem wykorzystania nowych możliwości internetu przez programistów jest Squoosh.app, czyli internetowa kompresja obrazów.
Chociaż niektóre funkcje są nadal niedostępne w internecie, nowe i nadchodzące interfejsy API stale rozszerzają możliwości sieci, oferując takie funkcje jak dostęp do systemu plików, sterowanie multimediami, plakietki aplikacji i pełna obsługa schowka. Wszystkie te funkcje są oparte na bezpiecznym modelu uprawnień internetowych, który jest zorientowany na użytkownika. Dzięki temu użytkownik jest bezpieczny, a korzystanie z nowych witryn staje się mniej zniechęcające.
Niezawodne
Niezawodna progresywna aplikacja internetowa działa szybko i niezależnie od sieci. Użytkownicy zasługują na aplikacje, które szybko reagują na interakcje, i na środowisko, na którym mogą polegać.
Szybkość ma kluczowe znaczenie dla korzystania przez użytkowników z Twojej usługi. W rzeczywistości, gdy czas wczytywania strony wydłuża się z 1 do 10 sekund, prawdopodobieństwo rezygnacji użytkownika wzrasta o 123%.
Problemy z wydajnością mają wpływ na całe środowisko użytkownika, a nie tylko na onload
zdarzenie. W przypadku niezawodnej aplikacji użytkownicy nigdy nie zastanawiają się, czy interakcja z nią została zarejestrowana. Przewijanie i animacje muszą być płynne. Użytkownicy muszą mieć wrażenie, że Twoja aplikacja działa dobrze, tak samo jak musi ona faktycznie działać dobrze.
Niezawodne aplikacje muszą też działać niezależnie od połączenia sieciowego. Użytkownicy oczekują, że aplikacje będą się szybko wczytywać przy wolnym lub niestabilnym połączeniu z siecią, a nawet w trybie offline. Oczekują, że najnowsze treści, z którymi weszli w interakcję, takie jak ścieżki multimedialne czy bilety i plany podróży, będą dostępne i użyteczne nawet wtedy, gdy aplikacja ma problemy z wysyłaniem żądań na Twój serwer. Gdy żądanie jest niemożliwe do zrealizowania, użytkownicy oczekują, że aplikacja poinformuje ich o problemie, zamiast po cichu zakończyć działanie lub ulec awarii.
Można zainstalować
Umożliwienie instalacji aplikacji PWA powoduje przeniesienie jej z przeglądarki do osobnego okna, co zmienia sposób, w jaki użytkownicy myślą o niej i wchodzą z nią w interakcje. Zainstalowane PWA można uruchamiać z ekranu głównego, Docka, paska zadań lub półki. Użytkownik może wyszukiwać je na urządzeniu i przełączać się między nimi za pomocą przełącznika aplikacji, dzięki czemu będzie miał wrażenie, że są one częścią urządzenia, na którym zostały zainstalowane.
Zainstalowanie PWA udostępnia też nowe funkcje, w tym skróty klawiaturowe, które są zwykle zarezerwowane w przeglądarce. Progresywne aplikacje internetowe mogą też rejestrować się w celu akceptowania treści z innych aplikacji lub być domyślną aplikacją do obsługi określonych typów plików.
Uzyskiwanie wyników z aplikacji PWA
Uruchomienie PWA nie tylko poprawia wrażenia użytkowników. Poprawia to też Twoje statystyki i zwiększa wartość, jaką uzyskujesz z usługi. Oto kilka przykładów:
- Dzięki PWA Twitter zwiększył liczbę stron na sesję o 65%, liczbę tweetów o 75% i obniżył współczynnik odrzuceń o 20%, a wszystko to przy jednoczesnym zmniejszeniu rozmiaru aplikacji o ponad 97%.
- Po przejściu na PWA firma Nikkei odnotowała 2,3-krotny wzrost ruchu organicznego, o 58% więcej subskrypcji i o 49% więcej aktywnych użytkowników dziennie.
- Firma Hulu zastąpiła aplikację na komputery PWA i odnotowała wzrost liczby powracających użytkowników o 27%.
Więcej informacji o zaletach korzystania z progresywnych aplikacji internetowych znajdziesz w artykule Jak progresywne aplikacje internetowe mogą przyczynić się do sukcesu firmy.