Airbnb PWA: un perfetto esempio di app Web progressiva

Supponiamo che tu stia cercando una soluzione altamente affidabile per mantenere il tuo sito web in esecuzione veloce e stabile mentre funziona in modo efficiente per attirare gli utenti a rimanere più a lungo e impegnarsi nelle attività. In tal caso, PWA potrebbe essere proprio ciò di cui hai bisogno. Così tanti marchi hanno adottato PWA e ottenuto un successo redditizio e di fama mondiale, incluso Airbnb PWA . Invece di grattare la superficie con nomi e numeri, analizzeremo il vero caso vittorioso di un'applicazione PWA. Sveliamo il sipario e scopriamo la storia di Airbnb PWA.

Una panoramica di Airbnb

L'idea iniziale della startup più promettente del mondo era Air Bed and Breakfast, dove la gente del posto permetteva ai turisti di rimanere nelle loro case, creando nuove connessioni e condividendo un modo alternativo a basso costo per mangiare, riposare e dormire.

All'inizio la proposta di accogliere estranei nelle case sembra oltraggiosa, ma Airbnb è diventata rapidamente una delle startup di maggior successo del 21° secolo.

Lanciato nel 2008 e dieci anni dopo, Airbnb conta già 150 milioni di utenti, oltre sette milioni di annunci in mostra, gestiti da 4 milioni di host ed è attivo in oltre 200 paesi e 81.000 città. I rapporti mostrano che oltre un miliardo di viaggiatori ha affittato una casa su Airbnb, creando circa 65 miliardi di dollari per gli host.

Airbnb ora funge da servizio di affitto di proprietà più completo per i viaggiatori di tutto il mondo, scegliendo tra camere singole in un luogo condiviso o un intero alloggio per se stessi e più persone. Il suo modello di business è simile a Uber, una piattaforma di aggregazione che consente alle persone richieste e ai fornitori di connettersi e fare affari.

Airbnb offre alle persone un senso di comunità, esperienze personali uniche e un modo economico per viaggiare in un alloggio senza stress.

Molti ospiti amano viaggiare con Airbnb poiché vengono accolti nelle comunità dagli host, hanno la possibilità di esplorare più a fondo la cultura e fare nuove amicizie locali.

Lo sfondo che ha portato all'integrazione di Airbnb PWA

La storia risale a qualche anno fa, verso la fine del 2018, quando i browser mobili stavano guadagnando attenzione e investimenti esponenziali. Eppure, quella di Airbnb era ancora una versione proporzionalmente reattiva da desktop. Il team ha anche ammesso di averlo ignorato con un'ingegneria minima.

Il web mobile è stata la piattaforma più visitata, soprattutto nei mercati in crescita, attirando un tasso di traffico crescente verso le prenotazioni di Airbnb. Tuttavia, si è comportato al di sotto degli standard del settore per il più grande motore di ricerca al mondo per le strutture ricettive.

Si è scoperto che gli utenti non trovano utile installare l'app nativa di Airbnb quando ne hanno bisogno solo 3 o 4 volte l'anno. E poiché si basano sui dispositivi mobili piuttosto che su qualsiasi altro dispositivo, l'unico modo per farlo è attraverso il Web mobile.

Sebbene il tempo medio trascorso sulle app superi di gran lunga il tempo sul browser, la maggior parte del tempo giornaliero degli utenti viene distribuito in modo non uniforme a 5 delle loro app preferite, con una chiusura del 50% su un'app. Gli utenti semplicemente non vedono il punto di scaricare un'altra app che non usano frequentemente e sprecare il loro spazio di archiviazione.

I mercati sono particolarmente interessati a un'eccellente esperienza di navigazione mobile, in quanto il problema della connessione a Internet li turba con l'installazione dell'app (200 MB di dimensione) e il consumo.

Ecco alcuni sguardi più ravvicinati prima della trasformazione della PWA di Airbnb:

• Lento : gli utenti sui browser mobili hanno aspettato su una pagina vuota irritante per oltre 10 secondi prima che le immagini iniziassero a comparire. Una rete 4G ha impiegato in media 13 secondi per caricare un'intera pagina. Non impressionante.
• Progettato male : alcuni componenti sono stati implementati in modo terribile e fuori posto, portando a parole mancanti e istruzioni confuse. La mappa è essenziale per un turista per capire la distanza da Airbnb alle località vicine, eppure è stata lentamente interattiva e quasi impossibile leggere le parole. E contando tutti gli elementi sovrapposti e lo scorrere del testo sulle foto, facendo deragliare il significato delle istantanee e delle note a margine.
• Difficile da usare : i browser mobili sembravano sfuggirgli di mente quando molti punti di interazione non rispondevano alle dita ma solo al mouse. Tutto non aveva senso. Era proprio come una confusa deviazione per un povero vagabondo. Ma la supremazia delle probabilità di navigazione è stata quando hanno fatto clic sul pulsante per installare le app native. È stato chiesto loro di inserire il proprio numero di telefono in modo che potessero ricevere un SMS con un collegamento all'App Store.

Non sarebbe peggio se il browser mobile non fosse la prima impressione degli utenti di Airbnb. Sfortunatamente, i dati hanno indicato che il 65% dei nuovi arrivati ​​proveniva dal Web mobile. Pertanto, hanno dovuto capovolgere questa situazione.

In che modo il passaggio a PWA può risolvere la richiesta di Airbnb?

Per descrivere quanto sia feroce il panorama della navigazione mobile, ecco le statistiche del settore:

• Il 53% dei visitatori rimbalza se deve attendere oltre 3 secondi.
• Il 57% degli intervistati ha affermato che un sito mobile poco attraente non avrebbe ricevuto i loro consigli.
• L'85% degli intervistati si aspettava che il Web mobile fosse la versione aggiornata del desktop e non il contrario.

Gli utenti desiderano che la versione mobile sia veloce, conveniente, dal design accattivante e coinvolgente come le app native per dispositivi mobili. Con l'aiuto di PWA, Airbnb potrebbe creare un Web mobile che funziona alla velocità della luce, è sicuro e stabile mentre esegue alcune delle migliori funzionalità dell'app nativa.

Airbnb PWA consente agli utenti di aggiungere la versione da 12 MB alla schermata iniziale invece di un'app da 200 MB che consuma eccessivamente. Ospiti e host possono ricevere messaggi popup dal proprio pannello delle notifiche.

Non solo, ma per aiutare gli utenti Airbnb di tutto il mondo a scegliere facilmente un posto dove stare anche quando la loro connessione è debole, PWA introduce il caricamento istantaneo e la modalità offline nel business.

La risoluzione PWA di Airbnb

L'idea

Gli occhi di Airbnb erano puntati su un unico obiettivo: creare un'esperienza di navigazione mobile di prim'ordine adatta alla migliore compagnia di alloggi in famiglia e di altre case vacanze al mondo. Dopo essere stati al passo con la rivoluzione online, si sono resi conto che rimanere ottimizzati per i dispositivi mobili non era più un vantaggio ma una necessità.

La loro strategia consisteva nel passare al mobile first, ovvero prima il Web mobile. Molti dei nuovi visitatori di Airbnb provengono dal Web mobile e si aspetterebbero qualcosa che assomigli al viaggio dell'app nativa. E avrebbero dato agli utenti ciò che volevano.

L'esecuzione

Le app native erano famose per il loro pratico menu a scorrimento e la navigazione in basso. Airbnb ha deciso di seguire il classico, con l'aggiornamento del menu dell'hamburger e una barra delle schede di registrazione per la registrazione dell'account. Successivamente, la mappa è stata una parte importante della riprogettazione in quanto è l'elemento più importante per la selezione dell'elenco.

Hanno anche assicurato che PWA potesse funzionare al meglio su qualsiasi dimensione dello schermo e dispositivo. Un piccolo sforzo in più fa la differenza.

Infine, i vecchi flussi utente confusi e difficili da usare sono stati completamente registrati per l'elenco di redesignation, in cui tutti gli inceppamenti dei contenuti e gli errori di layout sarebbero stati raccolti e corretti.

I risultati

PWA ha dato ad Airbnb la possibilità di essere ottimizzato per la versione mini, con tempi di caricamento ridotti al minimo da 11,9 secondi a 4,69 secondi. Quando diventa più veloce, diventa più fluido, più reattivo e più conveniente, il tutto portando a un maggiore coinvolgimento degli utenti, il loro numero di momenti di scorrimento ha raggiunto il suo massimo storico.

E prima ancora che avessero la possibilità di finire il progetto PWA, sono stati raccolti notevoli risultati e risultati:

• Nonostante le difficoltà e le probabilità, il team di Airbnb è riuscito a realizzare la riprogettazione e la riqualificazione del Web mobile in meno di un anno.
• Il tasso di conversione aveva visto un aumento del 25%.
• E un miglioramento delle prestazioni di 2,5 volte con un tempo di caricamento medio di circa 5,5 secondi.

Come puoi creare una PWA come Airbnb?

Airbnb PWA è in pratica il livello mondiale di una piattaforma web mobile. Chiariamo lo standard lì. Airbnb PWA è il luogo in cui avviene l'elenco di miliardi di alloggi in famiglia e affitti per le vacanze, in modo simile a un sito di e-commerce con un lungo raggio di portafoglio di prodotti.

Con un database immenso, il processo di caricamento può richiedere molto tempo per gestire il codice e rispondere alla richiesta. Pertanto, una versione ottimizzata su scala ridotta è molto necessaria affinché un negozio online si avvii e rimanga veloce.

Ecco perché PWA è famoso nel settore dell'e-commerce. Questo è per te se sei un imprenditore online che vuole trasformare il tuo negozio lento e poco performante.

Perché Tigren PWA?

Sappiamo che puoi facilmente contattare tonnellate di servizi di sviluppo di e-commerce disponibili, ma sprecherebbe molto tempo a cercare e controllare ogni agenzia là fuori che è quella più adatta di cui hai bisogno.

Tigren è una delle migliori agenzie di outsourcing al mondo nello sviluppo di PWA. Avevamo tentato di padroneggiare la tecnologia PWA sin dalla sua prima uscita. Fino ad oggi, abbiamo lavorato con quasi 1000 clienti in tutto il mondo e li abbiamo aiutati a sfruttare il loro ROI.

Soluzioni Premium Tigren PWA

Possiamo aiutarti con:

• Crea un sito PWA da zero
• Creazione personalizzata e integrazione di parti di PWA
• Ottimizza e aggiorna una PWA esistente
• Tema TigrenPWA premium pronto all'uso

Riceverai una consulenza gratuita quando ci contatterai e potrai anche chiedere un preventivo prima di decidere se siamo una buona coppia. A seconda della complessità dei progetti, possiamo offrire 3-12 mesi di supporto gratuito, stando con te dal tramonto all'alba per garantire che il risultato sia esattamente quello per cui sei venuto.

Da asporto chiave

Airbnb PWA è stato un grande successo, che ha reso orgogliose le persone responsabili quando si guardavano indietro e gli utenti sorridevano ogni volta che iniziavano a prepararsi per il prossimo viaggio.

Airbnb è veloce, affidabile, stabile, dal design accattivante e accattivante, oltre all'eccellenza che il loro team offre da un po' di tempo; cos'altro possono chiedere?

Con la promettente anticipazione della PWA come standard per il futuro che domina il panorama online, qual è il tuo verdetto sull'invito per i primi utenti?