Airbnb PWA: Un exemplu perfect de aplicație web progresivă

Să presupunem că sunteți în căutarea unei soluții extrem de fiabile pentru a vă menține site-ul web să funcționeze rapid și stabil, în timp ce funcționează eficient, pentru a agăța utilizatorii să rămână mai mult timp și să se implice în activități. În acest caz, PWA ar putea fi exact ceea ce aveți nevoie. Atât de multe mărci au adoptat PWA și au primit un succes profitabil și de renume mondial, inclusiv Airbnb PWA . În loc să zgâriem suprafața cu nume și numere, vom descompune cazul real victorios al unei aplicații PWA. Să dezvăluim cortina și să descoperim povestea Airbnb PWA.

O prezentare generală a Airbnb

Ideea inițială a celei mai promițătoare startup-uri din lume a fost Air Bed and Breakfast, unde localnicii le permit turiștilor să stea la casele lor, făcând noi conexiuni în timp ce împărtășesc o modalitate alternativă la preț redus de a mânca, de a se odihni și de a dormi.

Propunerea pare revoltătoare la început de a primi străini în case, dar Airbnb a devenit rapid unul dintre cele mai de succes startup-uri ale secolului 21.

Lansat în 2008 și zece ani mai târziu, Airbnb are deja 150 de milioane de utilizatori, peste șapte milioane de înregistrări afișate, gestionate de 4 milioane de gazde și este activ în peste 200 de țări și 81.000 de orașe. Rapoartele arată că peste un miliard de călători au închiriat o casă Airbnb, generând aproximativ 65 de miliarde de dolari pentru gazde.

Airbnb servește acum drept cel mai extins serviciu de închiriere de proprietăți pentru călătorii din întreaga lume, alegând fie dintre camere individuale într-un loc comun, fie un loc întreg pentru ei și mai multe persoane. Modelul său de afaceri este similar cu Uber, o platformă de agregare care permite oamenilor solicitați și furnizorilor să se conecteze și să facă afaceri.

Airbnb le oferă oamenilor un sentiment de comunitate, experiențe personale unice și un mod de a călători în locuri de cazare fără stres și ieftin.

Mulți oaspeți adoră să călătorească cu Airbnb, deoarece sunt primiți în comunități de către gazde, au șansa de a explora cultura mai profund și de a-și face noi prieteni nativi.

Contextul care a dus la integrarea Airbnb PWA

Povestea datează de acum câțiva ani, pe la sfârșitul lui 2018, când browserele mobile câștigau atenție și investiții exponențiale. Cu toate acestea, cea a Airbnb era încă o versiune proporțională de pe desktop. Echipa a recunoscut, de asemenea, că l-au ignorat cu o inginerie minimă.

Web-ul mobil a fost platforma lor cea mai vizitată, în special pe piețele în creștere, atrăgând o rată de trafic în creștere pentru rezervările Airbnb. Cu toate acestea, a avut rezultate sub standardele din industrie pentru cel mai mare motor de căutare din lume pentru cazare de călătorie.

S-a dovedit că utilizatorilor nu le folosește să instaleze aplicația nativă Airbnb atunci când au nevoie de ea doar de 3 sau 4 ori pe an. Și deoarece se bazează pe dispozitive mobile mai degrabă decât pe orice alt dispozitiv, singura cale de a merge este prin intermediul web-ului mobil.

Deși timpul mediu petrecut pe aplicații depășește cu mult timpul pe care îl petrec pe browser, cea mai mare parte a timpului pe care îl petrec utilizatorii într-o zi este distribuit în mod neuniform la 5 dintre aplicațiile lor preferate, cu aproape 50% pentru o singură aplicație. Utilizatorii pur și simplu nu văd rostul să descarce o altă aplicație pe care nu o folosesc frecvent și să-și irosească spațiul de stocare.

Piețele sunt deosebit de interesate de o experiență excelentă de navigare pe mobil, deoarece problema conexiunii la Internet îi deranjează cu instalarea aplicației (200 MB în dimensiune) și consum.

Iată câteva priviri mai detaliate înainte de transformarea Airbnb PWA:

• Încet : utilizatorii de browsere mobile au așteptat pe o pagină goală iritante timp de peste 10 secunde înainte ca imaginile să înceapă să apară. O rețea 4G a durat în medie 13 secunde pentru a încărca o pagină întreagă. Nu este impresionant.
• Proiectat prost : unele componente au fost implementate îngrozitor și plasate greșit, ceea ce duce la lipsă de cuvinte și instrucțiuni confuze. Harta este esențială pentru ca un turist să înțeleagă distanța de la Airbnb la locațiile din apropiere, dar a fost încet interactiv și aproape imposibil să citească cuvintele. Și numărând toate elementele care se suprapun și trecerea peste text de pe fotografii, deraiând sensul instantaneelor ​​și notelor laterale.
• Greu de folosit : browserele mobile păreau să-și scape din minte atunci când multe puncte de interacțiune nu răspundeau la degete, ci doar la mouse-uri. Totul nu avea sens. A fost exact ca o derutare confuză pentru un biet rătăcitor. Dar supremația șanselor de navigare a fost atunci când au făcut clic pe butonul pentru a instala aplicațiile native. Li s-a cerut să-și completeze numărul de telefon pentru a putea primi un text cu un link către magazinul de aplicații.

Nu ar fi atât de rău dacă browserul mobil nu ar fi prima impresie a utilizatorilor Airbnb. Din păcate, datele au indicat că 65% dintre noii lor veniți de pe web mobil. Prin urmare, au fost nevoiți să răstoarne această situație.

Cum poate trece la PWA să rezolve solicitarea Airbnb?

Pentru a descrie cât de puternic este peisajul navigării mobile, iată statisticile din industrie:

• 53% dintre vizitatori renunță dacă trebuie să aștepte peste 3 secunde.
• 57% dintre respondenți au spus că un site mobil neatractiv nu le-ar primi recomandările.
• 85% dintre cei care au răspuns se așteptau ca web-ul mobil să fie versiunea actualizată a desktopului și nu invers.

Utilizatorii doresc ca versiunea mobilă să fie rapidă, convenabilă, frumos proiectată și la fel de captivantă ca aplicațiile native mobile. Cu ajutorul PWA, Airbnb ar putea crea un web mobil care rulează fulgerător și care este securizat și stabil în timp ce realizează unele dintre cele mai bune caracteristici ale aplicației native.

Airbnb PWA permite utilizatorilor să adauge versiunea de 12 MB pe ecranul lor de pornire în loc de o aplicație care consumă prea mult 200 MB. Oaspeții și gazdele pot primi mesaje pop-up din panoul lor de notificări.

Nu numai asta, dar pentru a ajuta utilizatorii Airbnb din întreaga lume să aleagă cu ușurință un loc unde să stea chiar și atunci când conexiunea lor este slabă, PWA aduce în afaceri modul de încărcare instantanee și offline.

Rezoluția PWA Airbnb

Ideea

Ochii Airbnb au fost îndreptați către un singur obiectiv: să creeze o experiență de navigare mobilă de clasă mondială, potrivită celei mai bune case de familie și alte companii de închiriere pentru vacanță. După ce au ajuns din urmă cu revoluția online, și-au dat seama că rămânerea prietenoasă cu dispozitivele mobile nu mai era un avantaj, ci o necesitate.

Strategia lor a fost trecerea la mobile-first, care este să fie mai întâi web mobil. Mulți dintre noii vizitatori ai Airbnb au venit de pe web mobil și s-ar aștepta la ceva care să semene cu călătoria aplicației native. Și urmau să ofere utilizatorilor ceea ce își doreau.

Execuția

Aplicațiile native erau renumite pentru meniul lor la îndemână și pentru navigarea în partea de jos. Airbnb a decis să meargă cu clasicul, cu upgrade de meniu hamburger și o bară de file de înregistrare pentru înregistrarea contului. În continuare, harta a fost o parte importantă a reproiectării, deoarece este cel mai important element pentru selecția listării.

Ei s-au asigurat, de asemenea, că PWA ar putea funcționa cel mai bine pe orice dimensiune de ecran și dispozitiv. Un mic efort în plus face diferența.

În cele din urmă, vechile fluxuri de utilizatori confuze și greu de utilizat au fost complet înscrise pentru lista de redenumire, unde toate blocajele de conținut și erorile de aspect urmau să fie colectate și remediate.

Rezultatele

PWA a oferit Airbnb opțiunea de a merge optimizat pentru mini-versiune, cu timpi de încărcare minimizați de la 11,9 s până la 4,69 s. Când devine mai rapid, devine mai fluid, mai receptiv și mai convenabil, toate ducând la o implicare mai mare a utilizatorilor, numărul lor de momente potrivite de glisare a atins cel mai mare nivel istoric.

Și înainte ca aceștia să aibă șansa de a finaliza proiectul PWA, au fost strânse rezultate și realizări considerabile:

• În ciuda dificultăților și șanselor, echipa Airbnb a reușit să finalizeze reproiectarea și reamenajarea web-ului mobil în mai puțin de un an.
• Rata de conversie a cunoscut o creștere de 25%.
• Și o îmbunătățire de 2,5 ori a performanței cu un timp de încărcare de aproximativ 5,5 secunde în medie.

Cum poți construi un PWA ca Airbnb?

Airbnb PWA este nivelul de clasă mondială al unei platforme web mobile în practică. Să clarificăm standardul acolo. Airbnb PWA este locul unde are loc listarea a miliarde de case de vacanță și închirieri de vacanță, similar unui site de comerț electronic cu un portofoliu lung de produse.

Cu o bază de date imensă, procesul de încărcare poate dura mult timp pentru a gestiona codul și a răspunde la cerere. Astfel, o versiune optimizată la o scară mai mică este foarte necesară pentru ca un magazin online să înceapă și să rămână rapid.

De aceea, PWA este renumită în rândul afacerilor de comerț electronic. Acest lucru este pentru tine dacă ești proprietar de afaceri online care dorește să-ți transforme magazinul lent și slab performant.

De ce Tigren PWA?

Știm că puteți contacta cu ușurință o mulțime de servicii de dezvoltare de comerț electronic, dar ar pierde mult timp să căutați și să verificați fiecare agenție care este cea mai potrivită de care aveți nevoie.

Tigren este una dintre cele mai importante agenții de outsourcing din lume în dezvoltarea PWA. Ne-am bâjbâit drumul spre a stăpâni tehnologia PWA de când a apărut prima sa. Până în prezent, am lucrat cu aproape 1000 de clienți din întreaga lume și i-am ajutat să își maximizeze rentabilitatea investiției.

Soluții Premium Tigren PWA

Vă putem ajuta cu:

• Creați un site PWA de la zero
• Creați și integrați personalizat părți ale PWA
• Optimizați și actualizați un PWA existent
• Tema premium TigrenPWA gata de utilizare

Veți primi o consultație gratuită atunci când ne contactați și puteți chiar să cereți o ofertă înainte de a decide dacă ne potrivim. În funcție de complexitatea proiectelor, putem oferi 3-12 luni de asistență gratuită, fiind alături de tine din amurg până în zori pentru a ne asigura că rezultatul este exact ceea ce ai venit.

Recomandări cheie

Airbnb PWA a fost un mare succes, făcându-i pe cei responsabili din spate să fie mândri când privesc înapoi, iar utilizatorii au zâmbit ori de câte ori au început să se pregătească pentru următoarea călătorie.

Airbnb este rapid, fiabil, stabil, conceput captivant și captivant, plus calitatea de clasă mondială pe care o oferă echipa lor de ceva vreme; ce altceva pot cere?

Având în vedere anticiparea promițătoare a PWA ca standardul viitor-next care domină peisajul online, care este verdictul dvs. cu privire la invitația pentru cei care adoptă timpurie?