Progressive Web Application


React LogoProgressive Web App to rodzaj aplikacji webowej, której używać można jednocześnie jako strony www i aplikacji mobilnej na właściwie każdym urządzeniu. Ponieważ technologia ta powstała z ręki Google’a, spełnia również ich wymagania odnośnie pozycjonowania w wynikach wyszukiwania. Oprócz tego została odpowiednio zoptymalizowana, aby działała maksymalnie kompatybilnie ze wszystkimi urządzeniami i jednocześnie była bardzo szybka.

PWA działa według prostej zasady. Jest to aplikacja napisana w taki sposób, aby wyglądała i zachowywała się jak zwykła strona www. Powstała z wykorzystaniem technologii webowej i jest oparta na językach JavaScript, CSS oraz HTML. Jest widoczna w wynikach wyszukiwania oraz z dostępem w formie linku. Jednak, przy tym wszystkim, oferuje wszelkie walory aplikacji mobilnej. Oznacza to, że działa w trybie offline, może wysyłać powiadomienia push i korzysta z dysku twardego urządzenia. 

FENOMEN MOBILE GAP?

Mimo iż, użytkownicy spędzają dużo więcej czasu na stronie na urządzeniach mobilnych, przy jednoczesnym dużo większym ruchu z tych urządzeń to stopa konwersji jest dużo mniejsza.

Fenomen Mobilnej Luki

PRZYCZYNY NISKIEJ KONWERSJI

Głównymi przyczynami wysokiego współczynnika porzuceń koszyka na urządzeniach mobilnych spowodowane jest trzema czynnikami:

1. Używaniem telefonu jako narzędzia do rozpoznania oferty i problemy z dodawaniem do koszyka.

2. Wolnym działaniem strony.

3. Małymi ekranami urządzeń, które utrudniają sfinalizowanie zamówienia.

Wykres słupkowy o niskich współczynnikach konwersji na różnych urządzeniach

KORZYŚCI

Przede wszystkim progresywne aplikacje internetowe nie zmuszają użytkowników do dokonywania trudnych wyborów pomiędzy miejscem w telefonie a możliwością korzystania ze swoich opcji. Mimo że zabierają trochę pamięci urządzenia, nie są to mocno odczuwalne ilości. Po drugie są mniej skomplikowane w obsłudze, ponieważ nie wymagają instalacji. Wystarczy więc kliknąć odpowiedni przycisk, a na ekranie głównym smartfona lub tableta pojawi się skrót. Jakie inne korzyści wiążą się z wdrożeniem PWA dla Twojego sklepu?

SZYBSZY DOSTĘP DO SKLEPU

Jeśli zależy Ci na zadowoleniu swojego klienta, nie każ mu marnować jego cennego czasu. Dziś nikt nie ma go zbyt wiele. Omijając konieczność ściągania Twojej aplikacji ze sklepu Google Play lub App Store, zwiększasz swoją szansę na to, że użytkownik dokona u Ciebie zakupu.

SZYBSZE ŁADOWANIE WITRYNY

Szybkość witryny jest szczególnie ważna w tym, aby znaleźć się wysoko w rankingu wyników wyszukiwania. Zgodnie z raportem Page Speed 70% klientów przyznaje, że szybkość strony wpływa na ich pozytywną decyzję o zakupie. Warto też wspomnieć, że aż 53% użytkowników wychodzi ze strony mobilnej, jeśli ładuje się dłużej niż trzy sekundy!

WYSZUKIWANIE GŁOSOWE

Wyszukiwanie głosowe coraz bardziej rośnie w siłę. Warto więc wykorzystać jego potencjał w swojej działalności e-Commerce. Można to zrobić za sprawą PWA. Dzięki temu skraca się ścieżkę zakupową klienta i łatwiej można doprowadzić go do celu. Inteligentne głośniki (np. Alexa lub Google Home) doskonale nadają się do składania zamówień, które można sfinalizować w aplikacji mobilnej lub przeglądarce. Pozwalają na tworzenie zapytań ze słowami kluczowymi z długiego ogona – są to na przykład pytania rozpoczynające się od słów: „kto”, „co”, „jak”, „gdzie”, „kiedy”. To świetne rozwiązanie, z którego z powodzeniem mogą skorzystać, chociażby lokalne firmy.

SPÓJNY UX

Korzystanie z urządzeń mobilnych powinno być w pełni spójne z korzystaniem z urządzeń desktopowych. Należy więc traktować je jako część większego obrazu, w tym każdego pojedynczego punktu kontaktu. Nie tylko online, ale także offline. Podczas podróży klienta przez Twój sklep, powinieneś więc zadbać o jego doświadczenie (User Experience). Ważne jest, aby w styczności z Twoją stroną nie musiał uczyć się jej osobnej obsługi w aplikacji i na stronie. Ich działanie powinno być takie same. Dzięki PWA utrzymanie spójnego UX jest możliwe, dużo tańsze i wygodniejsze niż w przypadku oddzielnych mobilnych aplikacji.

MOBILE FIRST

Telefon to atrybut, który większość z nas bardzo rzadko odkłada z ręki na dłużej niż godzinę. Niestety z racji na niewielki rozmiar urządzenia te mają ograniczenia w kwestii UX. Jednak tę wadę można przekuć w zaletę. W jaki sposób? Wykorzystując potencjał funkcji telefonu – kamerę, mikrofon, geolokalizację i inne dostępne możliwości. Dla przykładu – skanowanie kodów kreskowych to przykład natywnej funkcji telefonu, która może poprawić jakość zakupów. 

WIZUALNA OPTYMALIZACJA STRONY

Na stronie internetowej można zamieścić dowolną ilość treści – czy to w postaci ciągłego tekstu, czy wypunktowania i listingów. Niestety w przypadku urządzeń mobilnych zbyt długi tekst nie cieszy się powodzeniem wśród użytkowników. Z tego powodu autorzy często dokonuj jego uproszczenia. Najczęściej pojawia się wtedy widok listy z jedną kolumną. Nie jest to jednak rozwiązanie, które pasuje wszędzie. Dzięki PWA nie trzeba zastanawiać się nad znaczną modyfikacją treści. Za sprawą tego rozwiązania dostosowywanie tekstu jest znacznie łatwiejsze.

ANGAŻOWANIE UŻYTKOWNIKÓW

Jak zwrócić uwagę użytkownika? Dobrym pomysłem są powiadomienia push. Odpowiednio zaprojektowane w nienachalny sposób mogą przypomnieć użytkownikowi o Twojej marce. Podobnie można zaangażować odbiorcę, nakłaniając go do subskrypcji. Dzięki spójnemu UX i bezpiecznemu środowisku PWA (HTTPS) łatwiej jest zdobyć zaufanie użytkownika i przekonać go do zapisania się na newsletter. 

GEOLOKALIZACJA

Progressive Web Apps dzięki dostępowi do danych z GPS pozwala sprawić, że treść stanie się bardziej lokalna. Oznacza to, że dzięki takiemu zabiegowi zaoferujesz rabaty wybranej grupie odbiorców, np. z okolic Twojego miasta. Możesz też tworzyć odpowiednie oferty skierowane także właśnie do nich. Sprawi to, że aplikacja stanie się jeszcze bardziej spersonalizowana.

METODY PŁATNOŚCI

Opcje płatności to jedna z ważniejszych funkcji w sklepie internetowym. W kanale mobilnym ich wybór również ma duże znaczenie. Aby przekonać klienta do sfinalizowania transakcji na smartfonie, musisz zastosować metody, które są bezpieczne, a cały proces musi przebiegać szybko i sprawnie. Dzięki PWA będziesz w stanie zrobić to bez większego wysiłku. 

TRYB OFFLINE

Mimo że internet jest dostępny w niemal każdym miejscu na ziemi, możliwość korzystania z aplikacji mobilnej bez konieczności używania transferu, jest bardzo ważna dla użytkowników. Często zdarza się, że używają smartfona w biegu, w podróży, gdzie mogą pojawić się problemy z zasięgiem lub mogą po prostu mieć niewielki transfer. 

ZAIMPLEMENTUJ PWA DLA SWOJEGO SKLEPU Z NAJLEPSZYMI

Zostaliśmy nominowani w konkursie e-Commerce Polska Awards w kategorii "Best technology for e-Commerce" za wdrożenie PWA dla trójki naszych klientów:

1. Dla firmy NEONET, której dodatkowym celem było wdrożenie satysfakcjonującego UX sklepu.
2. Dla firmy Elektromag, dla której zoptymalizowaliśmy nawigację w serwisie.
3. Dla firmy NEO24.PL, dla której zautomatyzowaliśmy możliwości wyświetlania reklam.

Wyróżnienie Best technology for e-Commerce dla Global4Net