Dlaczego wybraliśmy PWA zamiast aplikacji natywnej?

Był moment, w którym stanęliśmy przed wyborem technologii, w jakiej będziemy rozwijać aplikację mobilną dla naszych klientów. Wybór padł na PWA (progresywna aplikacja internetowa). Co to jest PWA, dlaczego wybraliśmy to rozwiązania i co należy zrobić, aby włączyć tę funkcję na swojej platformie, o tym w poniższym artykule.

Co to jest progresywna aplikacja internetowa (PWA)?

PWA to rozwiązanie bazujące na najnowszej technologii webowej, dzięki czemu w dużym stopniu działa jak aplikacja mobilna. Można powiedzieć, że jest to połączenie strony internetowej z aplikacją. Dodatkowo użytkownik w łatwy sposób może dodać skrót na ekranie swojego telefonu - niezależnie od systemu operacyjnego, z którego korzysta.

W Skyier dajemy wbudowany system oparty o elementy PWA, który będziemy w przyszłości sukcesywnie rozwijać.

Dlaczego wybraliśmy PWA, a nie aplikację natywną - co nas przekonało?

1. Jedna baza kodu na wszystkie urządzenia

Brak konieczności budowania wersji webowej + 2 osobnych app na telefon (iOS/Android). Z programistycznego punktu widzenia jest to łatwiejsze i szybsze.

2. Brak App Store / Google Play

A co za tym idzie zero prowizji od sprzedaży produktów (15%->30%). Użytkownicy bez problemu mogą dokonywać zakupu produktów z poziomu telefonu, a twórcy nie martwić się o rozliczenie ze sklepami. Mamy tutaj pełną kontrolę nad płatnościami i danymi użytkowników. Nie trzeba pilnować i dopasowywać się do wymagań stawianych przez sklepy.

3. Dostęp do natychmiastowych aktualizacji

Poprawki w platformie dostępne są od razu dla wszystkich użytkowników. Niezależnie od urządzenia, z którego korzystają. Najprościej mówiąc: nie trzeba za każdym razem pobierać i instalować nowej wersji aplikacji.

4. PWA idealnie pasuje do modelu white-label

Czyli naszego, gdzie każdy twórca posiada platformę pod nazwą swojej domeną. Przez co nasi klienci promują instalowanie swojej platformy, a nie naszego produktu Skyier.

5. Instalacja odbywa się jednym kliknięciem

Instalowanie odbywa się z poziomu przeglądarki. A nie sklepu. Wystarczy, że użytkownik wejdzie na stronę, kliknie „Dodaj do ekranu głównego” i gotowe.

6. Niższy koszt wdrożenia i utrzymania

Pilnowanie jednego kodu jest łatwiejsze, a wdrożenie szybsze i tańsze.

7. Szybsze wdrażanie nowych funkcji dla klientów

Funkcje widoczne są od razu na każdym urządzeniu. Nie wymaga to nakładu pracy na każdy system oddzielnie.

8. Spójne doświadczenie na platformie

Jeśli użytkownicy korzystają zarówno z komputerów, jak i urządzeń mobilnych, PWA zapewnia im spójne doświadczenie na każdej platformie. Co ułatwia przechodzenie między urządzeniami.

9. Dystrybucja i marketing

W PWA treści są indeksowane przez wyszukiwarki i mogą być optymalizowane pod SEO. Strony i produkty można bez trudu udostępniać, wystarczy skopiować link URL. W przypadku aplikacji mobilnych - istnieje konieczność pobierania ze sklepu.

Wybierając PWA przyświecała nam w dużej mierze łatwiejsza dostępność aplikacji oraz rozwój. Oczywiście PWA ma swoje ograniczenia, ale w naszej opini nie są one krytyczne dla doświadczenia użytkownika.

Co zrobić, aby włączyć tę funkcję na swojej platformie?

Dodaj:

• nazwę, jaka będzie się wyświetlała przy ikonce. W tym celu w Ustawieniach strony należy wypełnić pole: PWA_short_name

• ikonki, jakie chcesz, aby wyświetlały się na ekranie telefonu. W tym celu należy przygotować 2 ikonki w rozmiarach 192 x 192px i 512 x 512px i wgrać na samym dole w Ustawieniach strony.

Gdy określone kryteria zostaną spełnione przeglądarka automatycznie poinformuje użytkownika, że daną stronę można zainstalować jako aplikację PWA.

Te komunikaty wyświetlane są dość rzadko. Dlatego zawsze można poinstruować użytkowników, jak mogą zrobić to samodzielnie. Wystarczą tak naprawdę 2 kliknięcia.

Jak to zrobić?

• Należy wejść na stronę www platformy.
• Kliknąć ikonkę “3 kropek”.

• Wybierać opcję “Dodaj do ekrany głównego”.

• Gotowe! Ikonka wraz z nazwą pojawi się na ekranie Twojego telefonu.