Uber PWA: idealne studium przypadku progresywnej aplikacji internetowej

Opublikowany: 2022-06-22

Czy kiedykolwiek byłeś pod wrażeniem, jak łatwe i szybkie jest dzwonienie do taksówki Uber? Zastanawiasz się, jak Uber może to zrobić? Uber musi zainwestować w jakąś technologię lub coś, aby zapewnić nam tak płynne wrażenia, ale co to właściwie jest i jak możemy się o tym dowiedzieć? Jeśli kiedykolwiek korzystałeś z Uber PWA, zauważysz różnice między Uber PWA a innymi natywnymi aplikacjami. Jest szybki, wydajny i funkcjonalny jak zwykła aplikacja, ale tak nie jest. Jak sugeruje tytuł, możesz wiedzieć kilka rzeczy, więc zagłębmy się w to studium przypadku.

Zawartość

Przegląd Ubera

uber logo

Uber Technology był odnoszącym sukcesy reprezentatywnym biznesem XXI wieku, wykorzystującym moc technologii, aby pomagać ludziom. Założony w 2009 roku ten początkujący start-up z prostym, ale genialnym pomysłem szybko stał się fenomenalny, zakłócając branżę transportu publicznego i taksówek.

W wielu krajach koncepcja nie jest nowa. Jednak dla większości ludzi Zachodu jest dość oburzające, aby pasażerowie mogli skorzystać z usług niezależnych kierowców i zapłacić za przejazd.

Działając wyłącznie jako strona trzecia, aby połączyć potrzeby i dostawy, Uber nadal jest świadkiem gwałtownego wzrostu i stał się jedną z najbardziej fascynujących firm, mimo że jest otoczony licznymi kontrowersjami.

Deklarując „Rozpalamy możliwości, wprawiając świat w ruch”, Uber wyznacza swoją misję świadczenia dedykowanych i niezawodnych usług transportowych dla wszystkich na całym świecie.

Do dziś Uber obsługuje obecnie ponad 118 milionów użytkowników z powodu wzrostu, ponad 3,5 miliona aktywnych kierowców i przychód w wysokości 26,61 miliarda dolarów przychodu z całkowitych rezerwacji z jego działalności w zakresie wspólnych przejazdów w 2020 roku.

Jak PWA pomaga rozwijać się firmom usługowym?

nadrzędny

Zwycięska recepta na przetrwanie firm w erze cyfrowej zaczyna się i kończy na zapewnieniu użytkownikom wyjątkowych doświadczeń wykraczających poza tradycyjne granice.

Ponieważ firmy technologiczne rosną pod względem ilości i jakości, towary cyfrowe lub usługi oparte na informacjach, takie jak Uber, Tinder i Netflix, muszą radzić sobie lepiej w obsłudze klienta niż po prostu zajmować się ich skargami i zapytaniami przez e-mail lub telefon.

Najważniejszym punktem styku, który łączy te platformy cyfrowe, jest poleganie na witrynach internetowych lub aplikacjach mobilnych do komunikowania się z docelowymi odbiorcami. To rodowód biznesów internetowych, źródło zysków.

Największą zachętą dla innowatorów jest znalezienie rozwiązania, które wypełni brakujący element, techniczną odpowiedź, która poprawi wrażenia użytkownika za ekranami. W 2015 roku inżynierowie Google wymyślili nazwę Progressive Web App, nową technologię internetową, która wykorzystuje najlepsze cechy sieci i aplikacji natywnych.

Istnieją 2 główne trendy dotyczące sposobu, w jaki PWA pomaga firmom usługowym w osiągnięciu korony.

Po pierwsze, waga strony będzie rosła z czasem wraz ze wzrostem bazy danych, ale także przepustowość. W związku z tym strony będą wolniejsze i cięższe, więc mamy równoległe procesy optymalizacji.

PWA może przerywać żądania sieciowe z pracownikami usług, aby zminimalizować opóźnienia w obie strony i wstępnie buforować zasoby witryny, aby zapewnić natychmiastowe ładowanie od drugiej wizyty. To buforowanie pozwala programistom skoncentrować się na szybkości witryny i zoptymalizować czas ładowania w zaledwie 3-5 sekund.

Po drugie, handel elektroniczny rozwija się z myślą o wygodzie kupujących i sprzedających. Wśród trendów, m-commerce wydaje się być najbardziej lukratywnym typem, z trzykrotnym wzrostem liczby użytkowników w ciągu dekady.

Ponieważ Service Worker działa w tle, może reagować na zdarzenia lub procesy z systemu operacyjnego. Ta możliwość umożliwia PWA wysyłanie wyskakujących powiadomień na urządzenia mobilne z systemem Android. Z drugiej strony iOS odmawia obsługi tej funkcji, ale wraz ze wzrostem reputacji PWA uważamy, że Apple będzie musiał zmienić zdanie.

Wyzwania Ubera przed integracją z PWA

Uber chce kontynuować rewolucję i zdominować gospodarkę wspólnego przejazdu, pozostając na bieżąco z postępem technologicznym.

Chcą zapewnić swoim użytkownikom szybko dostępną, aktualną i wygodną możliwość korzystania z ich usług w dowolnym momencie, zwłaszcza w nagłych wypadkach, niezależnie od tego, czy nie pobierają aplikacji mobilnej, czy nie trzymają przy sobie smartfona.

Właśnie dlatego szukają rozwiązania, które będzie działać szybko i płynnie, dobrze funkcjonować w różnych przeglądarkach i radzić sobie z niskimi żądaniami połączeń internetowych.

PWA przyszło im do głowy jako opłacalne i niewielkie rozwiązanie w zakresie czasu budowania, aby utrzymać solidną obecność w Internecie, która może działać rygorystycznie przy słabym połączeniu i zapewniać błyskawiczną prędkość ładowania.

Wyniki Uber PWA

wyniki uber pwa

O projekcie

Istotną różnicą w stosunku do projektu strony PWA jest to, że Uber PWA nie przesuwa pozycji aktywnej karty, nie pozostawiając animacji „ładowania”, a raczej efekt przełączania strony. Możesz to wyraźnie zobaczyć na urządzeniu stacjonarnym.

Pozostając logo na górze, nawet w ciągu kilku sekund, ten rozpryskujący się ekran może pomóc zwiększyć siłę przywołania wewnątrz użytkowników o nazwie Uber.

O funkcji

  • Nawigacja

Uber PWA, czyli m.uber, został zaprojektowany z przejrzystymi i intuicyjnymi układami do interakcji przewijania w dół. Pozwala oczom poruszać się w znajomym kierunku i szybko rozumieć stronę.

  • Szybkość ładowania

Uber PWA uzyskuje niesamowite wczytywanie pierwszej strony. Elementy pojawiają się natychmiast i dokładnie tam, gdzie powinny.

Projekt nawigacji przyczynia się w pewnym stopniu do usprawnienia szybkości ładowania. Działa tak samo, jak ładowanie podczas przewijania, dzięki czemu witryna ma możliwość mocowania wyglądu treści, oszczędzając czas na buforowanie pozostałych zasobów.

Odpowiedzialni deweloperzy twierdzą również, że m.uber odpowiada na pierwsze w historii żądanie przeglądarki, renderując Preact, które miało miejsce na serwerze. Dzięki wbudowanym znacznikom w postaci ciągów serwer może dostarczać zawartość niemal natychmiast.

  • Przejście między stronami i elementami: jest responsywne i płynnie połączone w szybki sposób, dzięki czemu czas interakcji jest szybki.
  • Doświadczenie: wszystko możemy opisać jako spokojną i satysfakcjonującą podróż rezerwacyjną z zapewnionym spokojem umysłu.

Wyniki

Użytkownicy Ubera mogą teraz łatwo zarezerwować przejazd za pomocą kilku prostych kliknięć, niezależnie od połączenia sieciowego, systemu operacyjnego, bazy danych i typu urządzenia z PWA.

Uber zgłosił poważną zmianę po uruchomieniu PWA, w ramach której więcej przejazdów zarezerwowano za pomocą Uber PWA, a nie poprzedniej natywnej aplikacji mobilnej. Coraz więcej osób prawdopodobnie będzie kontynuować rezerwację w Uberze.

Od tego czasu M.uber jest super lekki, płynny i kompatybilny z każdą nowoczesną przeglądarką. Aplikacja internetowa rozwiązuje problemy pasażerów korzystających z urządzeń o niższej klasie wydajności pod względem wydajności witryny, zapewniając spójne wrażenia podobne do aplikacji, które są po prostu satysfakcjonujące, gdy tylko chcą przyjechać.

Co jest ekscytującego w Uber PWA?

Oto kilka interesujących faktów technicznych, które programiści Uber byli w stanie przeprowadzić dzięki transformacyjnemu projektowi PWA.

  • Uber PWA jest niesamowicie szybki

Ich zamiarem z PWA było odpowiednie zastąpienie ich natywnej aplikacji mobilnej, biorąc pod uwagę potrzeby rynku. Deweloperzy poradzili sobie z maleńkim PWA, dobrze spakowanym w zaledwie 50kB spakowanym gzipem.

Celem jest, aby wszystko było jak najlżejsze, unikając niepotrzebnych komponentów, aby działały solidnie nawet w sieciach 2G.

Nie ma nic gorszego niż spóźnienie się na ważne wydarzenie, wybiegnięcie na zewnątrz na przejażdżkę, ale utknięcie z powolnym ładowaniem aplikacji. Wydobywa maksymalny poziom frustracji i może szkodliwie wpłynąć na ich stosunek do Ubera.

Jednak Uber z powodzeniem wyciągnął błyskawiczną aplikację internetową, której pojawienie się zajmuje mniej niż 3 sekundy, nawet w 2G. To naprawdę szybko. To, co zrobili, robi wrażenie.

  • Uber PWA jest niezawodny w różnych okolicznościach

Dzięki osiągniętym osiągnięciom Uber był pewny wejścia na światowe rynki. Zawsze znajdowali wyselekcjonowany sposób na dostosowanie Uber PWA do szybkiego i łatwego doświadczenia dla każdej sytuacji i problemu.

Międzynarodowa publiczność może korzystać z ich usług w dowolnym momencie i w dowolny sposób, pomimo słabego zasięgu i sygnału łączącego. Co więcej, użytkownicy mogą nadal dokonywać działań lub dostosowywać swoje przejazdy w trybie offline, na stronie Uber i w podróży.

To wszystko jest możliwe, ponieważ Uber PWA może nadal ładować się przy kolejnych wizytach i zapisywać wszystkie treści generowane przez użytkowników do późniejszej synchronizacji z Wi-Fi.

Kluczowe dania na wynos

Najbardziej dynamicznie rozwijająca się platforma nie może być tam, gdzie jest teraz, gdyby nie pomoc progresywnej aplikacji internetowej. Dzięki lżejszemu, szybszemu i prostszemu doświadczeniu Uber PWA ułatwił proces rezerwacji wspólnych przejazdów. Lyft jest uważany za największego konkurenta Ubera, ale jego udział w rynku nie może się równać z tym, co zajmuje Uber.

Jeśli więc chcesz dowiedzieć się więcej o tym, jak PWA może pomóc Twoim firmom internetowym, odwiedź blog Tigrena, aby zapoznać się z naszymi częstymi publikacjami.

Tigren to zaufana i niezawodna nazwa usług programistycznych Magento PWA od 2015 roku. Pomogliśmy ponad 800 małym i średnim firmom na całym świecie zwiększyć ich zwrot z inwestycji.

Nasze najwyższej jakości rozwiązania integracyjne Magento PWA są znanej na całym świecie jakości, a mimo to nadal rozsądne dla początkujących właścicieli, aby zbudować idealną obecność online w ramach swojego budżetu.

Jeśli chcesz, aby konsultacja 1 na 1 rozwiązała Twój problem tak szybko, jak to możliwe, napisz do nas na adres [email protected] i uzyskaj wycenę, żadne zobowiązanie nie wymaga, jeśli nie pasujemy.