12 najlepszych przykładów progresywnych aplikacji internetowych (PWA) w 2022 r.
Opublikowany: 2022-01-03Spis treści
Nie jest tajemnicą, że wydajność ma kluczowe znaczenie dla sukcesu i rentowności każdego przedsięwzięcia internetowego. W rezultacie strony internetowe w różnych branżach wykorzystują nowy standard o nazwie Progressive Web Apps (PWA), aby poprawić swoją wydajność.
Obsługiwana przez Google technologia front-end ma na celu zapewnienie wysokiego poziomu wydajności niezależnie od stanu urządzenia lub sieci. Osiągają to, ulepszając PWA o cechy aplikacji natywnych, które są niezawodne, szybkie i wciągające. Mimo dużego zainteresowania koncepcja PWA jest dla większości ludzi stosunkowo nowa.
Aby dogłębnie zrozumieć, czym progresywna aplikacja internetowa różni się od konwencjonalnych responsywnych witryn internetowych, najlepszym sposobem jest przyjrzenie się kilku dobrym przykładom aplikacji PWA.
Oto lista imponujących przykładów progresywnych aplikacji internetowych z różnych branż — dzięki czemu możesz sam doświadczyć nowej technologii internetowej.
1. Starbucks
Mając na celu zapewnienie wszystkim swoim klientom przystępnych, przyjaznych dla użytkownika zamówień online, Starbucks zbudował PWA systemu zamówień w Internecie, który zapewnia podobne wrażenia jak ich istniejąca aplikacja natywna. Innymi słowy, dzięki możliwości działania w trybie offline, Starbucks PWA umożliwia swoim klientom przeglądanie menu, dostosowywanie zamówień i dodawanie produktów do koszyka – wszystko to bez stałego dostępu do Internetu. Po przejściu do trybu online mogą przeglądać ceny specyficzne dla lokalizacji i składać zamówienia na jedzenie i napoje.
Ponieważ większość PWA jest dostępna bez połączenia sieciowego, jest to idealne rozwiązanie dla klientów będących w ruchu, którzy mogą korzystać z łączności w ciągu dnia lub z rynków wschodzących, takich jak społeczności wiejskie, gdzie połączenie jest mniej niezawodne. Wprowadzając nowe PWA do zamawiania, Starbucks osiągnął już znaczące wyniki. PWA jest o 99,84% mniejsze niż istniejąca aplikacja Starbucks na iOS, dzięki czemu aplikacja internetowa jest ulubiona wśród użytkowników. W rezultacie podwoili liczbę użytkowników sieci, którzy każdego dnia składają zamówienia, przy czym użytkownicy komputerów stacjonarnych zamawiają teraz mniej więcej w takim samym tempie, jak użytkownicy mobilni.
2. Debenhamy
Mówiąc o markach, które zmieniają swoje doświadczenia zakupowe w branży modowej, nie możesz przegapić Debenham. Słynna brytyjska marka zdała sobie sprawę, że chociaż ich stara strona internetowa zwiększyła ruch mobilny, współczynnik konwersji mobilnej nie rósł. Doszli więc do wniosku, że nadszedł czas na cyfrową transformację, w przeciwnym razie ich cyfrowy i ogólny wzrost wkrótce zwolni. Marka szukała rozwiązania, które zapewni użytkownikom płynne wrażenia, zwłaszcza na urządzeniach mobilnych.
PWA było odpowiedzią dla zespołu w Debenhams. Po przekształceniu starej strony internetowej w PWA ich wysiłek na pewno się opłacił. Poprawili doświadczenie klienta, usuwając blokady na ścieżce klienta – powolne strony, trudna w nawigacji struktura, skomplikowany proces realizacji transakcji. Ogólnie rzecz biorąc, Debenhams odnotował 40% wzrost przychodów z urządzeń mobilnych i 20% wzrost liczby konwersji.
3. BMW
Jako pionierska marka w branży motoryzacyjnej, BMW udowadnia, że nie stroni od nowych technologii, czy to w przypadku samochodów, czy strony internetowej. Aby poprawić wrażenia klientów, marka starała się dostarczać wysokiej jakości i angażujących treści, które odzwierciedlają ich wartości.
Nowe PWA BMW zdecydowanie zapewnia użytkownikom niesamowite wrażenia. Pierwszą rzeczą, którą każdy zauważy, są obrazy i filmy w wysokiej rozdzielczości, a sieć ładuje się niemal natychmiast ze wszystkimi tymi funkcjami (4 razy szybciej niż stara strona). Ich raporty pokazały również inne imponujące liczby po ustanowieniu PWA: 4- krotny wzrost liczby osób klikających ze strony głównej na stronę sprzedaży BMW; 50% wzrost liczby użytkowników mobilnych i 49% więcej wizyt w witrynie w porównaniu ze starą witryną.
4. Flipboard
Jako najpopularniejszy magazyn społecznościowy na świecie, Flipboard pozwala czytelnikom być na bieżąco z wszystkimi interesującymi ich tematami, wiadomościami i wydarzeniami z jednego miejsca. W oparciu o zainteresowanie użytkownika platforma łączy wiadomości i historie z całego świata w formie magazynu. Użytkownicy Flipboard mogą śledzić swoje ulubione źródła i zapisywać historie, obrazy i filmy we własnych magazynach Flipboard, aby czytać później lub udostępniać je innym.
Flipboard to jeden z najlepszych przykładów PWA dla wiadomości online. PWA minimalizuje zużycie danych, zapewniając sprawne i szybkie przeglądanie w pięknym interfejsie. Do czasu premiery ich PWA, Flipboard był aplikacją mobilną, która prezentowała się tylko na urządzeniach mobilnych. Dlatego teraz PWA umożliwia Flipboard dostarczanie podobnych wrażeń do ich w pełni funkcjonalnej aplikacji natywnej w Internecie, udostępniając ją również użytkownikom komputerów stacjonarnych.
5. Kawałek dźwięku
Soundslice to internetowe oprogramowanie do zaawansowanej edukacji muzycznej, które rewolucjonizuje sposób, w jaki muzycy uczą się i ćwiczą muzykę. Firma korzysta z PWA, aby zapewnić najlepszą jakość tworzenia muzyki i uczenia się. Oprogramowanie oparte na PWA sprawia, że proces uczenia się utworu muzycznego jest łatwiejszy i wydajniejszy dla samouków dzięki innowacyjnemu odtwarzaczowi muzycznemu. Odtwarzacz Soundslice pozwala użytkownikom uczyć się utworu muzycznego podczas czytania i słuchania go na dowolnym urządzeniu, niezależnie od tego, czy jest to telefon, czy biurko z dużym ekranem. Ponadto nauczyciele muzyki mogą wykorzystać narzędzie do tworzenia interaktywnych lekcji muzyki. Koncentrując się na uczeniu się z nagrań, Soundslice ma również sklep, w którym sprzedaje lekcje i transkrypcje.
6. 2048 gra
Gra logiczna 2048 została pierwotnie wydana jako bezpłatna aplikacja na Androida i iOS w 2014 roku. Natychmiast stała się hitem wirusowym z ponad 4 milionami użytkowników w niecały tydzień po premierze. Gra jest prosta i wciągająca. Opisywany jako „Candy Crush dla maniaków matematyki”, jego celem jest łączenie bloków o tych samych liczbach, aby ostatecznie wynieść 2048. Oficjalna wersja PWA jest dostępna na 2048game.com, dzięki czemu gracze mogą uzyskać natychmiastowy dostęp z dowolnej przeglądarki internetowej. Dzięki płynnym przejściom i widokowi pełnoekranowemu trudno odróżnić PWA od jego natywnego odpowiednika w aplikacji. Ponadto w 2048 PWA można w pełni grać w trybie offline.
7. MakeMyTrip
Witryna MakeMyTrip.com jest doskonałym przykładem PWA. Wiodąca indyjska firma turystyczna odwiedza swoją witrynę miesięcznie około ośmiu milionów osób, przy czym ruch mobilny stanowi dwie trzecie. Ponieważ telefon komórkowy stał się najbardziej preferowanym kanałem rezerwacji wśród klientów MakeMyTrip, opracowali PWA, które doprowadziło do szybkiego, niezawodnego i dopracowanego doświadczenia mobilnego w Internecie.
Nowe środowisko PWA potroiło współczynnik konwersji, skracając czas ładowania strony o 38%. W porównaniu z poprzednią witryną mobilną MakeMyTrip spowodował 160% wzrost liczby sesji użytkowników i obniżył współczynnik odrzuceń o 20% .
8. Uber
Wraz z ekspansją firmy na nowe rynki, jej sieć Uber została przebudowana od podstaw jako PWA, aby oferować porównywalne wrażenia z rezerwacji do natywnej aplikacji mobilnej. Uber PWA został zaprojektowany tak, aby rezerwacja samochodów była opłacalna w wolnych sieciach 2G. Zbudowany wokół koncepcji doświadczenia podobnego do aplikacji, które jest dostępne we wszystkich nowoczesnych przeglądarkach, PWA jest świetnym rozwiązaniem dla pasażerów korzystających z urządzeń z niższej półki, które mogą nie być kompatybilne z natywną aplikacją Uber.
Wprowadzając natywne wrażenia do superlekkiej aplikacji internetowej, Uber umożliwił szybkie żądania przejazdów niezależnie od lokalizacji, prędkości sieci i urządzenia. Podstawowa aplikacja o wielkości zaledwie 50 KB pozwala załadować ją w ciągu 3 sekund w sieciach 2G.
9. Kopa (Padpiper )
Kopa (dawniej Padpiper) to platforma, która pomaga uczniom w łatwym znalezieniu zaufanego mieszkania na semestry szkolne i staże, a także pozwala właścicielom szybko znaleźć odpowiednich najemców do swoich pomieszczeń. W rzeczywistości platforma obsługuje obecnie 9000 szkół i ma ponad 100 wpisów na swoim PWA. Zweryfikowali właścicieli i recenzje ofert, aby zaoszczędzić czas studentom na znalezienie najlepszego dopasowania. Po dodaniu adresu pracy uczniowie mogą wyszukiwać wskazówki dojazdu do pracy z każdego wpisu na stronie wyników. Aplikacja internetowa może również łączyć uczniów z innymi, którzy pracują w ich pobliżu lub dowiedzieć się, gdzie ich koledzy z klasy są w trybie współpracy.
10. Pinterest
Skupiając się na rozwoju międzynarodowym, Pinterest rozpoczął swoją nową platformę mobilną od podstaw jako PWA. Sieć społecznościowa odkryła, że tylko 1% ich użytkowników mobilnych dokonuje konwersji na rejestrację, logowanie lub instalację aplikacji z powodu słabej wydajności na urządzeniach mobilnych.
Zdając sobie sprawę, że szansa na poprawę konwersji jest ogromna, przebudowali sieć mobilną przy użyciu technologii PWA, co doprowadziło do kilku pozytywnych rezultatów: Czas spędzony na stronie jest o 40% większy w porównaniu z poprzednią siecią mobilną, przychody z reklam generowanych przez użytkowników wzrosły 44%, a podstawowe zaangażowanie wzrosło o 60%
11. Pyszne
Yummly to inteligentna platforma do odkrywania gotowania, która uczy się gustu, potrzeb żywieniowych, poziomu umiejętności i nie tylko, aby polecać spersonalizowane przepisy, listy zakupów i jednogodzinną dostawę artykułów spożywczych. Wraz z natywną aplikacją na Androida i iOS, Yummly jest również dostępny w przeglądarkach internetowych jako PWA. Podobnie jak jego rodzima obecność, The Yummly PWA oferuje wyszukiwarkę żywności, gotowania i przepisów. Umożliwia użytkownikom wyszukiwanie spośród ponad miliona przepisów, pochodzących z najlepszych witryn spożywczych, niszowych blogów lub lokalnych marek żywności. Co więcej, wyniki wyszukiwania można filtrować według składnika, diety, alergii, odżywiania, ceny, kuchni, czasu, smaku, dań i innych.
12. Spotify
Twój ulubiony odtwarzacz muzyczny jest teraz zasilany przez PWA. Ze względu na pewien spór między Spotify i Apple dotyczący 30% prowizji Apple dla sklepu z aplikacjami, Spotify znalazł nadarzającą się okazję do rozpoczęcia opracowywania wersji PWA swojej aplikacji — podobnie jak wiele innych dużych marek. W porównaniu do swojego odpowiednika w natywnej aplikacji, wersja PWA jest znacznie szybsza dzięki własnemu unikalnemu i adaptacyjnemu interfejsowi użytkownika, który zmienia swoje tło w miarę postępów użytkownika w aplikacji. Podobnie jak wiele innych PWA, użytkownicy są również proszeni o dodanie Spotify PWA do ekranu głównego, dzięki czemu Spotify PWA jest bardziej dostępny i porównywalny z innymi wersjami.
Zawijanie
PWA można zastosować w wielu sekcjach sfery technologicznej, od gier PWA po PWA Magento. Aby lepiej zrozumieć PWA i jego przypadki użycia w Twojej konkretnej dziedzinie, zapoznaj się z naszymi innymi dedykowanymi artykułami:
Dalsza lektura
