Progresywne aplikacje internetowe (PWA) to aplikacje internetowe tworzone i ulepszane za pomocą nowoczesnych interfejsów API, które zapewniają ulepszone możliwości, a jednocześnie umożliwiają dotarcie do każdego użytkownika internetu na dowolnym urządzeniu za pomocą jednej bazy kodu. Łączą one szeroki zasięg aplikacji internetowych z bogatymi funkcjami aplikacji na konkretne platformy, aby zwiększyć wygodę użytkowników.
3 filary projektowania aplikacji PWA
Aby stworzyć PWA, która będzie tak samo wygodna w użyciu jak aplikacja na daną platformę, musisz zaprojektować ją tak, aby była wydajna, niezawodna i można ją było zainstalować.
Możliwości
Aplikacje internetowe są teraz bardziej wydajne niż kiedykolwiek wcześniej, a ich możliwości stale rosną. Ostatnio oprogramowanie internetowe zaczęło rozwijać funkcje, które kiedyś były dostępne tylko dla aplikacji na konkretne platformy. Możesz na przykład tworzyć aplikacje do czatu wideo o bardzo zasięgu lokalnym, korzystając z WebRTC, geolokalizacji i powiadomień push. Następnie możesz ją zainstalować i użyć WebGL i WebVR, aby umożliwić przeniesienie rozmów do rzeczywistości wirtualnej. Wprowadzenie WebAssembly pozwala deweloperom korzystać z innych ekosystemów, takich jak C, C++ i Rust, oraz udostępniać w internecie funkcje, które wcześniej były dostępne tylko na konkretne platformy. Doskonałym przykładem deweloperów korzystających z nowych możliwości sieci jest Squoosh.app, internetowy kompresor obrazów.
Chociaż niektóre funkcje są wciąż poza zasięgiem internetu, nowe i przyszłe interfejsy API stale poszerzają możliwości internetu o funkcje takie jak dostęp do systemu plików, sterowanie multimediami, plakietki aplikacji i pełna obsługa schowka. Wszystkie te funkcje są tworzone przy użyciu bezpiecznego modelu uprawnień zorientowanego na użytkownika, który zapewnia bezpieczeństwo i ułatwia korzystanie z nowych witryn.
Niezawodne
Niezawodna progresywna aplikacja internetowa działa szybko i stabilnie niezależnie od sieci. Użytkownicy zasługują na aplikacje, które szybko reagują na interakcje, oraz na wrażenia, na które mogą polegać.
Szybkość jest kluczowa, aby użytkownicy używali Twojego rozwiązania. Wzrost czasu wczytywania strony z 1 do 10 sekund powoduje, że prawdopodobieństwo odejścia użytkownika wzrasta o 123%.
Problemy z wydajnością wpływają na całą ścieżkę użytkownika, a nie tylko na zdarzenie onload. Użytkownicy nigdy nie zastanawiają się, czy zarejestrowano ich interakcje z aplikacją. Przewijanie i animacja muszą być płynne. Użytkownicy muszą postrzegać Twoją aplikację jako dobrze działającą, a także muszą mieć pewność, że rzeczywiście tak jest.
Niezawodne aplikacje muszą też działać niezależnie od połączenia z internetem. Użytkownicy oczekują, że aplikacje będą się wczytywać szybko nawet przy wolnym lub niestabilnym połączeniu z internetem, a nawet offline. Użytkownicy oczekują, że najnowsze treści, z którymi wchodzili w interakcje, takie jak ścieżki mediów, bilety i plany podróży, będą dostępne i użyteczne nawet wtedy, gdy aplikacja ma problemy z wysyłaniem żądań do serwera. Gdy żądanie nie jest możliwe, użytkownicy oczekują, że aplikacja poinformuje ich o problemie, a nie niespodziewanie się zawiesi lub nie zawiesi.
Możliwość zainstalowania
Umożliwienie instalacji aplikacji PWA powoduje, że przestaje ona być częścią przeglądarki i staje się samodzielnym oknem, co zmienia sposób, w jaki użytkownicy ją postrzegają i z nią wchodzą w interakcje. Zainstalowane PWAs można uruchamiać na ekranie głównym, w Docku, na pasku aplikacji lub na półce. Użytkownik może je wyszukiwać na urządzeniu i przełączać się między nimi za pomocą przełącznika aplikacji, dzięki czemu będą one stanowić część urządzenia, na którym są zainstalowane.
Instalacja PWA powoduje też udostępnienie nowych funkcji, w tym skrótów klawiszowych, które są zwykle zarezerwowane dla przeglądarki. PWA mogą też rejestrować się w celu akceptowania treści z innych aplikacji lub stać się domyślną aplikacją do obsługi określonych typów plików.
Wyniki z aplikacji internetowych
Uruchomienie PWA nie tylko poprawia wrażenia użytkowników. Poprawia też Twoje dane i zwiększa wartość usługi. Oto kilka przykładów:
- Dzięki PWA na Twitterze liczba stron na sesję wzrosła o 65%, liczba tweetów – o 75%, a współczynnik odrzuceń – o 20%, a rozmiar aplikacji zmniejszył się o ponad 97%.
- Po przejściu na PWA Nikkei odnotował 2,3-krotny wzrost ruchu z bezpłatnych wyników wyszukiwania, 58% więcej subskrypcji i 49% więcej aktywnych użytkowników dziennie.
- Hulu zastąpiło platformę na komputery stacjonarne PWA i odnotowało 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ą przyczyniać się do sukcesu firmy.