Kompletny przewodnik po progresywnych aplikacjach internetowych w 2022 r. — z 50 przykładami PWA

Chcesz zbudować progresywną aplikację internetową? Ten przewodnik powie Ci wszystko , co musisz wiedzieć – wraz z 50 przykładami najlepszych PWA na rynku!

Od lat głosimy bez przerwy: potrzebujesz natywnej aplikacji. Były ku temu dobre powody i nadal się tego trzymamy.

Nasze platformy News, Canvas i Canvas for eCommerce pomogły naszym klientom znacznie poprawić UX na urządzeniach mobilnych, zwiększyć ruch, zbudować większą lojalność i zwiększyć przychody. Aplikacje natywne doskonale sprawdzają się w budowaniu głębszych relacji z podstawową bazą użytkowników i są niezbędne dla każdej marki, która ceni lojalność, zaangażowanie i utrzymanie.

Jednak nic nie jest idealne. Aplikacje natywne nie zastępują doskonałych doświadczeń internetowych.

Aplikacje natywne są istotne tylko dla tych, którzy mają zainstalowaną aplikację. Nie robią nic dla nowych odwiedzających, którzy po raz pierwszy sprawdzają Cię w sieci, przypadkowych użytkowników, którzy wpadają od czasu do czasu i nie są jeszcze wystarczająco zaangażowani, aby zainstalować aplikację, lub klientów, którzy korzystają z komputerów.

Ci potencjalni klienci są również absolutnie kluczowi dla sukcesu. Liczy się pierwsze wrażenie, a aplikacje natywne zawsze pomagają we wczesnych etapach ścieżki. Musisz zapewnić szybkie i płynne wrażenia przez całą podróż. W jaki sposób?

Wprowadź progresywne aplikacje internetowe (PWA). Jeśli masz stronę internetową, a jest ona z daleka ważna dla Ciebie lub Twojej firmy – potrzebujesz PWA.

W tym artykule zdefiniujemy progresywne aplikacje internetowe, omówimy ich najważniejsze zalety i podzielimy się 50 przykładami najlepszych aplikacji PWA w Internecie.

Podsumujemy kilka wskazówek, jak zbudować PWA i jak współpracują z natywnymi aplikacjami mobilnymi, aby stworzyć zwycięską kombinację UX na urządzenia mobilne. Zanurzmy się. Pod koniec tego artykułu dowiesz się wszystkiego, co musisz wiedzieć, aby rozpocząć projekt progresywnej aplikacji internetowej.

Zaczniemy od podstawowego pytania – czym jest PWA?

Czym dokładnie jest progresywna aplikacja internetowa? Zdefiniujmy PWA

Progresywne aplikacje internetowe łączą to, co najlepsze w sieci z funkcjami, które wcześniej były dostępne tylko w aplikacjach natywnych.

PWA działają w przeglądarce jak tradycyjna strona internetowa i są w pełni połączone z infrastrukturą linków i indeksów wyszukiwarek internetowych. Podobnie jak aplikacje natywne, można je uruchamiać z ikony na ekranie głównym, wysyłać powiadomienia push na urządzenie użytkownika, ładować w ułamku sekundy i być zbudowane do pracy w trybie offline.

Progresywne aplikacje internetowe nie są oddzielone od Twojej witryny. Stanowią one ulepszenie Twojej witryny, które aktualizuje ją zgodnie z aktualnymi najlepszymi praktykami i wykorzystuje najnowocześniejszą technologię internetową, taką jak pracownicy usług, w celu zapewnienia obsługi podobnej do aplikacji z poziomu przeglądarki mobilnej.

Być może nadal nie jesteś pewien, czym one są.

Jest to zrozumiałe, ponieważ termin ten jest szeroko rozpowszechniony, ale solidne definicje są nieuchwytne. Przyjrzyjmy się historii tego terminu, aby wyjaśnić rzeczy.

Oryginalna definicja progresywnej aplikacji internetowej

Termin „Progressive Web App” został ukuty w 2015 roku przez Francisa Berrimana i inżyniera Google Alexa Russella. Obserwowali pojawienie się nowej klasy aplikacji internetowych i podczas kolacji postanowili je zdefiniować i nazwać.

Wymyślili następujące kryteria:

• Responsywny: pasujący do każdego formatu
• Niezależność od łączności : stopniowo ulepszana dzięki Service Worker, aby umożliwić im pracę w trybie offline
• Interakcje podobne do aplikacji: Zastosuj model aplikacji Shell + Content, aby tworzyć nawigacje i interakcje z aplikacjami
• Świeże : Przejrzyście zawsze aktualne dzięki procesowi aktualizacji Service Worker
• Bezpieczny : obsługiwany przez TLS (wymaganie Service Worker), aby zapobiec podsłuchiwaniu
• Wykrywalne : można je zidentyfikować jako „aplikacje” dzięki zakresowi rejestracji W3C Manifests i Service Worker, co pozwala wyszukiwarkom je znaleźć
• Możliwość ponownego zaangażowania : może uzyskać dostęp do interfejsów ponownego zaangażowania systemu operacyjnego; np. powiadomienia push
• Instalowalny : na ekranie głównym za pomocą monitów przeglądarki, co pozwala użytkownikom „zachować” aplikacje, które uznają za najbardziej przydatne, bez kłopotów ze sklepem z aplikacjami
• Można je łączyć : co oznacza, że ​​nie mają tarcia, nie wymagają instalacji i są łatwe do udostępniania. Społeczna siła adresów URL ma znaczenie.

Możesz zobaczyć, jak te kryteria spełniają część definicji „aplikację internetową”.

Przez wiele lat firmy takie jak my i inne tworzyły platformy, które umożliwiały firmom tworzenie aplikacji z wykorzystaniem technologii internetowych. Działa to świetnie do dziś, ale są kompromisy. Aby stworzyć wspaniałe wrażenia z aplikacji natywnej , tracisz wykrywalność i możliwość tworzenia linków w sieci.

Pojawiły się nowe technologie internetowe, takie jak Service Workers (omówimy je później), i zmieniły rzeczy – pozwalając programistom na tworzenie doświadczeń, które wykorzystywały to, co najlepsze w natywnym UX aplikacji i umieszczały je w przeglądarce, zachowując w ten sposób wszystkie zalety sieci.

Nie musisz już akceptować przeciętnego mobilnego UX w Internecie, jednocześnie zmuszając ludzi do pobierania twoich natywnych aplikacji, aby uzyskać prawdziwą ofertę. Możesz zapewnić doskonałe wrażenia na urządzeniach mobilnych w sklepach z aplikacjami i w sieci wszystkim, którzy weszli w interakcję z Twoją marką online.

To właśnie zaobserwowali Berriman i Russell. Niczego nie wymyślili, zauważyli zmianę w sieci i nazwali ją.

A co z częścią „postępową”?

W tym kontekście oznacza to, że aplikacje są budowane z progresywnym ulepszaniem . Jest to technika projektowania skoncentrowana na budowaniu „podstawowego” doświadczenia, które działa dla wszystkich, ale jest ulepszane i ulepszane na bardziej zaawansowanych urządzeniach. Wrażenia z korzystania z progresywnej aplikacji internetowej niekoniecznie są takie same dla wszystkich użytkowników, dostosowuje się ona w zależności od mocy ich urządzenia, a także uprawnień, które przyznają.

Czy zatem wystarczy definicja Berrimana i Russella? Problem polega na tym, że niewiele PWA spełnia wszystkie te kryteria. Są bardziej jak lista życzeń, cel, do którego należy dążyć, lub przykładowa sprawa.

Definicja progresywnej aplikacji internetowej według Google

Microsoft od jakiegoś czasu jest entuzjastycznie nastawiony do PWA. Apple dało się przekonywać i jest teraz (w większości) w tym. Jednak wśród wielkich technologii to Google od samego początku bronił PWA.

To powiedziawszy, sami Google nie wydają się być w 100% pewni definicji. W 2015 roku opublikowali listę 10 cech, następnie zmniejszyli ją do sześciu, a następnie dodali trzy nowe.

Obecnie definicja progresywnej aplikacji internetowej Google obejmuje trzy filary. Na swojej stronie wprowadzającej stwierdzają, że PWA to:

„Aplikacje internetowe, które zostały zaprojektowane tak, aby były wydajne, niezawodne i łatwe do zainstalowania . Te trzy filary przekształcają je w doświadczenie, które przypomina aplikację specyficzną dla platformy”

Jest to bardziej przydatne, ale nie tak pomocne, ponieważ jest tak szerokie. Wskazuje jednak w kluczowym punkcie, że PWA wnoszą do sieci doświadczenia, które tradycyjnie były kojarzone wyłącznie z platformami natywnymi.

Techniczna definicja progresywnej aplikacji internetowej

Trzecim sposobem, w jaki możemy zdefiniować PWA, jest określenie kryteriów czysto technicznych, a nie UX.

Tego właśnie próbował deweloper i autor stron internetowych Jeremy Keith w swoim poście na blogu z 2017 r. Czym jest progresywna aplikacja internetowa? .

Keith uważa, że ​​zamieszanie związane z definicjami PWA jest bezpodstawne i że zasadniczo muszą zostać spełnione trzy kryteria:

1. HTTPS – PWA muszą działać na bezpiecznych serwerach korzystających z protokołu HTTPS. Service Workery są niezbędne ze względu na ich potencjał i można ich używać tylko wtedy, gdy masz włączony protokół HTTPS.
2. Service Worker – zasadniczo plik JavaScript, który działa niezależnie od głównego „wątku” przeglądarki i pozwala programiście kontrolować sposób, w jaki aplikacja obsługuje żądania sieciowe i buforowanie. Pomaga to osiągnąć imponującą szybkość i możliwości offline aplikacji PWA.
3. Manifest aplikacji internetowej — plik JSON, który zawiera opis aplikacji w przeglądarce, w tym szczegóły, takie jak nazwa, autor, ikona, opis i zasoby do jej uruchomienia. Gwarantuje to, że aplikacja jest wykrywalna.

Keith zauważa, że ​​jest to minimalna, prosta definicja. PWA są zdolne do znacznie więcej, ale muszą spełnić te trzy kryteria techniczne, aby wykonać cięcie.

Widzieliśmy więc oryginalną definicję obserwacyjną/aspiracyjną, definicję Google opartą na UX i minimalistyczną definicję techniczną. Co możemy przypuszczać? Chociaż nadal może być trochę niejasności, teraz mamy dobre pojęcie o tym, czym jest progresywna aplikacja internetowa.

PWA to nowoczesna, bezpieczna, szybko ładująca się strona internetowa, która wykorzystuje najnowocześniejsze technologie internetowe, aby osiągnąć te cechy. W przeciwieństwie do tradycyjnych stron internetowych, działa i czuje się dla użytkownika jak natywna aplikacja – i „wymyka” się podczas tego procesu z zakładki przeglądarki.

Jak mówi Alex Russell:

„Te aplikacje nie są pakowane i wdrażane w sklepach, to tylko strony internetowe, które zawierają wszystkie odpowiednie witaminy”

To świetny sposób, aby to ująć. PWA to najnowsza generacja sieci. Są to aplikacje internetowe, które są w stanie wykorzystać potencjał nowoczesnej technologii przeglądarek. Zamieniając własną stronę internetową w PWA, dostarczasz jej „witaminy” niezbędne do jej optymalnego działania.

Teraz przejdziemy do korzyści płynących z budowania progresywnej aplikacji internetowej, zanim przyjrzymy się 50 przykładom PWA, które zainspirują Twój projekt.

Korzyści z progresywnej aplikacji internetowej

Stwierdziliśmy wcześniej, że jeśli masz stronę internetową, a jest to w jakikolwiek sposób związane z sukcesem Twojego biznesu – musisz zbudować PWA.

To może wydawać się odważnym stwierdzeniem, ale taka jest prawda. Czemu?

Krótko mówiąc, nie budując PWA, prawdopodobnie zostawiasz klientów, przychody i wzrost na stole. Jak ujęli to Pete LePage i Sam Richard z zespołu internetowego Google:

„Liczby nie kłamią! Firmy, które uruchomiły Progressive Web Apps, osiągnęły imponujące wyniki. Na przykład Twitter odnotował 65% wzrost liczby stron na sesję, 75% więcej tweetów i 20% spadek współczynnika odrzuceń, a wszystko to przy jednoczesnym zmniejszeniu rozmiaru aplikacji o ponad 97%. Po przejściu na PWA Nikkei odnotował 2,3 razy większy ruch organiczny, 58% więcej subskrypcji i 49% więcej aktywnych użytkowników dziennie. Firma Hulu zastąpiła środowisko komputerowe specyficzne dla platformy progresywną aplikacją internetową i odnotowała 27% wzrost liczby odwiedzin ponownych”.

To tylko rysuje powierzchnię.

Przyjrzyjmy się wynikom, jakie inne znane marki osiągnęły w bezpośredniej konsekwencji wprowadzenia PWA.

• Alibaba zwiększyła konwersje w internecie mobilnym o 76%, zwiększyła liczbę aktywnych użytkowników o 14% na iOS i 30% na Androida
• Debenhams odnotował 40% wzrost przychodów z urządzeń mobilnych, 20% wzrost liczby konwersji oraz ponadrynkowy wzrost online
• Pinterest odnotował 40% wzrost całkowitego czasu spędzonego, 44% wzrost przychodów z reklam generowanych przez użytkowników i 60% większe zaangażowanie podstawowe
• Forbes uzyskał 43% wzrost liczby sesji na użytkownika, 20% poprawę widoczności reklam i 100% większe zaangażowanie
• BMW odnotowało 30% wzrost CTR w swojej witrynie sprzedażowej, 4x szybsze ładowanie, 50% wzrost liczby użytkowników mobilnych i 49% większy ruch organiczny
• MakeMyTrip zwiększył szybkość strony o 38%, potroił współczynniki konwersji i odnotował 160% wzrost liczby sesji zakupowych
• AliExpress zwiększył współczynniki konwersji dla nowych użytkowników o 104% (+82% na iOS) i odnotował 74% wzrost czasu spędzonego na sesję przy 2x większej liczbie odwiedzanych stron na sesję
• Housing.com odnotował o 38% więcej konwersji, o 10% dłuższą średnią sesję, 40% niższy współczynnik odrzuceń – i ogólnie 30% szybszy czas ładowania strony
• Firma Wego potroiła CTR reklamy i odnotowała o 26% więcej użytkowników i 95% więcej konwersji ogółem. Na iOS uzyskali imponujący wzrost konwersji o 50% i wzrost czasu trwania sesji o 35%
• Treebo odnotowało 4-krotny wzrost konwersji rok do roku. Wielokrotni użytkownicy przekonwertowali 3 razy więcej.
• Tinder skrócił czas ładowania o ponad połowę z 11,91 sekundy do 4,69 sekundy i zwiększył zaangażowanie na całym świecie dzięki PWA o 90% mniejszym niż ich natywna aplikacja

Jak wszystkie te niesamowite rezultaty są możliwe? Wiele z tego sprowadza się do tego, że PWA zapewniają znacznie lepsze wrażenia użytkownika i płyną z tego świetne wyniki biznesowe.

Jest w tym jednak coś więcej. Przyjrzyjmy się bardziej szczegółowo niektórym z kluczowych zalet progresywnych aplikacji internetowych, zaczynając od najważniejszej — szybkości.

Programy PWA są błyskawiczne

Współcześni konsumenci oczekują natychmiastowego ładowania. Jeśli coś nie ładuje się w mgnieniu oka, wielu straci zainteresowanie, być może na stałe. Jest to zarówno oczywiste, jak i poparte mnóstwem danych:

• Prawie 50% użytkowników twierdzi, że ich największa frustracja na urządzeniach mobilnych czeka na załadowanie się wolnych stron (źródło)
• Strony, które ładują się w ciągu 2 sekund, mają współczynnik odrzuceń 9%, strony, które trwają 5 sekund, mają współczynnik odrzuceń 38% (źródło)
• „Gwałtowny spadek współczynnika konwersji” wiąże się ze wzrostem średniego czasu ładowania z 1 do 4 sekund (źródło)
• Co sekundę poprawa czasu ładowania zwiększa współczynnik konwersji o 2%, podczas gdy poprawa o 100 milisekund generuje do 1% więcej przyrostowych przychodów (źródło)

Zasadniczo im szybciej ładuje się Twoja witryna, tym lepiej. Jeśli każesz swoim klientom/czytelnikom/użytkownikom czekać, przyzwoity % z nich odbije się i nie odda Ci swoich pieniędzy.

Poprawa szybkości witryny zapewnia lepsze wyniki na całym świecie. To wszystko.

Jak więc PWA może Ci w tym pomóc? Progresywne aplikacje internetowe są szybkie. Naprawdę szybko.

Na przykład Pinterest zdołał skrócić czas ładowania „czasu na interaktywność” z powolnych 23 sekund do zaledwie 5,6 sekundy. Był to przeciętny sprzęt z Androidem za pośrednictwem wolnego połączenia 3G. Miało to pożądany wpływ na kluczowe wskaźniki.

Tak ogólnie to nieźle. Wyniki na Pintereście nie są jednak niczym niezwykłym.

Platforma streamingowa ZEE5 potroiła szybkość witryny i skróciła o połowę czas buforowania dzięki zbudowaniu PWA. PWA Ubera ładuje się w mniej niż 3 sekundy w sieciach 2G. Forbes skrócił czas ładowania mobilnego z 6,5 sekundy w swojej poprzedniej witrynie mobilnej do zaledwie 2,5 sekundy dzięki PWA.

Poprawa szybkości jest gwarantowana , gdy zbudujesz dobrą, dobrze zaprojektowaną progresywną aplikację internetową.

Dlaczego progresywne aplikacje internetowe są tak szybkie?

PWA są tak szybkie dzięki tak ważnym pracownikom serwisu. Jak ujął to Jason Grigsby w swojej doskonałej książce Progressive Web Apps:

„Progresywne aplikacje internetowe korzystają z pracowników usług, aby zapewnić wyjątkowo szybkie działanie. Service Workery umożliwiają programistom jawne zdefiniowanie, jakie pliki przeglądarka powinna przechowywać w swojej lokalnej pamięci podręcznej iw jakich okolicznościach przeglądarka powinna sprawdzać dostępność aktualizacji plików w pamięci podręcznej. Dostęp do plików przechowywanych w lokalnej pamięci podręcznej jest znacznie szybszy niż do plików pobieranych z sieci”

Grigsby wyjaśnia, że:

„Kiedy ktoś żąda nowej strony z progresywnej aplikacji internetowej, większość plików potrzebnych do renderowania tej strony jest już przechowywana na urządzeniu lokalnym. Oznacza to, że strona może załadować się niemal natychmiast, ponieważ przeglądarka musi pobrać tylko dodatkowe informacje potrzebne dla tej strony”.

Jedną z tradycyjnych zalet aplikacji natywnych jest to, że mogą działać błyskawicznie. Osiągają to w podobny sposób – wszystkie pliki niezbędne do uruchomienia aplikacji są pobierane podczas jej instalacji, a wystarczy pobrać nowe dane. Service Worker umożliwia progresywnym aplikacjom sieciowym uzyskanie podobnej, imponującej wydajności w sieci!

Aplikacje PWA zapewniają w sieci UX podobny do aplikacji

Szybkość, o której już mówiliśmy, jest oczywiście ogromną częścią UX. Istnieją jednak inne ważne czynniki, a PWA również tutaj pomagają.

Natywne aplikacje mobilne przez długi czas były złotym standardem dla mobilnego UX. Nadal są (przynajmniej pod pewnymi względami), ale PWA mogą teraz dopasować większość ich stylu i funkcjonalności bezpośrednio z przeglądarki.

Na przykład PWA mogą:

• Pracuj w trybie offline lub w złych warunkach sieciowych (więcej o tym dalej)
• Być zainstalowanym na urządzeniu użytkownika i dostępnym za pomocą ikony na ekranie głównym, jak natywna aplikacja
• Wysyłaj powiadomienia push na ekran blokady urządzenia (niestety tylko na Androidzie)
• Opracowany tak, aby zapewniać wciągające, pełnoekranowe wrażenia ze strukturą nawigacji, która naśladuje natywną aplikację
• Korzystaj z animacji jak z aplikacji natywnej
• Być opracowanym, aby uzyskać dostęp do sprzętu urządzenia, takiego jak aparat i GPS

Wczesny internet mobilny był dość trudny. Stary paradygmat przeglądarki komputerowej został „przykręcony” do smartfonów, do których tak naprawdę nie pasował. Era responsywnego projektowania znacznie to poprawiła, ale zawsze czegoś brakowało.

Aplikacje natywne zostały jednoznacznie zbudowane na smartfony. Zawsze lepiej pasowały do ​​doświadczenia urządzenia. PWA zatarły jednak tę granicę, rozróżnienie pod względem doświadczenia może być trudne do ustalenia.

Na przykład – czy kiedykolwiek korzystałeś z Instagram Lite, Google Maps Go lub Twitter Lite?

Możesz je pobrać ze sklepu Google Play i sprawdzić – i zobaczyć, jak wyglądają jak inne natywne aplikacje.

Można by wybaczyć założenie, że są to lżejsze, szczuplejsze wersje ich głównych aplikacji natywnych. Jak można się domyślić – są to progresywne aplikacje internetowe.

To pokazuje potencjał aplikacji PWA w odtwarzaniu natywnych aplikacji, które wszyscy znamy i kochamy. Kiedy nieco później przejdziemy do przykładów, zobaczysz dokładnie, o co nam chodzi!

Uwaga: być może zauważyłeś, że te PWA są dostępne w sklepie Google Play. Google otworzył Sklep Play dla PWA na początku 2019 roku! To pokazuje, jak pewni są oni, że przyszłość aplikacji PWA będzie naprawdę aplikacjami wieloplatformowymi. Musisz przeskoczyć kilka obręczy, aby mieć tam swoje PWA, ale z pewnością jest to możliwe. Na razie nie ma informacji od Apple o tym, czy kiedykolwiek będzie to możliwe w iOS App Store.

Programy PWA są niezawodne

Wszyscy mieliśmy doświadczenie, próbując korzystać ze strony internetowej lub aplikacji internetowej na chwiejnym połączeniu mobilnym. To nie jest zabawne.

Jeszcze raz dziękuję pracownikom usług, którzy definiują konkretnie, co przeglądarka powinna buforować lokalnie — można zbudować PWA, aby oferować szybkie i pełne wrażenia, nawet gdy użytkownik ma słabą łączność.

Można to zrobić również o krok dalej. Dzięki „precachingowi”, czyli gdy cała aplikacja jest pobierana i przechowywana przy pierwszej wizycie, PWA mogą również działać całkowicie offline!

Jest to naprawdę ważne, biorąc pod uwagę, ile osób nadal mieszka na obszarach wiejskich i słabo obsługiwanych, oraz około miliarda osób, które po raz pierwszy będą korzystać z Internetu w ciągu najbliższych kilku lat – z których wielu nie będzie cieszyć się bezbłędną łącznością.

Programy PWA są bezpieczne, wydajne i elastyczne

Aby pracownicy usług mogli wykonywać swoje zadania, Twoja witryna musi być całkowicie bezpieczna dzięki HTTPS.

Miejmy nadzieję, że już tak się dzieje, ale jeśli nie, zbudowanie PWA zmusi Cię do wykonania wszystkich niezbędnych prac, aby Twoja witryna była w 100% bezpieczna.

PWA są również bardzo wydajne . Kluczowym czynnikiem, który zniechęca ludzi do pobierania natywnych aplikacji mobilnych, jest dostępna przestrzeń dyskowa na ich urządzeniu. Jak pisali autorzy Księgi PWA:

„Swoje urządzenia mobilne traktują jak aparaty, komputery, notatniki, asystenci i – co najważniejsze – jak skarbnicę wspomnień. Jeśli pobranie aplikacji oznacza, że ​​muszą poświęcić cenne zdjęcia lub wiadomości, zastanawiają się trzy razy, zanim klikną „tak”.

PWA nie zmuszają ludzi do podejmowania tak trudnych decyzji. Są znacznie lżejsze niż aplikacje natywne, a proces instalacji ma mniejsze tarcie (jedno dotknięcie przycisku i tworzony skrót na ekranie głównym). PWA zajmuje trochę miejsca na urządzeniu, ale jest to znikome w porównaniu.

Pracownicy serwisu, którzy napędzają tę wydajność, są również odpowiedzialni za zmniejszenie obciążenia serwera i zminimalizowanie ryzyka spowolnienia wydajności i awarii w intensywnych okresach.

Progresywne aplikacje internetowe są również bardzo elastyczne. Ponieważ są one oparte na sieci, można je łatwiej konserwować i aktualizować niż natywne aplikacje mobilne.

Jeśli chcesz zmienić lub zaktualizować coś, co możesz szybko przeprowadzić, nie musisz zajmować się strażnikami App Store, wymagać od użytkownika ręcznej aktualizacji ani zatrudniać wyspecjalizowanych programistów aplikacji natywnych.

Aktualizowanie witryny jest tak proste, jak dzisiaj — a aktualizacje (wdrożone na serwerze) są dostępne dla użytkownika niemal natychmiast.

PWA pozwalają angażować użytkowników za pomocą powiadomień push

Od lat mówimy o sile powiadomień push. To najlepszy sposób na zaangażowanie się i komunikację z odbiorcami na urządzeniach mobilnych – bez żadnych ograniczeń. Możesz ich używać do aktualizowania użytkowników, przekierowywania ich z powrotem do aplikacji, promowania ofert i produktów oraz ogólnie skoncentrowania się na ich intensywnym życiu.

Oto kilka przykładów tego, jak różne firmy mogą używać powiadomień push:

• Wydawcy wiadomości

„Z ostatniej chwili, X i Y właśnie się wydarzyły!”

Powiadomienia push doskonale sprawdzają się w przypadku wydawców cyfrowych i pozwalają im skierować ruch z powrotem do najważniejszych artykułów i ostrzegać użytkowników za pomocą ważnych informacji.

• Sklepy e-commerce

„Oferta specjalna / porzuciłeś koszyk / Twoje produkty zostały wysłane”

Push świetnie sprawdza się w eCommerce. Aplikacje zakupowe regularnie wysyłają powiadomienia, aby ostrzegać użytkowników o ofertach i nowych produktach, informować ich na bieżąco o procesie dostawy i dostarczać specjalne kody kuponów tylko do aplikacji.

• Platformy i społeczności społecznościowe

„Twój znajomy właśnie wysłał Ci wiadomość/zaproszenie do znajomych/odpowiedział”

Wszyscy prawdopodobnie doświadczyliśmy już wiadomości push z platform społecznościowych. Są tajnym składnikiem, którego używają aplikacje społecznościowe, aby przywrócić Cię na swoją platformę, zaangażować i wchodzić w interakcje z innymi użytkownikami.

Oto kilka przypadków użycia. Ale tak naprawdę powiadomienia push mogą być świetnym impulsem dla każdej firmy. Były (i nadal są) jednym z najsilniejszych powodów do tworzenia aplikacji natywnych.

Jeszcze raz dziękujemy naszym przyjaciołom serwisantom – nie potrzebujesz już natywnych aplikacji do wysyłania powiadomień push. Możesz je wysyłać ze swojej strony internetowej (jeśli zamienisz ją w PWA).

Powiadomienia push muszą być używane właściwie i nie nadużywane, ale mogą przynieść wiele korzyści i są ogromną zaletą budowania PWA.

Na przykład po zbudowaniu PWA firma Lancome zauważyła, że ​​8% konsumentów, którzy kliknęli powiadomienie push, dokonało zakupu i poprawiło współczynniki konwersji odzyskanych koszyków o 12% za pośrednictwem powiadomień push.

Kolejnym jest eXtra Electronics, wiodący sprzedawca elektroniki w Arabii Saudyjskiej. eXtra osiągnął o 100% większą sprzedaż od użytkowników przybywających przez web push i zauważył, że ci, którzy zdecydowali się na powiadomienia push, wracali 4 razy częściej i spędzali 2 razy więcej czasu na stronie. Dyrektor ds. rozwoju biznesu Mujeed Hazzaa powiedział, że:

„Powiadomienia push to ogromna część naszej strategii angażowania urządzeń mobilnych. To bardziej osobisty sposób komunikowania się z naszymi klientami. To niezwykle cenne dla naszego wyniku.”

Gdy zmienisz swoją witrynę w progresywną aplikację internetową, możesz również uzyskać dobre wyniki dla swojej firmy. Jest jedno duże zastrzeżenie – możesz ich używać tylko na Androidzie. iOS ich nie obsługuje i nikt nie zgaduje, czy kiedykolwiek będzie. Jeśli powiadomienia push są dla Ciebie ważne i chcesz je wysyłać do wszystkich użytkowników , będziesz musiał zbudować natywne aplikacje mobilne.

Progresywne aplikacje internetowe rozwiną Twój biznes

Omówiliśmy niektóre z najważniejszych korzyści z przekształcenia Twojej witryny w progresywną aplikację internetową.

Najważniejsze jest to, że mają sens dla każdej firmy posiadającej witrynę internetową. Pozwalają na ulepszenie całego internetowego UX i oferują szybkie, nowoczesne wrażenia, które z pewnością poprawią kluczowe wskaźniki.

Jakie są wady budowania PWA?

Tak naprawdę nie ma, z wyjątkiem czasu i pieniędzy, które musisz zainwestować, aby go zbudować. Mimo to PWA jest stosunkowo niedrogie i bardzo prawdopodobne, że (więcej niż) zwróci się z czasem – zwłaszcza jeśli Twoja witryna jest powiązana z jakimikolwiek przychodami z reklam, handlu elektronicznego lub członkostwa.

Nadal potrzebujesz przekonania?

Połączmy wszystko razem kilkoma przykładami. Przedstawimy 50 przykładów najlepszych progresywnych aplikacji internetowych w Internecie i pokażemy z pierwszej ręki, o czym rozmawialiśmy do tej pory.

Przykłady progresywnych aplikacji internetowych: 50 najlepszych aplikacji PWA w Internecie w 2020 roku

Jeśli chcesz stworzyć imponujące PWA, pierwszym krokiem jest przyjrzenie się udanym przykładom progresywnych aplikacji internetowych w poszukiwaniu inspiracji.

W ramach naszej misji, aby Cię zainspirować, zebraliśmy obecnie 50 przykładowych modeli najlepszych PWA. Możesz przejść do sekcji, która jest najbardziej odpowiednia dla Twojej firmy, przejrzeć listę, aż coś przyciągnie Twoją uwagę, lub przeczytać wszystkie przykłady progresywnych aplikacji internetowych, aby uzyskać dobry przegląd!

Przejdźmy do naszych 50 najlepszych przykładów PWA.

Handel elektroniczny i handel detaliczny

Starbucks

Dla jednej z najpopularniejszych sieci kawiarni na świecie Starbucks opracował PWA, aby zwiększyć zaangażowanie klientów dzięki programom lojalnościowym i ułatwieniu procesu zamawiania.

Aplikacja została zaprojektowana tak, aby zastąpić starą aplikację mobilną, aby zapewnić lepsze zaangażowanie bez względu na urządzenie.

Użytkownicy mogą najpierw wyświetlić sekcję Nagrody, w której klienci mogą odebrać darmowe jedzenie i napoje, poczęstunek urodzinowy, dolewki i opcje płatności podczas składania zamówienia za pośrednictwem smartfona.

Pozostała część strony aplikacji zawiera niestandardowe zamówienia, dostępność sklepu, szczegóły dostawy i menu aplikacji.

I podobnie jak zamawianie u baristy, zamawianie ulubionego napoju pozwala dostosować jego rozmiar, dodatki i opcje shota. Starbucks dodaje również sekcje Informacje o wartościach odżywczych, Składniki i Alergeny dla tych, którzy monitorują swoją dietę.

Co nam się podoba w tym eCommerce PWA:

• Działa dobrze nawet przy słabych połączeniach sieciowych
• W pełni zintegrowany z innymi platformami i usługami innych marek, takich jak Spotify, Lyft i Ford
• Bezproblemowe płatności mobilne i procesy realizacji transakcji
• Niezwykle przyjazna dla użytkownika konstrukcja

Jumia

Czym Alibaba dla Chin jest Jumia dla Afryki. Ten odnoszący sukcesy rynek internetowy został po raz pierwszy uruchomiony w Nigerii w 2012 roku, a następnie szybko przejął afrykański przemysł eCommerce.

W 2016 roku uruchomiła swoje PWA w odpowiedzi na niestabilne połączenia internetowe w regionie subsaharyjskim. Dzięki PWA był w stanie opanować znaczną część rynku, opierając się na sieciach 2G z limitami danych.

Wprowadzenie PWA było idealnym rozwiązaniem, aby zapewnić użytkownikom wrażenia podobne do aplikacji bez zużywania dużej przepustowości danych.

Wynik? Według Google firma zwiększyła współczynnik konwersji o 33% i 12-krotnie zwiększył liczbę użytkowników (w porównaniu do aplikacji natywnych). Ponadto znacznie obniżył współczynnik odrzuceń i wymagania dotyczące pamięci urządzenia użytkownika.

Co nam się podoba w tym eCommerce PWA:

• Niezawodny dostęp offline
• Możliwość szybkiego wyszukiwania
• Szybki proces ładowania
• Łatwa instalacja

OLX.in

Jeśli chodzi o PWA dla rynku internetowego, zaufaj indyjskiej firmie OLX.in. Dzięki solidnym kategoriom, które rozciągają się od nieruchomości po modę, sprzedający i kupujący są lepiej dopasowani do PWA firmy.

Użytkownicy mogą łatwo zauważyć łatwość korzystania z aplikacji, gdy wyszukują określone produkty lub uzyskują świetne oferty od sprzedawców.

OLX ujawnił, że odnotował wyższy CTR swoich reklam i ogromny 80% spadek współczynników odrzuceń od czasu przejścia na PWA, jak donosi Google.

Co nam się podoba w tym eCommerce PWA:

• Powiadomienia push nawet w trybie offline
• Funkcja łatwej integracji aparatu stworzona dla sprzedawców
• Funkcja historii wyszukiwania

Flipkart

Innym konkurentem na indyjskiej scenie eCommerce jest Flipkart, który za pomocą PWA kontynuuje redefinicję zakupów online.

Gdy użytkownicy przewijają aplikację, prezentowane są kategorie produktów, oferty limitowane, bestsellery i rabaty, aby zachęcić klienta do przeglądania i spędzania więcej czasu w aplikacji.

PWA Flipkarta rozpoczęło się w 2015 roku przez Flipkart Lite. Firma chciała uczynić zakupy bardziej dostępnymi wśród Hindusów, nawet jeśli połączenia internetowe były przerywane w większości obszarów.

Co nam się podoba w tym eCommerce PWA:

• Powiadomienia push o najnowszych wiadomościach i aktualizacjach są spójne
• Proces zakupu online jest usprawniony
• Możliwość wyszukiwania jest dokładna

Czyste formuły

Zdając sobie sprawę, że rynek suplementów zdrowotnych stał się bardziej konkurencyjny niż kiedykolwiek, firma Pure Formulas z siedzibą w USA jest uważana za pioniera w tej branży, jeśli chodzi o uruchomienie własnego PWA.

Po odkryciu, że jej witryna i aplikacja mobilna cierpią z powodu bardzo wysokich współczynników odrzuceń z powodu powolnego procesu realizacji transakcji, firma opracowała PWA, które zapewniło im całkowitą naprawę.

Odnotował wyższe konwersje i wzrost średniej wartości zamówienia (AOV).

Co nam się podoba w tym eCommerce PWA:

• Bardzo wygodny proces realizacji transakcji
• Minimalistyczny design
• Bardzo lekki wymóg przechowywania urządzenia
• Wysoce zabezpieczone transakcje

AliExpress

Dzięki wysoce responsywnemu PWA, Ali Express jest uważany za jedną z najbardziej pożądanych obecnie aplikacji dla transakcji B2C.

Dzięki szerokiemu pokryciu kategorii produktów firmy, użytkownicy mogą przeglądać tysiące opcji bez spowalniania ładowania strony za pomocą PWA.

Od czasu swojej premiery AliExpress ogłosił, że dzięki PWA doświadczył lepszych statystyk ponownego zaangażowania i konwersji.

Co nam się podoba w tym eCommerce PWA:

• Łatwa nawigacja po produktach
• Szybszy czas ładowania
• Przyjazny dla użytkownika układ

Alibaba

Jack Ma's The Alibaba Group nie wymaga dalszego przedstawiania, jeśli chodzi o sukces Alibaba PWA. Aplikacja B2B eCommerce to idealny model dla każdego PWA: szybka, responsywna, lekka i bardzo angażująca.

Alibaba odniosła sukces, jeśli chodzi o premiery aplikacji mobilnych i internetowych. Musiał jednak opanować ogromną część rynku poprzez lepsze zaangażowanie. A firmowe PWA było na to idealnym rozwiązaniem.

Według Google odnotował 76% wzrost łącznej liczby konwersji.

Co nam się podoba w tym eCommerce PWA:

• Łatwa nawigacja po produktach
• Integracja z narzędziami witryny, takimi jak Feeds, Messenger i konto My Alibaba
• Szybszy czas ładowania

Cel

Aby nie dać się wyprzedzić konkurencji, ósma co do wielkości sieć sprzedaży detalicznej w Ameryce, Target, szybko przystąpiła do badania analizy klientów. W 2015 r. odkrył, że jej klienci rozpoczynają swoją podróż na urządzeniu mobilnym, a następnie dokonują zakupu za pomocą komputera.

Zarząd pomyślał o wprowadzeniu PWA i od tego czasu liczba użytkowników jego aplikacji wzrosła o ogromną liczbę, a transakcje online znacznie się poprawiły bez zrażania użytkowników na różnych urządzeniach.

Co nam się podoba w tym eCommerce PWA:

• Łatwa opcja dodawania do koszyka
• Szybkie ładowanie obrazów niezależnie od rozmiaru

Walmart

Aby zapewnić płynne działanie aplikacji, PWA Walmart właśnie trafia na długą listę kontrolną programisty aplikacji. Dzięki tysiącom ofert produktów gigant detaliczny jest w stanie zintegrować zakupy online oraz opcje odbioru/dostawy dla każdej transakcji.

Jego funkcja śledzenia geograficznego monitoruje najlepiej sprzedające się przedmioty w obszarze użytkownika, co umożliwia aplikacji oferowanie rekomendacji na podstawie takiej listy.

Wreszcie, efektywne wykorzystanie powiadomień push pozwala firmie zapoznać swoich lojalnych fanów z doskonałymi ofertami i nowymi znaleziskami.

Co nam się podoba w tym eCommerce PWA:

• Sekcja opinii
• Funkcja śledzenia geograficznego
• Bardzo responsywny interfejs
• Bezproblemowa wydajność w niestabilnej sieci

Macy

Wysokiej klasy marka detaliczna, Macy's, miała na myśli cel, wprowadzając PWA: zapewnić najlepsze wrażenia milionom odwiedzających miesięcznie.

Zdając sobie sprawę z rosnącej liczby użytkowników aplikacji, PWA firmy było mile widzianym dodatkiem do jej narzędzi konsumenckich, aby informować kupujących o nowościach na półkach sklepowych.

Co nam się podoba w tym eCommerce PWA:

• Niezawodne narzędzie do wyszukiwania sklepów
• Zorganizowany układ produktu

Lancome

Francuska marka luksusowych kosmetyków Lancome napotkała utrudnienie w sprzedaży online: liczba użytkowników mobilnych wzrosła, ale liczba konwersji spadała.

Aby zrozumieć problem, firma przyjrzała się zachowaniu klientów i dowiedziała się, że mają oni okropne wrażenia z korzystania z aplikacji mobilnej.

Marka przeszła na PWA, aby skrócić czas ładowania i uczynić aplikację wysoce dostępną. Według Google powiadomienia push przyczyniły się do 12% konwersji, a sesje mobilne wzrosły do ​​51%.

Co nam się podoba w tym eCommerce PWA:

• Fast search results
• Easy navigation

News

Financial Times

The Financial Times PWA is considered as one of the best PWAs in the news industry. Covering business and global markets, the app takes a similar look and feel of the paper with its traditional salmon-colored background.

The publication is one of the first news sites to abandon its native app and transition to a PWA. It works well even on slow networks, making news easily accessible for business people on the go.

What we like about this News Publisher PWA:

• Reliable offline
• Very fast loading time
• Real-time updates on content
• Seamless video content experience

Infobae

This Buenos Aires-based news website has proven to be successful in the PWA scene thanks to its Spanish readers. According to Google, the Latin American audience contributed to three times more page views compared to its old mobile site, and spent more sessions on the app as well.

Infobae switched from its mobile site to PWA in 2017 to improve the speed of access among its mobile users. This was influenced by the huge drop in session duration (3 minutes on mobile compared to 27 minutes on desktop).

What we like about this news publisher PWA:

• Very fast loading time
• High-quality visuals loading seamlessly
• Easy navigation

Nau.ch

One of Switzerland's leading news websites became extremely popular when it began flashing content in public areas such as terminals and petrol stations.

Nau (an abbreviation for “new”) was founded in 2007 with the goal of prominently displaying news in public transport to reach millions of commuters on their daily route.

To improve its reach, the company launched its PWA and has achieved 400 times more installations than its old mobile site in the first two days.

What we like about this news publisher PWA:

• Impressive user interface
• Easy navigation
• Content loads much faster relative to other news-related PWAs

Nikkei

Regarded as the world's largest financial newspaper (more than 3 million in daily circulation), Nikkei launched its PWA in 2017 with the goal of reducing load time, improve reader interaction and boost engagement.

Realizing that their website was not mobile-friendly (even taking more than 20 seconds to be fully interactive), the company assembled a team of five front-end engineers who worked on launching a PWA.

The result was truly impressive: improved loading speed, higher interactivity as well as better user experience with offline support according to Google.

What we like about this news publisher PWA:

• Prefetch feature (instant page navigation)
• Preloaded key requests
• Optimized JavaScript bundles
• Optimized images
• Enabled HTTP caching

The Washington Post

As a global authoritative news organization, The Washington Post has released one of the most responsive PWAs to reach out to a wider audience on mobile.

Launched in March 2016, the paper's goal is to provide “frictionless, uninterrupted reading.” This comes after its readers expressed their concerns over slow load times on its old mobile app.

With more than 1,000 articles published daily, they have announced that an 88% improvement in load times was initially observed. This has contributed to an increase in retention rate and longer readership according to Google.

What we like about this news publisher PWA:

• Fast loading time
• Real-time live updates
• Same look and feel as the website

Średni

With social journalism becoming a necessity for readers and publishers alike, Medium has made a mark in the online publishing industry with its 120 million readers.

Medium's initial goal in 2012 was to reinvent the blogging platform through small stories that matter to any type of audience.

Now that it has grown into subscription-based service, its loyal users can follow exclusive content and audio narrations through its PWA even when working offline.

What we like about this news publisher PWA:

• Czuły
• Seamless functionality even on an unstable connection

Wired

When tech publisher Wired launched its PWA in 2017, its main objective was to increase its app's page speed and reach out to its 11 million users.

And true enough, it did. Not only did it result in higher readership but also more impressions per session, leading other Conde Nast publications to follow suit through what its chief of technology refers to as Alien Web Apps (AWA).

What we like about this news publisher PWA:

• Fast loading time
• Highly responsive
• Reliable background caching

Forbes

With almost a 50% lift in sessions, triple the rise in scroll depth and 100% boost in engagements according to Google, Forbes has definitely reaped the benefits of launching its fully functional PWA in 2017.

Its Chief Product Officer, Lewis Dvorkin, wanted a no-friction experience for its users to have content served to their devices the way they want.

In addition, Dvorkin states that the more people stay longer on their app, the more they view ads, thanks to increased personalization that yields better engagement.

What we like about this news publisher PWA:

• Stunning visual content
• Fast loading times
• Unique number of readers infographic

The Guardian

To make its online content more accessible, UK's leading news and media outlet, The Guardian, launched its PWA in 2017.

The app features high-quality images, interactive multimedia, and thousands of new content without compromising loading time and user experience.

The company also created a US-based innovation team called The Guardian Mobile Innovation Lab, which operated from 2015 to 2018, which explored mobile tools and chat apps to improve user experience.

What we like about this news publisher PWA:

• Customizable sections
• News alert feature
• Offline access

Sports Mole

Sports fans – football, F1, tennis, rugby, cricket, golf and even snooker – are able to enjoy Sports Mole's website features right in their own devices through the site's PWA.

Video clips, real-time scores and game schedules are just some of the exciting features in the PWA.

The result of this move led to higher readership rate and increased session time on the app.

What we like about this news publisher PWA:

• Search functionality
• Seamless video playback
• Real-time updates
• No lag on page transitions

The Weather Channel

Since the 1980s, The Weather Channel has been a trusted companion by travelers and households when it comes to providing an average of 40 billion daily weather forecasts.

While its previous native app was used by half of its total users through mobile web, the company found out that there are still users who don't enjoy reliable connections or are not equipped with advanced smartphones.

Through its PWA, The Weather Channel is able to cater to millions of its global users in 62 languages. Google reports that it has improved its page load time by 80% through the app.

What we like about this news publisher PWA:

• Search functionality
• Multiple language availability
• Push notifications

MyNet

Offering a wide range of content from news to sports, travel to education, and weather to finance, MyNet is one of Turkey's largest web portals.

Its old mobile site was plagued with complaints, most especially very slow loading speed. This led the company to develop a PWA to deliver fast and a highly engaging website.

Google reports that introducing PWA to MyNet's readers influenced a 15% rise in average views per session and a 23% drop in bounce rate.

What we like about this news publisher PWA:

• Aktualizacje w czasie rzeczywistym
• Funkcja wyszukiwania

Informator

Kopa

Dawniej znany jako PadPiper, Kopa jest rynkiem umeblowanych mieszkań i najemców. Oferuje weryfikację zarówno dla najemców, jak i gospodarzy wynajmu, więc dopasowanie ich jest bezpieczniejsze.

PadPiper początkowo uruchomił PWA, aby pomóc uczniom znaleźć odpowiednie mieszkanie w ciągu roku szkolnego lub po rozpoczęciu stażu. Pomyślano również o skorzystaniu z okazji, aby połączyć uczniów i dowiedzieć się, kto pracuje w ich pobliżu, aby ułatwić dobieranie współlokatorów.

Co nam się podoba w tym katalogu PWA:

• Szybkie wyniki wyszukiwania
• Funkcje hostingu na wynajem
• Minimalistyczny design

Rentio

Ta platforma wynajmu aparatów i sprzętu AGD to rozwiązanie dla tych, którzy chwilowo potrzebują takich przedmiotów.

Użytkownicy składają zamówienie online i czekają, aż przedmiot zostanie wysłany tego samego dnia. Po zakończeniu okresu wypożyczenia użytkownik będzie musiał zwrócić przedmiot lub zdecydować się na jego zakup.

PWA Rentio (w języku japońskim lub angielskim) oferuje łatwy w obsłudze interfejs, szybkie wyniki wyszukiwania, wiele kategorii i szybki czas reakcji.

Co nam się podoba w tym katalogu PWA:

• Możliwości wyszukiwania
• Szybki proces transakcyjny
• Wygodna nawigacja

Joppy

Jako platforma rekrutacyjna dla programistów Joppy obsługuje firmy poszukujące talentów i jednych z najlepszych kandydatów do pracy w branży technologicznej.

Platforma ta skupia się na dopasowaniu preferencji kandydatów do wymagań stawianych przez rekruterów. Ale w przeciwieństwie do innych internetowych portali pracy, kandydaci mogą ustawić swój profil na anonimowy, aby nikt nie mógł ich niepokoić niezamówionymi propozycjami.

PWA Joppy jest wyraźnie zaprojektowane zarówno dla rekrutera, jak i kandydata (którzy znajdują się głównie w Barcelonie), aby usprawnić proces aplikacji.

Co nam się podoba w tym katalogu PWA:

• Szybki czas reakcji
• Szybki proces dopasowywania

OpenRent

Poszukiwanie rynku nieruchomości na wynajem w Wielkiej Brytanii może być uciążliwe bez odpowiedniego narzędzia online. Dzięki PWA OpenRent najemcy i właściciele mogą wygodnie wyszukiwać odpowiednie oferty, jeśli chodzi o dostępne nieruchomości.

PWA zapewnia szybką reakcję i aktualizacje w czasie rzeczywistym. Ma to kluczowe znaczenie dla witryny, ponieważ OpenRent usuwa oferty, gdy tylko pozwoli im się uniknąć reklam-widm, które frustrują potencjalnych najemców.

Co nam się podoba w tym katalogu PWA:

• Możliwość filtrowania wyników
• Łatwe dodawanie nieruchomości
• Szybki czas reakcji

Sprzedaż samochodów

W przypadku internetowego rynku samochodowego na PWA, Carsales, jedno z najpopularniejszych miejsc wśród kupujących samochody w Australii, oferuje użytkownikom wiele wygody.

Kupujący mogą wyszukiwać samochody na podstawie typu nadwozia, marki, ceny, ofert specjalnych. Sprzedawcy natomiast mogą poprosić o wycenę swojego samochodu, a Carsales zajmie się resztą.

PWA oferuje również porady ekspertów poprzez recenzje, zalecenia i porady dotyczące dbania o auto.

Co nam się podoba w tym katalogu PWA :

• Świetne doświadczenie mobilne
• Reaguje na każdy rozmiar ekranu
• Łatwe korzystanie z trybu offline

Carigami

Carigami to francuski broker sprzedaży samochodów, który łączy dostawców i najemców. PWA zapewnia wiarygodne porównania cen samochodów zgodnie z preferencjami wyszukiwania użytkownika dotyczącymi miasta, wieku kierowcy, daty i godziny.

Aplikacja zwraca wyniki wyszukiwania w ciągu kilku sekund wraz ze wszystkimi szczegółami każdego wypożyczenia samochodu.

Co nam się podoba w tym katalogu PWA:

• Szybki czas ładowania
• Dokładne wyniki wyszukiwania
• Filtry wyszukiwania

Świecić

Shine jest drugim czołowym indyjskim portalem pracy, który powstał w 2008 roku. Dopasowuje kandydatów do ponad 15 000 firm z różnych branż.

Jego PWA jest jednym z najlepszych na stronie z ofertami pracy. Na przykład wyszukiwanie konkretnych ofert pracy można łatwo filtrować według umiejętności, przeznaczenia, działu, branży, lokalizacji i wykształcenia.

Alerty o ofertach pracy są również bezproblemowo dostarczane na urządzenie użytkownika.

Co nam się podoba w tym katalogu PWA:

• Powiadomienia push
• W pełni dostępny
• Niestandardowa strona offline

Społeczność lub społeczność

Tinder

Kiedy Tinder zakłócił rynek scen randkowych, wielu użytkowników pokochało aplikację za jej innowacyjne podejście do kojarzeń.

W 2017 roku firma po trzech miesiącach rozwoju zainwestowała we własne PWA. Korzyści były natychmiast obserwowane. Po pierwsze, udało się zmniejszyć inwestycje w dane z 30 MB w swojej natywnej aplikacji do zaledwie 2,8 MB w PWA.

Zgłaszał również szybsze ładowanie strony i większe zaangażowanie użytkowników (w zakresie przeciągania, wysyłania wiadomości, zakupów i sesji wydatków).

Co lubimy w tym PWA społecznościowym:

• Powiadomienia push
• Łatwość użycia
• Zoptymalizowana wydajność (dzielenie kodu na podstawie tras)

Pinterest

Przez trzy miesiące Pinterest, popularna platforma do udostępniania obrazów i mediów społecznościowych, zbudowała PWA, aby poszerzyć swoją międzynarodową bazę użytkowników. Według Google, w porównaniu ze starą stroną mobilną, która miała 650 KB, rozmiar 150 KB wystarczył, by zaimponować użytkownikom.

Subskrybenci Pinteresta mogą teraz poczekać tylko 5,6 sekundy, aby interfejs był dostępny w porównaniu z poprzednimi 23 sekundami w poprzedniej aplikacji mobilnej.

Wczesne wyniki przejścia na PWA były obiecujące: wzrost czasu spędzanego w aplikacji o ponad 40%, wzrost reklam generowanych przez użytkowników o 44%, wzrost klikalności reklam o 50% i wzrost zaangażowania o 60%.

Co lubimy w tym PWA społecznościowym:

• Powiadomienia push
• Niskie wykorzystanie przepustowości
• Imponująca obsługa offline

Telegram

Telegram zakłócił działanie usługi wiadomości błyskawicznych w 2013 roku, dostarczając narzędzie oparte na chmurze, które jest kompatybilne z różnymi urządzeniami.

W chwili pisania tego tekstu ponad 400 milionów aktywnych użytkowników miesięcznie korzysta z tej wieloplatformowej bezpiecznej usługi do wymiany wiadomości tekstowych, zdjęć, filmów i plików audio.

Gdy uruchomiono PWA, aby zapewnić taką samą funkcjonalność jak natywna aplikacja mobilna (ale w mniejszym rozmiarze), firma odnotowała wzrost liczby sesji na użytkownika oraz czasu retencji o 50%.

Co lubimy w tym PWA społecznościowym:

• Możliwość instalacji na iOS i Androidzie
• Wsparcie offline
• Oczywisty

Świergot

Jeden z najwcześniejszych programów PWA, który został uruchomiony, pochodzi z Twittera z Twitter Lite PWA w 2017 roku. Twórcy aplikacji wykorzystali go później jako model do integracji funkcji aplikacji internetowych i natywnych w bardziej idealną aplikację dla urządzeń mobilnych.

Według Google celem PWA było zwiększenie ponownego zaangażowania 250 000 użytkowników dziennie, którzy sprawdzają swoje konta średnio cztery razy dziennie.

Zmniejszając zużycie danych, poprawiając natychmiastowe ładowanie (5 sekund w sieci 3G) i poprawiając zaangażowanie użytkowników, firma odnotowała 65% wzrost liczby odsłon na sesję, 75% wzrost wysyłanych tweetów i 20% spadek współczynnika odrzuceń .

Co lubimy w tym PWA społecznościowym:

• Zoptymalizowany pod kątem przeglądarki (podział kodu na podstawie tras)
• Mniejsze wykorzystanie przepustowości
• Szybkie aktualizacje

Instagram

Instagram podążał za strategią Twittera, oferując PWA, gdy tylko jego aplikacja została wydana. Na początku 2020 r. Instagram zaktualizował również swoją aplikację dla systemu Windows 10, aby była PWA wraz z bezpośrednimi wiadomościami.

Podczas gdy jej natywna aplikacja jest nadal sprzedawana, witryna w przeglądarce mobilnej urządzenia zapewnia tę samą funkcjonalność i wygodę użytkownika. Użytkownicy otrzymują te same funkcje, z których od dawna korzystają, z aplikacji komputerowej i mobilnej.

Co lubimy w tym PWA społecznościowym:

• Powiadomienia push
• Natychmiastowy czas ładowania
• Szybka odpowiedź

Podróże i rezerwacje

Airbnb

Airbnb to platforma internetowa, która oferuje dogodne warunki wynajmu i doświadczeń turystycznych na całym świecie. W 2008 roku firma zaczęła łączyć właścicieli domów, którzy chcą wynająć dodatkowe pokoje, z podróżnymi poszukującymi niedrogiego zakwaterowania.

Dziesięć lat później PWA zostało uaktualnione, aby dobrze współpracowało z Edge na Windows 10 mobile. Rezultatem jest bardziej płynne natychmiastowe przejście stron dla klientów. Do tej pory Airbnb odwiedza ponad 80 milionów odwiedzających miesięcznie, z których większość korzysta z jego aplikacji.

Co lubimy w tym PWA:

• Powiadomienia push
• Szybka odpowiedź
• Obrazy wysokiej jakości, które ładują się w ciągu kilku sekund

Drzewobo

Kolejnym liderem w branży rezerwacji online jest Treebo, platforma rezerwacji hotelowych. Oferując wybór zakwaterowania w ponad 165 miastach w Indiach, użytkownicy mogą porównywać wybór najlepszych ofert.

Według Google, jego PWA ładuje się w ciągu zaledwie czterech sekund w sieci 3G. Witryna informuje również, że osiągnęła pięciokrotnie więcej kliknięć i trzykrotnie zwiększyła współczynnik konwersji.

Co lubimy w tym PWA:

• Renderowanie po stronie serwera
• Szybki czas na interaktywność
• Renderowanie progresywne (przesyłanie strumieniowe HTML)

Idziemy

Nazywana największym serwisem turystycznym w regionie Azji i Pacyfiku oraz na Bliskim Wschodzie, Wego, projektując PWA, pamiętało o zachowaniu swoich klientów.

Ponieważ większość podróżnych polega na swoich telefonach do zapisywania zdjęć, przestrzeń dyskowa może się łatwo wyczerpać. Ponadto podróżowanie do różnych miejsc może być frustrujące ze względu na powolne i niestabilne połączenia internetowe.

Aby zapewnić użytkownikom wygodę rezerwacji pokoi hotelowych i lotów, zbudowano PWA. Wego ogłosił, że skrócił czas ładowania strony z 12 sekund do niecałych trzech sekund według Google.

Co lubimy w tym PWA:

• Niezwykle szybka reakcja
• Minimalistyczny design
• Dokładne wyniki wyszukiwania
• Lekki

MakeMyTrip

MakeMyTrip, jedno z wiodących indyjskich biur podróży online, dołączyło do platformy PWA, aby lepiej obsługiwać 8 milionów odwiedzających miesięcznie.

Po sukcesie w swojej natywnej aplikacji firma odkryła, że ​​ograniczona łączność w kraju z ograniczeniami danych na gorszych smartfonach może sprawić, że dostęp użytkownika będzie bardzo frustrujący.

Ponadto zauważył, że odwiedzający spędzają więcej czasu na ich stronie internetowej niż na swojej natywnej aplikacji. Powielanie tego samego doświadczenia ma zatem kluczowe znaczenie dla użytkowników telefonów komórkowych.

Rezultatem jest ogromny 160% wzrost sesji klientów i 20% spadek współczynnika odrzuceń według Google. Ponadto kupujący po raz pierwszy prawdopodobnie dokonali trzykrotnie większej konwersji niż ci, którzy wcześniej korzystali z aplikacji natywnej.

Co lubimy w tym PWA:

• Łatwa nawigacja
• Możliwość instalacji na dowolnym systemie operacyjnym
• Szybki czas ładowania

Rozpocznij podróż

Czerpiąc korzyści z sukcesu swojego internetowego rynku, Jumia wkroczyła w branżę turystyczną z Jumia Travel. Jego PWA przyczyniło się do dwunastokrotnego zwiększenia ruchu i współczynników konwersji o 33% według Google.

Jumia Travel została następnie przejęta przez Travelstart w 2019, aby stworzyć jedną z największych platform w branży turystycznej. Użytkownicy mobilni Jumia Travel są przekierowywani do Travelstart nawet na PWA, gdzie mogą rezerwować loty, zakwaterowanie w hotelu i samochody do wynajęcia.

Co lubimy w tym PWA:

• Szybki czas ładowania
• Prosty interfejs

Trivago

Aby pomieścić 120 milionów odwiedzających miesięcznie, niemiecka firma technologiczna Trivago uruchomiła PWA, aby pomóc większej liczbie użytkowników w wyszukiwaniu i porównywaniu cen hoteli przed wyjazdem.

Obsługująca prawie 200 stron rezerwacyjnych aplikacja działa szybko w zakresie generowania porównań cenowych. Użytkownicy mogą również wygodnie korzystać z mapy Trivago, prawdziwych recenzji hoteli i odnosić się do poprzednich wyszukiwań, aby zaoszczędzić czas i przepustowość.

PWA zostało dodane przez ponad pół miliona użytkowników z 55 krajów do swoich ekranów głównych, co spowodowało wzrost zaangażowania o 150% i 97% kliknięć w oferty hotelowe według raportu Google.

Co lubimy w tym PWA:

• Możliwość instalacji na Androidzie i iOS
• Doskonałe wsparcie offline
• Szybka odpowiedź
• Filtry wyszukiwania
• Obsługa wielu języków

Uber

PWA Ubera to obecnie jedna z najbardziej unikalnych aplikacji. Firma oferująca usługi przewozowe umieściła swoją aplikację Window 10 za kulisami w 2018 roku na korzyść PWA, które po raz pierwszy zostało uruchomione w lipcu 2019 roku.

W porównaniu z natywną aplikacją mobilną, PWA Ubera zajmuje tylko 50 KB przestrzeni dyskowej. Ładuje się bardzo szybko, co czyni go tak wygodnym, gdy utkniesz w obszarze ze słabą siecią.

W zależności od lokalizacji, Uber oferuje usługi wezwania na przejażdżkę, dostawę jedzenia, wypożyczenie rowerów i skuterów oraz wspólne przejazdy w powietrzu za jednym dotknięciem urządzenia mobilnego.

Co lubimy w tym PWA:

• Szybki czas ładowania
• Wsparcie offline
• Lekki
• Niezwykle szybki proces rezerwacji

Lyft

Konkurent Ubera, Lyft, który powstał w 2012 roku, rozszerzył swoje bazy kierowców i kierowców w Stanach Zjednoczonych i Kanadzie.

Oferując niższe stawki (pod względem abonamentu dla częstych pasażerów), firma zdobyła ogromny udział w rynku, który kiedyś był zdominowany przez Ubera. Swoje PWA wprowadziła w 2016 roku

Dla nowych użytkowników PWA zapewnia łatwy proces rejestracji, a także usługi rezerwacji, z których słynie jego natywna aplikacja.

Co lubimy w tym PWA:

• Szybki czas reakcji
• Niezawodne aktualizacje w czasie rzeczywistym

Tajawal

Tajawal, bardzo popularna aplikacja do rezerwacji lotów i hoteli w Zjednoczonych Emiratach Arabskich, oferuje kompletne rozwiązania umożliwiające dostęp do ponad 450 linii lotniczych i tysięcy hoteli dla podróżnych.

PWA działa bardzo szybko i oferuje łatwe rozwiązania rezerwacji poprzez uproszczony proces. Interfejs jest prosty i skupia się głównie na rezerwacjach.

Co lubimy w tym PWA:

• Bardzo szybkie ładowanie strony
• Zabezpieczone transakcje

Flyweekend

Ta wyjątkowa firma zajmująca się rezerwacją podróży została założona w 2017 roku w Amsterdamie. Celem jest zaoferowanie użytkownikom planów podróży tylko w weekendy, aby mogli wskoczyć do samolotu i odbyć dwudniowe odosobnienie w oparciu o zalecenia systemu.

Użytkownicy FlyWeeked po prostu wpisują swoją aktualną lokalizację i wybierają weekend, w którym chcą zrobić sobie przerwę. Następnie system udostępnia listę klikalnych miast, które użytkownik może „przesunąć”, jeśli nie jest zainteresowany, lub zamiast tego zarezerwować wycieczkę.

PWA jest łatwe w obsłudze, co gwarantuje większe zaangażowanie dzięki unikalnej koncepcji.

Co lubimy w tym PWA:

• Szybki czas reakcji
• Szybkie ładowanie strony

Fajny kuzyn

Zwiedzanie obcego kraju może być bardziej ekscytujące, gdy miejscowy, który podziela Twoje zainteresowania, może Cię poprowadzić podczas podróży. Dzięki Cool Cousin odwiedzający mogą wybrać zaufanych lokalnych przewodników miejskich na swojej łatwej w obsłudze platformie.

Tak zwani „kuzyni” to zarówno chirurdzy, jak i muzycy, ale wszyscy dzielą tę samą pasję do przyjmowania turystów w ich rodzinnym mieście.

Jego PWA zostało uruchomione w 2018 roku, aby zapewnić użytkownikom szybszy i płynniejszy dostęp. W swojej oficjalnej aktualizacji firma ogłosiła, że ​​aplikacja skróciła czas ładowania o 25% i zmniejszyła dostęp użytkowników do innych źródeł online.

Co lubimy w tym PWA:

• Szybki czas reakcji
• Łatwa nawigacja

Zabawa

Kawałek dźwięku

Nauka gry na gitarze, pianinie, saksofonie lub banjo jest teraz łatwiejsza dzięki Soundslice, aplikacji, która synchronizuje zapis muzyczny z prawdziwym dźwiękiem.

PWA Soundslice doskonale nadaje się do samokształcenia za pomocą urządzenia mobilnego. Pozwala użytkownikowi zmieniać wysokość tonu, sekcje pętli i notować muzykę. Z drugiej strony nauczyciele muzyki mogą tworzyć interaktywne sesje za pomocą narzędzia.

Przykładowe „plastry” pozwalają użytkownikom odtwarzać dźwięk w towarzystwie ruchomej pionowej linii prowadzącej na nutach.

Co lubimy w tym PWA:

• Interaktywny projekt
• Szybki czas ładowania

Spotify

W przypadku usługi strumieniowego przesyłania muzyki cyfrowej Spotify, korzystanie z lekkiej aplikacji za pośrednictwem PWA jest koniecznością, aby zdobyć więcej subskrybentów.

Aplikacja komputerowa i mobilna Spotify są replikowane w PWA, zapewniając słuchaczom taką samą wygodę, nawet podczas słuchania offline. PWA ładuje się znacznie szybciej, a kolory tła dostosowują się do gatunków albumów, zapewniając bardziej spersonalizowany dotyk.

Co lubimy w tym PWA:

• Adaptacyjny interfejs użytkownika
• Wsparcie offline
• Interaktywny projekt

1Tuner

Wbrew powszechnemu przekonaniu radio nie jest martwe. Dzięki 1Tuner każdy użytkownik może słuchać stacji radiowych (w dowolnym miejscu na świecie) i podcastów.

Mogą nawet tworzyć listy odtwarzania, aby nie przegapić audycji z Brazylii lub najlepszych utworów odtwarzanych w lokalnych londyńskich stacjach.

PWA też działa idealnie. Wybranie konkretnej stacji radiowej umożliwia słuchanie audycji w czasie rzeczywistym. Z drugiej strony podcasty są dostarczane w doskonałej jakości dźwięku.

Co lubimy w tym PWA:

• Konfigurowalny motyw
• Ogromna liczba rekomendacji treści

9GAG

Humor online nigdy nie był taki sam od czasu premiery 9GAG. Dzięki memom internetowym, filmom i obrazom udostępnianym przez użytkowników na całym świecie, strona stała się źródłem rozrywki.

Jednak szybko zdał sobie sprawę, że jego stara natywna aplikacja wymaga dłuższego czasu ładowania, zwłaszcza gdy popularne treści obejmowały wiele filmów.

9GAG przeszedł na PWA, aby zmniejszyć prędkość ładowania strony i zachęcić do większego zaangażowania użytkowników. Witryna ujawniła, że ​​jej użytkownicy pozostali w aplikacji o 25 procent dłużej w porównaniu z jej natywną aplikacją.

Co lubimy w tym PWA:

• Możliwość instalacji na Androidzie i iOS
• Wsparcie offline
• Szybki czas ładowania

Lotto.de

Zebrane w czasie rzeczywistym informacje o najnowszych wynikach loterii Euro na tym PWA stanowią przydatne źródło informacji od graczy.

PWA ładuje się bardzo szybko i działa dobrze z urządzeniami low-end i słabymi połączeniami internetowymi. Dla każdego gracza lotto, który nie może się doczekać najnowszych wyników, ten PWA jest przydatnym towarzyszem.

Co lubimy w tym PWA:

• Płynne wrażenia użytkownika
• Dostępność w języku niemieckim i angielskim

Podsumowanie 50 najlepszych przykładów PWA

Mamy nadzieję, że te progresywne przykłady aplikacji internetowych uwypukliły niektóre z głównych kwestii, które omówiliśmy w tym przewodniku.

Marki te zainwestowały w swój mobilny UX i odniosły korzyści. Możesz i powinieneś podążać ich śladami i iść „najpierw mobilnie” z imponującą, progresywną aplikacją internetową dla własnego biznesu. Powiemy Ci jak, ale najpierw odpowiemy na kluczowe pytanie – „a co z aplikacjami natywnymi?”

Być może bawiłeś się pomysłem samodzielnego tworzenia aplikacji na iOS i Androida, a zamiast tego zostałeś zepchnięty na bok, aby spojrzeć na PWA. Być może nie przejmujesz się uruchomieniem w App Store i po prostu chcesz mieć znacznie lepszą stronę internetową.

Tak czy inaczej – krótko omówimy debatę „native vs PWA” i wyjaśnimy, dlaczego uważamy, że PWA to minimum, a PWA + aplikacja natywna jest optymalna.

Jaką aplikację należy zbudować? Progresywne aplikacje internetowe a aplikacje natywne

Krąży pomysł, że progresywne aplikacje internetowe i aplikacje natywne są rywalami. Że PWA sprawią, że aplikacje natywne będą nieistotne i niepotrzebne. Że firmy będą wybierać między budowaniem PWA a natywną aplikacją i zawsze wybierają tę drugą.

Ta narracja jest błędna i przedstawia aplikacje natywne a PWA jako wybór albo/albo, co jest fałszywą dychotomią. Prawda jest taka, że ​​aplikacje PWA i aplikacje natywne to genialne połączenie i współdziałają ze sobą synergicznie. Obejmują one wzajemnie swoje podstawy i zapewniają każdemu optymalne wrażenia użytkownika, niezależnie od kanału.

Aplikacje PWA korzystają z zasięgu, wykrywalności i wszechobecności sieci. Przyciągają ruch organiczny i robią wrażenie na odwiedzających po raz pierwszy szybkim i eleganckim doświadczeniem, przekonując ich do spędzenia więcej czasu (i pieniędzy) w Twojej witrynie. Dają łatwą opcję instalacji, która zmniejsza tarcie i strażników, i mogą spodobać się nawet tym, którzy martwią się ograniczoną przestrzenią do przechowywania urządzeń.

Zapewniają doskonały sposób na nawiązanie kontaktu z nowymi użytkownikami i tymi, którzy są wystarczająco zaangażowani, aby wrócić, ale nie na tyle, aby pobrać natywne aplikacje z jakiegokolwiek powodu. PWA to doskonały sposób na pielęgnowanie ludzi poprzez lejek.

Z drugiej strony aplikacje natywne mają słaby zasięg i widoczność w porównaniu z PWA. Znajdują się za „ogrodzonymi ogrodami” App Store i wymagają od użytkownika większego zaangażowania w ich instalowanie i pobieranie. Z drugiej strony są one bardziej zgodne z istniejącymi nawykami użytkowników, umożliwiają wysyłanie powiadomień push do użytkowników iOS i mogą zwiększyć widoczność/obecność marki w App Store.

Aplikacje natywne są świetne dla podstawowych czytelników/klientów/użytkowników. Twoja najbardziej lojalna baza powinna być zachęcana do pobierania natywnych aplikacji i uzyskiwania do nich dostępu – nawet za ekranem logowania lub zaporą płatną – tak, abyś mógł zebrać je w jednym miejscu i naprawdę skupić się na ich zrozumieniu i zaangażowaniu, maksymalizując LTV i retencję tak bardzo, jak to możliwe.

Aplikacje natywne to świetny „dom” dla Twoich największych fanów.

Google ujmuje to w ten sposób:

„PWA nie muszą zastępować natywnych aplikacji; mogą z nimi współpracować. Sprzedawcy detaliczni mogą na przykład korzystać z natywnej aplikacji, aby zaangażować lojalnych użytkowników, którzy są bardziej skłonni do zainstalowania aplikacji, ale używają PWA, aby łatwo dotrzeć do nowych użytkowników. Użytkownicy, którzy wchodzą w interakcję z PWA, mogą zostać poproszeni o pobranie aplikacji mobilnej w przyszłości”

Nasza rekomendacja – buduj jedno i drugie!

Jeśli masz ograniczony budżet, wybierz PWA. Jeśli masz natywną aplikację, ale nie PWA, zdecydowanie powinieneś zbudować jedną jak najszybciej. Jeśli jesteś w pełni zaangażowany w tworzenie optymalnego UX z myślą o urządzeniach mobilnych i jesteś w stanie zainwestować w osiągnięcie tego celu, zbuduj oba i pozwól im wzajemnie uzupełniać mocne i słabe strony.

Dzięki MobiLoud możesz uzyskać świetne aplikacje natywne, wystarczy strona internetowa lub aplikacja internetowa. Skontaktuj się z naszym zespołem, aby dowiedzieć się więcej!

Jak zbudować progresywną aplikację internetową

Celem tego przewodnika jest przedstawienie pełnego ogólnego przeglądu PWA. Nie będziemy się zagłębiać w zawiłości ich rozwoju, ale przedstawimy Ci opcje, abyś sam mógł dokonać wyboru.

W Internecie krąży wiele treści o tym, jak zbudować PWA w „10 minut”. Dzięki obietnicom przeniesienia od podstaw tego natywnego stylu aplikacji do tradycyjnej aplikacji internetowej w niecałą godzinę, te samouczki łatwo skuszą.

Czy to jednak legalne?

Tak i nie. Te „hacki” PWA mają również na celu spełnienie absolutnego minimum kryteriów a – HTTPS, manifest sieciowy i service worker. Jeśli jesteś zainteresowany stworzeniem bardzo prostej, funkcjonalnej progresywnej aplikacji internetowej – możesz wypróbować PWABuilder firmy Microsoft. Przy odrobinie majsterkowania i wiedzy technicznej możesz stworzyć coś porządnego i działającego.

Aby zbudować unikalną, zoptymalizowaną i bogatą w funkcje progresywną aplikację internetową – która naprawdę wykorzystuje swój potencjał – musisz więcej zainwestować. Aby zobaczyć dlaczego, podzielmy podstawowe kroki.

1. Kup certyfikat SSL do konfiguracji za pośrednictwem usługi hostingowej
2. Opracuj powłokę aplikacji
3. Sprawdź, czy przeglądarka obsługuje pracowników serwisu
4. Zarejestruj plik roboczy usługi
5. Dodaj powiadomienia push i manifest aplikacji internetowej
6. Skonfiguruj monit instalacji
7. Przetestuj funkcjonalności aplikacji
8. Przeprowadź audyt listy kontrolnej Lighthouse opartej na aplikacji
9. Naprawić błędy
10. Uruchom aplikację

Brzmi łatwo, prawda?

W rzeczywistości zrobienie tego dobrze i zbudowanie dobrej niestandardowej progresywnej aplikacji internetowej wymaga programistów front-end z doświadczeniem w tworzeniu złożonych aplikacji internetowych.

Zasadnicza praca polegająca na skonfigurowaniu pracownika serwisu i buforowaniu w celu uzyskania optymalnej wydajności jest złożona i wymaga prawdziwych umiejętności. Następnie, w zależności od Twoich wymagań, możesz również potrzebować projektantów, którzy rozumieją wrażenia użytkownika aplikacji natywnych i jak skutecznie zastosować je w sieci.

O ile nie jesteś dość dużą firmą, prawdopodobnie nie masz wielu utalentowanych programistów front-end, którzy czekają, aż powiesz im, co mają robić. Musiałbyś ich znaleźć, zatrudnić, stworzyć zespół i nim zarządzać – trudne zadanie, jeśli nie masz doświadczenia w takich sprawach. Na dobrych front-end developerów zawsze jest popyt, a ich stawki kontraktowe to odzwierciedlają.

Koszt i czas budowy progresywnej aplikacji internetowej

Więc ile by to kosztowało? Cóż, to trochę jak klasyczne „jak długi jest kawałek sznurka?”

Zależy to całkowicie od złożoności aplikacji, którą chcesz zbudować. Według autorów Księgi PWA:

Zbudowanie PWA od podstaw zajmie od 3400 wh (dla małej aplikacji) do 9000 wh (dedykowany projekt, który zrobiliśmy). Oznacza to koszt od 400 000 do 1 miliona dolarów. Korzystanie z platformy chmurowej będzie o co najmniej 75% tańsze, a Time to Market będzie również o 75% krótszy (2-3 miesiące zamiast 8-12 miesięcy).

– Rozdział 10, Księga PWA

Wydaje się to zbyt drogie, ale daje wyobrażenie o tym, jak duże marki, takie jak te, które omówiliśmy powyżej, inwestują w swoje doświadczenia.

Oczywiście, jeśli konwertujesz witrynę na PWA, zamiast budować ją od podstaw, w większości przypadków będzie to tańsze i łatwiejsze. W przybliżeniu, chcesz zainwestować co najmniej 3 miesiące i od 20 000 do 50 000 USD, aby uzyskać świetny wynik.

Deweloperzy przechodzą różne fazy projektu, ale w większości przypadków obejmuje to siedem faz: odkrycie, projektowanie, weryfikacja, wstępny rozwój, testowanie, naprawianie błędów i ostateczne uruchomienie.

Jeśli Twoje PWA jest bardziej złożone, spodziewaj się, że jego ukończenie potrwa dłużej, biorąc pod uwagę zaawansowane funkcje, które muszą zostać zintegrowane, takie jak GPS, obsługa mediów społecznościowych i dostęp do aparatu.

Biorąc to pod uwagę, proste PWA mogą zająć mniej niż trzy miesiące (lub nawet kilka tygodni, jeśli są to gołe kości). Jeśli chcesz mieć bardziej zaawansowane funkcje, takie jak panel administracyjny zaplecza, wzorce wizualizacji i inne integracje, nadal możesz mieć swoje PWA w mniej niż sześć miesięcy.

To może wydawać się sporą kwotą, ale jeśli umieścisz to w kontekście, jest więcej niż tego warte. Są nie tylko bardziej przystępne cenowo i szybsze w budowie niż aplikacje natywne, ale szybkość i lepsze wrażenia użytkownika prawdopodobnie zwrócą się na dłuższą metę.

Jeśli korzystasz z WordPressa, istnieje kilka prostszych sposobów na przekształcenie witryny WordPress w PWA oraz kilka wtyczek WordPress do PWA, które możesz wypróbować.

Pomożemy Ci doradzić opcje, a jeśli Twoja witryna jest odpowiednio dopasowana – skorzystaj z naszej niestandardowej platformy, aby przekonwertować ją na PWA w zaledwie 2 tygodnie, za ułamek standardowego kosztu. Możemy również tworzyć natywne aplikacje na iOS i Androida z Twojej witryny w podobnym przedziale czasowym, więc masz wszystkie bazy mobilne na rok 2021 i później!

Skontaktuj się z jednym z naszych ekspertów mobilnych, aby uzyskać konsultację, aby dowiedzieć się więcej.

To jest w Twoich rękach — zacznij budować progresywną aplikację internetową już dziś!

Powinieneś już mieć dobry przegląd cech i mocy progresywnych aplikacji internetowych.

Aby dowiedzieć się więcej, zapoznaj się z tymi zasobami:

• Księga PWA
• Zasoby Google na web.dev i Google Developers
• Statystyki PWA (ciekawe wskaźniki i studia przypadków)
• Google PWA Roadshow (świetna seria filmów)
• Doskonałe wytyczne Mozilli dotyczące PWA
• Książka Jasona Grigsby'ego Progressive Web Apps
• Co może dziś zrobić sieć? (pokazuje, jak rozwinęła się technologia internetowa)
• Tak, ten projekt internetowy powinien być PWA (doskonały przewodnik/artykuł)
• Nasz przewodnik po różnicach między aplikacjami natywnymi, webowymi i hybrydowymi

Teraz twoja kolej. Może się to wydawać zniechęcającym zadaniem – ale musisz zmienić swoją witrynę w progresywną aplikację internetową, aby naprawdę mieć imponującą, nowoczesną i optymalną obecność w sieci.

Gwarantujemy, że kiedy będzie gotowy do uruchomienia, będziesz zadowolony. A Twoi klienci nagrodzą Cię, spędzając więcej czasu, uwagi i pieniędzy na angażowaniu się w Twoją firmę.

Jak jednak wspomnieliśmy – PWA nie zastępuje aplikacji natywnych. PWA to przede wszystkim znacznie lepsza strona internetowa. Może być trudno nakłonić użytkowników do zainstalowania ich na swoich urządzeniach, ponieważ nie są jeszcze do tego przyzwyczajeni, a Ty tracisz możliwość wysyłania powiadomień push do użytkowników iOS i obecności marki w App Store.

Czy powinieneś też tworzyć aplikacje natywne ?

PWA jest koniecznością, ale aplikacje natywne to nadal najlepsze wrażenia użytkownika mobilnego. Jedynym powodem, dla którego niektórzy są ostrożni lub negatywnie nastawieni do perspektyw aplikacji natywnych, jest duży koszt (50 000 USD) oraz długi i pracochłonny proces rozwoju, który tradycyjnie towarzyszył im.

Jeśli podzielasz te obawy, ale jesteś zainteresowany tworzeniem aplikacji na iOS i Androida dla swojej marki, powinieneś sprawdzić nasze platformy News, Canvas for eCommerce lub Canvas. Niezależnie od tego, która z nich jest dla Ciebie odpowiednia — możesz przekonwertować swoją witrynę lub aplikację internetową w najwyższej jakości natywne aplikacje w zaledwie kilka tygodni, za jedyne 100 USD/m.

Nasze platformy mogą służyć do konwersji dowolnej witryny internetowej na aplikację mobilną. Nie ma znaczenia, z czego zbudowana jest Twoja witryna. MobiLoud doskonale nadaje się do budowania:

• Aplikacje WordPress
• Aplikacje bąbelkowe
• Aplikacje Squarespace
• Aplikacje Wix
• Aplikacje WooCommerce
• Aplikacje Webflow

I wszystko pomiędzy! Zostaniesz skonfigurowany z nieograniczoną liczbą powiadomień push na Androida i iOS, a także będziesz mieć wszystkie funkcje potrzebne do budowania zwycięskiej obecności na wielu platformach w Internecie i sklepach z aplikacjami.

Możemy również pomóc Ci z PWA, dzięki czemu będziesz mieć idealną kombinację mobilną w przyszłości. Jeśli to brzmi dobrze – skontaktuj się z nami i zarezerwuj demo już dziś. Jeśli zdecydujesz się na inną trasę, życzę powodzenia w podróży. Mamy nadzieję, że spodobały Ci się przykłady PWA i znalazłeś inspirację, która pomoże Ci rozwijać się na urządzeniach mobilnych!