Uber PWA: Studiul de caz perfect pentru aplicația web progresivă

Ai fost vreodată impresionat de cât de ușor și rapid este să apelezi un taxi Uber? Te întrebi cum poate Uber să facă asta? Uber trebuie să investească într-o tehnologie sau ceva pentru a ne oferi o experiență atât de plăcută, dar ce este exact și cum putem afla despre ea? Dacă ați folosit vreodată Uber PWA, veți observa diferențele dintre Uber PWA și alte aplicații native. Este rapid, puternic și funcțional ca o aplicație obișnuită, dar nu este. După cum sugerează titlul, s-ar putea să știți câteva lucruri, așa că haideți să ne aprofundăm în acest studiu de caz.

O privire de ansamblu asupra Uber

Uber Technology a fost o afacere reprezentativă de succes a secolului 21, folosind puterea tehnologiei pentru a ajuta oamenii. Fondată în 2009, acest start-up aspirant cu o idee simplă, dar genială, a devenit rapid fenomenal, perturbând industria transportului public și a taxiurilor.

Conceptul nu este nou în multe țări. Cu toate acestea, este destul de scandalos pentru majoritatea occidentalilor să permită pasagerilor să urmeze o călătorie de la șoferi independenți și să plătească tarifele.

Acționând doar ca o terță parte pentru a conecta nevoia și oferta, Uber este încă martor la o creștere explozivă și a devenit una dintre cele mai fascinante companii, în ciuda faptului că este înconjurată de numeroase controverse.

Declarând „Aprindem oportunități punând lumea în mișcare”, Uber își stabilește misiunea de a oferi servicii de transport dedicate și de încredere pentru toată lumea din întreaga lume.

Până în prezent, Uber ocupă în prezent peste 118 milioane de utilizatori în creștere, peste 3,5 milioane de șoferi activi și încasează 26,61 miliarde dolari în venituri din totalul rezervărilor din afacerea sa de transport în comun în 2020.

Cum ajută PWA companiile bazate pe servicii să prospere?

Formula câștigătoare pentru ca întreprinderile să supraviețuiască în această eră digitală începe și se termină prin a oferi utilizatorilor experiențe rafinate dincolo de granițele tradiționale.

Pe măsură ce companiile de tehnologie cresc în cantitate și calitate, bunurile digitale sau serviciile bazate pe informații, cum ar fi Uber, Tinder și Netflix, trebuie să se descurce mai bine în ceea ce privește serviciul pentru clienți decât pur și simplu să rezolve reclamațiile și întrebările lor prin e-mail sau telefon.

Cel mai important punct de contact pe care aceste platforme digitale îl au în comun este fie să se bazeze pe site-uri web, fie pe aplicații mobile pentru a comunica cu publicul țintă. Este linia de sânge a afacerilor online, sursa randamentelor.

Cel mai mare îndemn al inovatorilor este să găsească soluția care să completeze piesa lipsă, răspunsul tehnic pentru a îmbunătăți experiența utilizatorului din spatele ecranelor. În 2015, inginerii Google au inventat numele Progressive Web App, noua tehnologie web care adoptă cele mai bune caracteristici ale aplicației web și native.

Există 2 tendințe majore în considerarea modului în care PWA ajută companiile bazate pe servicii să ajungă la coroane.

În primul rând, greutatea paginii va crește în timp odată cu creșterea bazei de date, dar la fel și lățimea de bandă. Prin urmare, site-urile web vor fi mai lente și mai grele, așa că avem procese de optimizare concomitente.

PWA poate întrerupe solicitările rețelei cu lucrătorii de service pentru a minimiza latența dus-întors și resursele site-ului pre-cache pentru a crea încărcare instantanee de la a doua vizită. Această memorie cache permite dezvoltatorilor să se concentreze asupra vitezei site-ului web și să optimizeze pentru timpul de încărcare de doar 3-5 secunde.

În al doilea rând, comerțul electronic a avut un impuls pentru confortul cumpărătorilor și vânzătorilor. Dintre tendințe, m-commerce pare a fi cel mai profitabil tip, cu o creștere triplă a utilizatorilor de peste un deceniu.

Deoarece lucrătorul de service rulează în fundal, acesta poate răspunde la evenimente sau procese din sistemul de operare. Această abilitate permite PWA să trimită notificări pop-up către dispozitivele mobile Android. iOS, pe de altă parte, refuză să accepte această caracteristică, dar pe măsură ce reputația PWA crește, credem că Apple va trebui să se răzgândească.

Provocările Uber înainte de integrarea PWA

Uber dorește să continue să creeze o revoluție și să domine economia ride-sharing, rămânând la nivelul progreselor sale tehnologice.

Ei doresc să ofere utilizatorilor lor o oportunitate rapidă accesibilă, actualizată și la îndemână de a-și folosi serviciul oricând, mai ales în caz de urgență, indiferent dacă nu descarcă o aplicație mobilă sau nu dețin un smartphone cu ei înșiși.

De aceea, ei caută o soluție care să funcționeze rapid și fără probleme, să funcționeze bine în toate browserele în mod constant și să poată aborda cererile scăzute de conexiune la internet.

PWA a venit la ei ca o rezoluție eficientă din punct de vedere al costurilor și cu puțin timp de construcție pentru a menține o prezență online robustă, care poate funcționa riguros în condiții de conexiune slabă și poate oferi o viteză de încărcare fulgerătoare.

Rezultatele Uber PWA

Despre Design

O distincție semnificativă față de designul unui site PWA este că Uber PWA nu mută poziția filei active, lăsând nicio animație de „încărcare”, ci mai degrabă un efect de schimbare a paginii. Puteți vedea clar cu un dispozitiv desktop.

Rămânând sigla în partea de sus, chiar și în câteva secunde, acest ecran de stropire poate ajuta la întărirea puterii de rechemare în interiorul utilizatorilor cu numele Uber.

Despre Funcție

• Navigarea

Uber PWA, sau m.uber, a fost proiectat cu aspecte clare și intuitive pentru interacțiunea de derulare în jos. Permite ochilor să se miște într-o direcție familiară și să înțeleagă rapid pagina.

• Viteza de încărcare

Uber PWA obține o încărcare incredibilă a primei pagini. Elementele apar instantaneu și ordonat exact acolo unde trebuie să fie.

Designul navigației contribuie într-un anumit grad la eficientizarea vitezei de încărcare. Funcționează la fel de încărcat pe măsură ce derulați, oferind astfel site-ului capacitatea de a fixa aspectul conținutului, economisind timp pentru stocarea în cache a resurselor rămase.

Dezvoltatorii responsabili susțin, de asemenea, că m.uber răspunde la prima solicitare de browser redând Preact, care s-a întâmplat pe server. Cu marcajul inline sub formă de șiruri, serverul poate livra conținutul aproape instantaneu.

• Tranziția între pagini și elemente: este receptivă și conectată fără probleme într-un mod de livrare ridicată, făcând timpul de interacțiune rapid.
• Experiența: putem descrie totul doar ca pe o călătorie de rezervare calmă și satisfăcătoare, cu o liniște asigurată.

Rezultatele

Utilizatorii Uber pot rezerva acum o călătorie cu ușurință, cu câteva clicuri simple, indiferent de conexiunea la rețea, sistemul de operare, baza de date și tipul de dispozitiv cu PWA.

Uber raportase o schimbare majoră după lansarea PWA, în care au fost rezervate mai multe curse cu Uber PWA, mai degrabă decât cu aplicația sa nativă mobilă anterioară. Din ce în ce mai multe persoane vor continua să facă rezervări pe Uber.

M.uber a fost de atunci super ușor, neted și compatibil cu orice browser modern. Aplicația web depășește problemele motocicliților cu dispozitive low-end în ceea ce privește performanța site-ului, oferind o experiență consistentă asemănătoare aplicației, care este pur și simplu satisfăcătoare ori de câte ori au nevoie să urmeze o călătorie.

Ce este interesant la Uber PWA?

Iată câteva fapte tehnice interesante pe care dezvoltatorii Uber le-au putut aduce împreună cu proiectul de transformare PWA.

• Uber PWA este incredibil de rapid

Intenția lor cu PWA a fost un înlocuitor potrivit pentru aplicația lor nativă pe mobil, având în vedere nevoile pieței. Dezvoltatorii au gestionat un PWA minuscul, bine ambalat în doar 50 kB gzipped.

Scopul este de a avea totul cât mai ușor posibil, evitând componentele inutile pentru a funcționa robust chiar și în rețelele 2G.

Nu există nimic mai rău decât să întârzii la un eveniment important, să te grăbești afară pentru o plimbare, dar să ajungi blocat cu o aplicație de încărcare lentă. Ea scoate la iveală nivelul maxim de frustrare și le poate afecta în mod dăunător atitudinea față de Uber.

Cu toate acestea, Uber a scos cu succes o aplicație web fulger care durează mai puțin de 3 secunde să apară chiar și pe 2G. Asta e foarte rapid. Este impresionant ce au făcut.

• Uber PWA este de încredere în diferite circumstanțe

Cu realizările obținute, Uber a avut încredere în intrarea pe piețele globale. Ei au găsit întotdeauna o modalitate curată de a modifica PWA Uber într-o experiență rapidă și ușoară pentru fiecare situație și problemă.

Publicul internațional își poate folosi serviciile oricând și oricum dorește, în ciuda acoperirii slabe și a semnalului de conectare. În plus, utilizatorii pot face în continuare acțiuni sau ajustări despre cursele lor offline, pe site-ul Uber și din mers.

Totul este posibil, deoarece PWA Uber poate încă să se încarce pentru vizitele ulterioare și să salveze tot conținutul generat de utilizatori pentru sincronizarea ulterioară cu Wi-Fi.

Recomandări cheie

Cea mai dinamică platformă în creștere nu poate fi acolo unde este acum, dacă nu pentru ajutorul unei aplicații web progresive. Cu o experiență mai ușoară, mai rapidă și mai simplă, Uber PWA a ușurat procesul de rezervare a călătoriei. Lyft este considerat cel mai mare competitor al Uber, dar cota sa de piață nu se poate compara cu ceea ce ocupă Uber.

Deci, dacă doriți să aflați mai multe despre modul în care PWA vă poate ajuta afacerile online, accesați blogul Tigren pentru a consulta mai multe dintre publicațiile noastre frecvente.

Tigren este un nume de încredere și de încredere pentru serviciile de dezvoltare Magento PWA din 2015. Am ajutat peste 800 de întreprinderi mici și mijlocii din întreaga lume să-și sporească rentabilitatea investiției.

Soluțiile noastre premium de integrare Magento PWA sunt de o calitate renumită la nivel mondial și totuși rezonabile pentru proprietarii aspiranți să își construiască prezența online ideală în limita bugetului lor.

Dacă doriți o consultație individuală pentru a rezolva problema dvs. cât mai repede posibil, trimiteți-ne un mesaj la [email protected] și obțineți cotația, nu este nevoie de niciun angajament dacă nu ne potrivim.