Uber PWA: il caso di studio perfetto per l'app Web progressiva

Pubblicato: 2022-06-22

Sei mai stato colpito da quanto sia facile e veloce chiamare un taxi Uber? Ti chiedi come può Uber farlo? Uber deve investire in qualche tecnologia o qualcosa per darci un'esperienza così fluida, ma di cosa si tratta esattamente e come possiamo apprenderlo? Se hai mai utilizzato Uber PWA, noterai le differenze tra Uber PWA e altre app native. È veloce, potente e funzionale come una normale app, ma non lo è. Come suggerisce il titolo, potresti sapere alcune cose, quindi immergiamoci in questo caso di studio.

Contenuti

Una panoramica di Uber

super logo

Uber Technology è stata un'azienda rappresentativa di successo del 21° secolo, che utilizzava il potere della tecnologia per aiutare le persone. Fondata nel 2009, questa aspirante start-up con un'idea semplice ma brillante è diventata rapidamente fenomenale, sconvolgendo il settore dei trasporti pubblici e dei taxi.

Il concetto non è nuovo in molti paesi. Tuttavia, è abbastanza scandaloso per la maggior parte degli occidentali consentire ai passeggeri di chiedere un passaggio da conducenti indipendenti e pagare le tariffe.

Agendo esclusivamente come una terza parte per collegare la necessità e l'offerta, Uber è ancora testimone di una crescita esplosiva ed è diventata una delle aziende più affascinanti nonostante sia circondata da numerose controversie.

Dichiarando "Accendiamo opportunità mettendo in moto il mondo", Uber definisce la propria missione di fornire servizi di trasporto dedicati e affidabili per tutti in tutto il mondo.

Ad oggi, Uber occupa attualmente oltre 118 milioni di utenti in crescita, oltre 3,5 milioni di conducenti attivi al servizio e ricavi per 26,61 miliardi di dollari sulle prenotazioni totali della sua attività di condivisione di corse nel 2020.

In che modo PWA aiuta le aziende basate sui servizi a prosperare?

super pwa

La formula vincente per la sopravvivenza delle aziende in questa era digitale inizia e finisce con la fornitura di esperienze utente squisite oltre i confini tradizionali.

Poiché le aziende tecnologiche stanno aumentando in quantità e qualità, i beni digitali o i servizi basati sull'informazione come Uber, Tinder e Netflix devono fare di meglio al servizio clienti piuttosto che gestire semplicemente i loro reclami e richieste via e-mail o telefono.

Il punto di contatto più importante che queste piattaforme digitali hanno in comune è affidarsi a siti Web o app mobili per comunicare con il pubblico di destinazione. È la linea di sangue delle attività online, la fonte dei guadagni.

La spinta più grande per gli innovatori è trovare la soluzione che riempia il tassello mancante, la risposta tecnica per migliorare l'esperienza dell'utente dietro gli schermi. Nel 2015 gli ingegneri di Google hanno coniato il nome Progressive Web App, la nuova tecnologia web che adotta il meglio delle caratteristiche del web e delle app native.

Ci sono 2 tendenze principali in considerazione del modo in cui PWA aiuta le aziende basate sui servizi a raggiungere le loro corone.

In primo luogo, il peso della pagina aumenterà nel tempo con l'aumento del database, ma anche la larghezza di banda. Pertanto, i siti Web saranno più lenti e più pesanti, quindi abbiamo processi di ottimizzazione simultanei.

PWA può interrompere le richieste di rete con gli addetti ai servizi per ridurre al minimo la latenza di andata e ritorno e memorizzare nella cache le risorse del sito per creare un caricamento istantaneo dalla seconda visita. Questa memorizzazione nella cache consente agli sviluppatori di concentrarsi sulla velocità del sito Web e ottimizzare il tempo di caricamento di soli 3-5 secondi.

In secondo luogo, l'e-commerce ha preso piede per la comodità di acquirenti e venditori. Tra le tendenze, l'm-commerce sembra essere il tipo più redditizio, con una crescita degli utenti tripla nell'arco di un decennio.

Poiché l'operatore del servizio viene eseguito in background, può rispondere a eventi o processi dal sistema operativo. Questa capacità consente a PWA di inviare notifiche popup ai dispositivi mobili Android. iOS, d'altra parte, si rifiuta di supportare questa funzionalità, ma man mano che la reputazione di PWA cresce, pensiamo che Apple dovrà cambiare idea.

Le sfide di Uber prima dell'integrazione PWA

Uber vuole continuare a creare una rivoluzione e dominare l'economia del ride-sharing rimanendo al passo con i suoi progressi tecnologici.

Vogliono offrire ai propri utenti un'opportunità rapidamente accessibile, aggiornata e pratica per utilizzare il loro servizio in qualsiasi momento, soprattutto in caso di urgenza, sia che non scarichino un'app mobile o non tengano uno smartphone con sé.

Ecco perché stanno cercando una soluzione che funzioni in modo rapido e fluido, funzioni bene su tutti i browser in modo coerente e possa far fronte a richieste di connessione Internet basse.

PWA è venuto da loro come una soluzione conveniente e con tempi di costruzione ridotti per mantenere una solida presenza online che può funzionare rigorosamente in condizioni di scarsa connessione e fornire una velocità di caricamento fulminea.

I risultati di Uber PWA

uber pwa risultati

Informazioni sul design

Una distinzione significativa dal design di un sito PWA è che Uber PWA non sposta la posizione della scheda attiva, senza lasciare animazioni di "caricamento" ma piuttosto un effetto di cambio pagina. Puoi vederlo chiaramente con un dispositivo desktop.

Rimanendo il logo in alto, anche in pochi secondi, questa schermata può aiutare a rafforzare il potere di richiamo all'interno degli utenti con il nome Uber.

Informazioni sulla funzione

  • La navigazione

Uber PWA, o m.uber, è stato progettato con layout chiari e intuitivi per l'interazione di scorrimento verso il basso. Consente agli occhi di muoversi in una direzione familiare e comprendere rapidamente la pagina.

  • La velocità di caricamento

Uber PWA ottiene un incredibile caricamento della prima pagina. Gli elementi appaiono istantaneamente e ordinatamente proprio dove devono essere.

Il design della navigazione contribuisce in una certa misura a snellire la velocità di caricamento. Funziona come il caricamento mentre scorri, dando quindi al sito la possibilità di rendere più veloce l'aspetto del contenuto, risparmiando tempo per memorizzare nella cache le risorse rimanenti.

Gli sviluppatori incaricati affermano inoltre che m.uber risponde alla prima richiesta in assoluto del browser eseguendo il rendering di Preact, avvenuta sul server. Con il markup inline come stringhe, il server può fornire il contenuto quasi istantaneamente.

  • La transizione tra pagine ed elementi: è reattiva e connessa in modo fluido in un modo di consegna elevato, rendendo i tempi di interazione rapidi.
  • L'esperienza: possiamo solo descrivere tutto come un viaggio di prenotazione tranquillo e soddisfacente con una tranquillità assicurata.

I risultati

Gli utenti Uber possono ora prenotare facilmente un passaggio con pochi semplici clic indipendentemente dalla connessione di rete, dal sistema operativo, dal database e dal tipo di dispositivo con PWA.

Uber aveva segnalato un cambiamento importante dopo il lancio della PWA in cui sono state prenotate più corse con Uber PWA piuttosto che con la sua precedente app nativa mobile. È probabile che sempre più persone continuino a prenotare su Uber.

Da allora M.uber è stato super leggero, fluido e compatibile con qualsiasi browser moderno. L'app Web risolve i problemi per i motociclisti con dispositivi di fascia bassa in termini di prestazioni del sito, fornendo un'esperienza simile a un'app coerente che è semplicemente soddisfacente ogni volta che hanno bisogno di un passaggio.

Cosa c'è di eccitante in Uber PWA?

Ecco alcuni fatti tecnici interessanti che gli sviluppatori Uber sono stati in grado di portare con il progetto trasformativo PWA.

  • Uber PWA è incredibilmente veloce

La loro intenzione con PWA era un sostituto adeguato alla loro app nativa su dispositivi mobili, considerando le esigenze del mercato. Gli sviluppatori avevano gestito una piccola PWA, imballata bene in soli 50kB compressi.

L'obiettivo è avere tutto il più leggero possibile, evitando che componenti non necessari funzionino in modo robusto anche con reti 2G.

Non c'è niente di peggio che essere in ritardo per un evento importante, correre fuori a fare un giro, ma finire con un'app a caricamento lento. Fa emergere il massimo livello di frustrazione e può influenzare negativamente il loro atteggiamento nei confronti di Uber.

Tuttavia, Uber ha tirato fuori con successo un'app Web fulminea che impiega meno di 3 secondi per apparire anche su 2G. È davvero veloce. È impressionante quello che hanno fatto.

  • Uber PWA è affidabile in diverse circostanze

Con i risultati raggiunti, Uber era fiduciosa nell'entrare nei mercati globali. Hanno sempre trovato un modo accurato per trasformare Uber PWA in un'esperienza facile e veloce per ogni situazione e problema.

Il pubblico internazionale può utilizzare i propri servizi in qualsiasi momento e come preferisce, nonostante la scarsa copertura e il segnale di connessione. Inoltre, gli utenti possono ancora effettuare azioni o modifiche sulle loro corse offline, sul sito Uber e in movimento.

È tutto possibile poiché Uber PWA può ancora essere in grado di caricare per le visite successive e salvare tutti i contenuti generati dagli utenti per una successiva sincronizzazione con il Wi-Fi.

Da asporto chiave

La piattaforma in crescita più dinamica non può essere dove si trova ora se non per l'aiuto di un'app web progressiva. Con un'esperienza più leggera, più veloce e più semplice, Uber PWA ha semplificato il processo di prenotazione della condivisione della corsa. Lyft è considerato il più grande concorrente di Uber, ma la sua quota di mercato non può essere paragonata a quella occupata da Uber.

Quindi, se vuoi saperne di più su come PWA può aiutare le tue attività online, vai al blog di Tigren per controllare più delle nostre frequenti pubblicazioni.

Tigren è un nome affidabile e affidabile per i servizi di sviluppo PWA di Magento dal 2015. Abbiamo aiutato oltre 800 piccole e medie imprese in tutto il mondo ad aumentare il ritorno sull'investimento.

Le nostre soluzioni di integrazione PWA Magento premium sono di qualità rinomata in tutto il mondo e tuttavia ragionevoli per gli aspiranti proprietari per costruire la loro presenza online ideale entro il loro budget.

Se desideri una consulenza 1 contro 1 per affrontare il tuo problema il più velocemente possibile, inviaci un messaggio a [email protected] e ottieni il preventivo, nessun impegno richiede se non siamo all'altezza.