Airbnb PWA: doskonały przykład progresywnej aplikacji internetowej

Załóżmy, że szukasz wysoce niezawodnego rozwiązania, aby Twoja witryna działała szybko i stabilnie, a jednocześnie działała wydajnie, aby zachęcić użytkowników do pozostania w niej dłużej i zaangażowania się w działania. W takim przypadku PWA może być właśnie tym, czego potrzebujesz. Tak wiele marek przyjęło PWA i odniosło światowej sławy i dochodowy sukces, w tym Airbnb PWA . Zamiast drapać powierzchnię nazwiskami i numerami, rozwiążemy prawdziwy zwycięski przypadek aplikacji PWA. Odsłońmy kurtynę i odkryjmy historię Airbnb PWA.

Przegląd Airbnb

Początkowym pomysłem najbardziej obiecującego startupu na świecie było Air Bed and Breakfast, w którym miejscowi pozwalają turystom pozostać w swoich domach, nawiązując nowe połączenia, jednocześnie dzieląc się tanim alternatywnym sposobem jedzenia, odpoczynku i snu.

Propozycja na pierwszy rzut oka wydaje się oburzająca, by witać nieznajomych w domach, ale Airbnb szybko wyrosło na jeden z najbardziej udanych startupów XXI wieku.

Uruchomiony w 2008 r. i dziesięć lat później Airbnb ma już 150 milionów użytkowników, wyświetla ponad siedem milionów ofert, jest prowadzony przez 4 miliony gospodarzy i jest aktywny w ponad 200 krajach i 81 000 miast. Raporty pokazują, że ponad miliard podróżnych wynajął dom w Airbnb, co daje gospodarzom około 65 miliardów dolarów.

Airbnb służy teraz jako najbardziej rozbudowana usługa wynajmu nieruchomości dla podróżnych na całym świecie, wybierając albo pojedyncze pokoje we wspólnym miejscu, albo całe miejsce dla siebie i wielu osób. Jego model biznesowy jest podobny do Ubera, platformy agregatora, która umożliwia potrzebującym i dostawcom łączenie się i prowadzenie działalności.

Airbnb daje ludziom poczucie wspólnoty, wyjątkowe osobiste doświadczenia i odprężający, tani sposób podróżowania w miejscu zakwaterowania.

Wielu gości uwielbia podróżować z Airbnb, ponieważ gospodarze witają ich w społecznościach, mają szansę głębszego poznania kultury i poznania nowych przyjaciół.

Tło, które doprowadziło do integracji Airbnb PWA

Historia sięga kilku lat temu, około końca 2018 roku, kiedy przeglądarki mobilne przyciągały coraz większą uwagę i inwestycje. Jednak Airbnb wciąż był proporcjonalnie responsywną wersją z pulpitu. Zespół przyznał również, że zignorował to przy minimalnym poziomie inżynierii.

Internet mobilny był ich najczęściej odwiedzaną platformą, zwłaszcza na rozwijających się rynkach, przyciągając rosnący ruch do rezerwacji Airbnb. Jednak jego wyniki były poniżej standardów branżowych dla największej na świecie wyszukiwarki noclegów turystycznych.

Okazało się, że użytkownicy nie mają sensu instalować natywnej aplikacji Airbnb, gdy potrzebują jej tylko 3 lub 4 razy w roku. A ponieważ opierają się na urządzeniach mobilnych, a nie na innych urządzeniach, jedyną drogą jest korzystanie z internetu mobilnego.

Chociaż średni czas spędzany w aplikacjach znacznie przekracza czas w przeglądarce, większość czasu użytkowników w ciągu dnia jest nierównomiernie rozłożona na 5 ich ulubionych aplikacji, z blisko 50% w jednej aplikacji. Użytkownicy po prostu nie widzą sensu pobierania innej aplikacji, z której rzadko korzystają, i marnowania pamięci.

Rynki są szczególnie zainteresowane doskonałym przeglądaniem mobilnym, ponieważ problem z połączeniem internetowym przeszkadza im w instalacji aplikacji (rozmiar 200 MB) i konsumpcji.

Oto kilka bliższych spojrzeń przed transformacją Airbnb PWA:

• Wolno : użytkownicy przeglądarek mobilnych czekali na irytującej pustej stronie przez ponad 10 sekund, zanim zaczęły się pojawiać obrazy. Załadowanie całej strony w sieci 4G trwało średnio 13 s. Nie imponujące.
• Źle zaprojektowane : niektóre komponenty zostały strasznie zaimplementowane i źle umieszczone, co prowadziło do brakujących słów i mylących instrukcji. Mapa jest niezbędna, aby turysta mógł zrozumieć odległość od Airbnb do pobliskich lokalizacji, ale była powoli interaktywna i prawie niemożliwa do odczytania słów. I liczenie wszystkich nakładających się na siebie elementów i przesuwającego się tekstu na zdjęciach, wypaczając znaczenie migawek i notatek bocznych.
• Trudne w użyciu : przeglądarki mobilne wydawały się wtedy wymykać im z głowy, gdy wiele punktów interakcji nie reagowało na palce, a tylko na mysz. Wszystko nie miało sensu. To było jak myląca trasa dla biednego wędrowca. Ale wyższość szans nawigacyjnych była wtedy, gdy kliknęli przycisk, aby zainstalować natywne aplikacje. Poproszono ich o wpisanie numeru telefonu, aby mogli otrzymać SMS-a z linkiem do sklepu z aplikacjami.

Nie byłoby gorzej, gdyby przeglądarka mobilna nie była pierwszym wrażeniem użytkowników Airbnb. Niestety dane wskazywały, że 65% ich nowych użytkowników pochodziło z sieci mobilnej. Dlatego musieli wywrócić tę sytuację do góry nogami.

Jak przejście na PWA może rozwiązać prośbę Airbnb?

Aby opisać, jak zaciekły krajobraz przeglądania mobilnego, oto statystyki branżowe:

• 53% odwiedzających odskakuje, jeśli muszą czekać dłużej niż 3 sekundy.
• 57% respondentów stwierdziło, że nieatrakcyjna witryna mobilna nie otrzyma ich rekomendacji.
• 85% respondentów spodziewało się, że sieć mobilna będzie zaktualizowaną wersją komputera stacjonarnego, a nie odwrotnie.

Użytkownicy chcą, aby wersja mobilna była szybka, wygodna, pięknie zaprojektowana i tak samo angażująca, jak mobilne aplikacje natywne. Z pomocą PWA Airbnb może stworzyć mobilną sieć, która działa błyskawicznie, jest bezpieczna i stabilna, a jednocześnie obsługuje niektóre z najlepszych funkcji aplikacji natywnej.

Airbnb PWA pozwala użytkownikom dodać wersję 12 MB do ekranu głównego zamiast nadmiernie zużywającej 200 MB aplikacji. Goście i gospodarze mogą otrzymywać wyskakujące wiadomości z panelu powiadomień.

Nie tylko to, ale aby pomóc użytkownikom Airbnb z całego świata w łatwym wyborze miejsca pobytu, nawet gdy ich połączenie jest słabe, PWA wprowadza tryb natychmiastowego ładowania i offline do biznesu.

Rezolucja Airbnb PWA

Pomysł

Oczy Airbnb były skupione na jednym prostym celu: stworzeniu światowej klasy przeglądarki mobilnej dopasowanej do najlepszych na świecie domów goszczących i innych firm zajmujących się wynajmem wakacyjnym. Po nadrobieniu zaległości w rewolucji internetowej zdali sobie sprawę, że bycie przyjaznym dla urządzeń mobilnych nie jest już zaletą, ale koniecznością.

Ich strategią było przejście na mobile-first, czyli najpierw mobilny internet. Wielu nowych użytkowników Airbnb pochodziło z internetu mobilnego i oczekiwaliby czegoś, co przypominałoby podróż do aplikacji natywnej. I zamierzali dać użytkownikom to, czego chcieli.

Egzekucja

Aplikacje natywne słynęły z poręcznego menu slajdów i nawigacji u dołu. Airbnb zdecydowało się na klasykę, z ulepszonym menu hamburgera i paskiem zakładek logowania do rejestracji konta. Następnie mapa była dużą częścią przeprojektowania, ponieważ jest to najważniejszy element przy wyborze aukcji.

Zapewnili również, że PWA może działać najlepiej na dowolnym rozmiarze ekranu i urządzeniu. Trochę dodatkowego wysiłku robi różnicę.

Wreszcie, stare mylące, trudne w użyciu przepływy użytkowników zostały całkowicie zapisane na liście zmian, na której wszystkie zacięcia treści i błędy układu byłyby gromadzone i naprawiane.

Wyniki

PWA dało Airbnb opcję optymalizacji pod kątem wersji mini, przy zminimalizowanych czasach ładowania z 11,9 s do 4,69 s. Kiedy robi się szybciej, staje się płynniejszy, bardziej responsywny i wygodniejszy, a wszystko to prowadzi do większego zaangażowania użytkowników, a ich liczba właściwych momentów przesuwania osiągnęła najwyższy poziom.

I zanim jeszcze dostali szansę na ukończenie projektu PWA, zebrano znaczące wyniki i osiągnięcia:

• Pomimo trudności i szans, zespołowi Airbnb udało się przeprojektować i przebudować stronę mobilną w niecały rok.
• Współczynnik konwersji odnotował wzrost o 25%.
• Oraz 2,5-krotną poprawę wydajności przy średnio 5,5 s czasu ładowania.

Jak zbudować PWA jak Airbnb?

Airbnb PWA to w praktyce światowej klasy platforma mobilna. Wyjaśnijmy tam standard. Airbnb PWA to miejsce, w którym odbywa się lista miliardów kwater prywatnych i wakacyjnych, podobnie jak witryna e-commerce z długą ofertą produktów.

Dzięki ogromnej bazie danych proces ładowania może zająć dużo czasu, aby obsłużyć kod i odpowiedzieć na żądanie. Dlatego też, aby sklep internetowy mógł się szybko uruchomić i utrzymać, potrzebna jest zoptymalizowana wersja na mniejszą skalę.

Dlatego PWA słynie w branży e-commerce. To jest dla Ciebie, jeśli jesteś właścicielem firmy online, który chce zmienić swój powolny i słabo działający sklep.

Dlaczego Tigren PWA?

Wiemy, że możesz łatwo dotrzeć do mnóstwa usług rozwoju e-commerce, ale marnujesz dużo czasu na wyszukiwanie i sprawdzanie każdej agencji, która jest najbardziej odpowiednia, której potrzebujesz.

Tigren jest jedną z czołowych światowych agencji outsourcingowych w rozwoju PWA. Szliśmy po omacku, aby opanować technologię PWA, odkąd pojawiła się po raz pierwszy. Do dnia dzisiejszego pracowaliśmy z prawie 1000 klientów na całym świecie i pomogliśmy im wykorzystać ich zwrot z inwestycji.

Najwyższej jakości rozwiązania Tigren PWA

Pomożemy Ci z:

• Zbuduj stronę PWA od podstaw
• Niestandardowe budowanie i integracja części PWA
• Zoptymalizuj i uaktualnij istniejące PWA
• Gotowy do użycia motyw premium TigrenPWA

Otrzymasz bezpłatną konsultację, gdy się z nami skontaktujesz, a nawet możesz poprosić o wycenę, zanim zdecydujesz, czy pasujemy. W zależności od złożoności projektów możemy zaoferować 3-12 miesięcy bezpłatnego wsparcia, będąc z Tobą od zmierzchu do świtu, aby mieć pewność, że efekt będzie dokładnie taki, po co przyjechałeś.

Kluczowe dania na wynos

Airbnb PWA odniosło duży sukces, sprawiając, że osoby odpowiedzialne za plecy były dumni, patrząc wstecz, a użytkownicy uśmiechali się, gdy zaczynali przygotowywać się do kolejnej podróży.

Airbnb jest szybki, niezawodny, stabilny, urzekająco zaprojektowany i atrakcyjnie angażujący, a do tego światowej klasy ich zespół oferuje od jakiegoś czasu; o co jeszcze mogą prosić?

Biorąc pod uwagę obiecujące przewidywanie PWA jako przyszłego standardu dominującego w środowisku online, jaki jest Twój werdykt w sprawie zaproszenia dla wczesnych użytkowników?