Aplicații web progresive: următoarea experiență mobilă?

Publicat: 2017-08-15

Poate că nu ați auzit încă de ele, dar Progressive Web Apps (PWA) sunt pe cale să schimbe peisajul mobil. Deși au fost introduse în 2015 de Google, PWA-urile au câștigat popularitate în acest an. Așadar, înainte să devină furori, ce sunt mai exact aplicațiile web progresive?


Ce este un PWA?

ce-este-o-pwa

În cel mai simplu sens, PWA sunt aplicații mobile furnizate prin web. Această tehnologie permite PWA-urilor să ofere o experiență asemănătoare aplicației în browserul dvs. Se simte ca o aplicație nativă datorită utilizării unui app-shell care oferă navigații și gesturi în stilul aplicației. Deoarece aplicațiile progresive sunt construite pe web, ele nu sunt legate de anumite dispozitive. Un PWA se afișează perfect și identic pe toate dispozitivele, inclusiv desktop, mobil, tabletă sau orice urmează.

ios-android

În plus, lucrătorii de servicii permit ca o aplicație web progresivă să se încarce instantaneu, indiferent de calitatea rețelei. Cu alte cuvinte, această aplicație web este proiectată să funcționeze offline și în zone cu conectivitate scăzută. Cu ajutorul pre-caching-ului, acesta rămâne la zi, oferind utilizatorului cel mai nou conținut la lansare. Similar cu o aplicație, utilizatorul poate salva PWA pe ecranul de pornire pentru a-l accesa în orice moment. Făcându-l instalabil, fără bătaia de cap de a-l descărca din magazinele de aplicații.

PWA vs. aplicația mobilă nativă

nativ-vs-pwa

În timp ce aplicațiile mobile native oferă cea mai înaltă calitate a experienței utilizatorului, ele vin cu fricțiuni atât pentru utilizator, cât și pentru dezvoltator. Una dintre cele mai mari diferențe dintre PWA și aplicațiile native este prezența „intermediarului magazinului de aplicații”. Pentru Progressive Web Apps, acest intermediar este complet eliminat. Pentru dezvoltatorii de aplicații, niciun magazin de aplicații înseamnă că nu mai sunteți restricționat de regulile și regulile iOS și Android. Un dezvoltator nu va trebui să treacă printr-un proces de aprobare, permițând ca aplicația să fie utilizată de îndată ce este gata. De asemenea, nu este nevoie să actualizați manual aplicația, deoarece versiunea revizuită a aplicației va fi disponibilă instantaneu și automat pentru toată lumea.

Din perspectiva utilizatorului final, aceștia pot accesa PWA fără a fi nevoie să-l descarce dintr-un magazin de aplicații. În schimb, un PWA poate fi conectat, ceea ce înseamnă că oricine poate lansa aplicația direct de la o adresă URL. Îl puteți partaja pe rețelele sociale, e-mail, mesaj text, anunț online sau îl puteți conecta la un cod QR, iar utilizatorul va fi cufundat instantaneu într-o aplicație.

Îndepărtând toată această frecare, va fi mult mai ușor pentru utilizatori să aibă acces la aplicație. După cum arată diagrama de mai jos, cu fiecare pas al procesului de descărcare a aplicației native, 20% dintre utilizatori sunt pierduți . Consumatorilor le este plictisitor să găsească aplicația în magazinul de aplicații, să aștepte să se descarce și să se îngrijoreze că le va folosi tot spațiul de stocare înainte de a putea începe să folosească aplicația. Deoarece PWA-urile reduc drastic numărul de pași pe care trebuie să-i facă (făcându-l, în esență, un proces într-un singur pas), există o șansă mult mai mare ca oamenii să folosească efectiv aplicația. De fapt, folosim de 4 ori mai multe site-uri web decât aplicațiile mobile , rezultând o bază de utilizatori potențiali mult mai mare cu o aplicație bazată pe web.

pwa-flux

O altă diferență majoră pentru dezvoltatorii de aplicații este că nu vor trebui să-și adapteze aplicația la iOS sau Android. Faptul că PWA utilizează tehnologia web înseamnă că funcționează pe mai multe platforme, pe majoritatea browserelor, scoțând sistemul de operare din ecuație. Puteți crea o aplicație web progresivă și va arăta și va funcționa la fel pe toate dispozitivele. Utilizatorii vor avea o experiență coerentă pe orice dispozitiv pe care aleg să lanseze aplicația.

În cele din urmă, PWA-urile sunt foarte ușor de descoperit. Aceasta înseamnă că sunt ușor de identificat de motoarele de căutare, permițându-le să apară în rezultatele căutării la fel ca orice alt conținut web. PWA-urile vor fi tratate cu SEO tradițional, așa că este indexat pentru mai mult decât numele aplicației, ci și conținutul din cadrul aplicației. Nu va fi tratată ca o aplicație în mod specific, ci ca o bucată de conținut care poate „răspunde” la „întrebarea” cuiva.

Pentru a pune acest lucru în context , 60 % dintre căutări sunt acum de pe dispozitive mobile și acest număr este înscris în continuare . Oamenii își folosesc în mod activ dispozitivele mobile pentru a găsi conținut, așa că imaginați-vă PWA care apare în acele rezultate de căutare. De exemplu, cineva ar putea căuta un salon în zonă, așa că folosește bara de căutare Google pentru a începe întrebarea. Rezultatele căutării vor afișa cel mai probabil directoare precum Yelp și site-uri web de salon. Dacă dețineți o afacere de salon, PWA dvs. s-ar putea clasa în aceste căutări, conducând clienții direct din rezultatele căutării către aplicația dvs. Această primă atingere este o oportunitate de a vă converti clienții. O experiență asemănătoare aplicației va permite clienților să programeze o întâlnire la salon dintr-o interfață de utilizare creată pentru mobil. Este un proces fără întreruperi care începe cu o căutare pe web și se termină cu o sarcină finalizată în aplicație.

PWA vs. site-ul mobil

PWA-urile sunt un hibrid de aplicații native și site-uri web mobile, dar prin ce diferă de site-urile web receptive? Spre deosebire de site-urile mobile de tip „vechea școală”, PWA-urile sunt rapide. Rețineți că 53% dintre utilizatori vor abandona un site dacă se încarcă mai mult de 3 secunde. PWA-urile se încarcă instantaneu, indiferent de starea rețelei și oferă interfețe cu răspuns rapid. Acest lucru elimină dependența lor de rețea, așa cum fac site-urile web mobile, asigurând o experiență instantanee și de încredere pentru utilizatori. Un PWA se actualizează și în fundal, astfel încât utilizatorii nu trebuie să aștepte să se încarce conținut nou.

În plus, site-urile web mobile tradiționale se concentrează pe informații statice, în timp ce PWA-urile sunt capabile să ofere utilizatorilor funcționalități dinamice. PWA oferă o experiență captivantă pe ecran complet, permițând clienților să plaseze comenzi mobile de mâncare, să participe la un program de loialitate și să contacteze o companie. De asemenea, poate reangaja utilizatorii cu notificări push web, similar cu notificările push native.

Cine vede deja succesul?

lancome pwa

Pentru a genera atât trafic, cât și re-implicare, marca de cosmetice Lancome a lansat o aplicație web progresivă pentru a oferi clienților săi o experiență rapidă, asemănătoare unei aplicații.

Lancome a văzut pentru prima dată traficul de pe dispozitive mobile depășind cel de pe desktop pentru prima dată în 2016. În ciuda unui număr tot mai mare de vizitatori ai site-urilor mobile, ratele de conversie pe dispozitive mobile nu s-au egalat cu cele pentru desktop. 38% dintre coșurile de cumpărături de pe desktop au condus la comenzi, în timp ce rata de conversie pentru web-ul mobil a fost de doar 15%. Aceste cifre au arătat că clienții se confruntau cu obstacole semnificative atunci când încercau să cumpere prin intermediul dispozitivului lor mobil.

La început, Lancome a considerat o aplicație de comerț electronic drept soluție. Cu toate acestea, au înțeles că o aplicație are sens doar pentru clienții care vizitează regulat. Cumpărătorii de pe dispozitive mobile nu s-ar întoarce la o aplicație de comerț electronic săptămânal, darămite zilnic, așa că nu ar vedea valoarea în descărcarea unei aplicații Lancome. Compania a dorit să creeze experiența de utilizator potrivită pe toate dispozitivele sale. Potrivit Google , „Compania avea nevoie de o experiență mobilă electronică convingătoare, cu încărcare rapidă, similară cu ceea ce ar putea realiza cu o aplicație nativă, dar una care să poată fi descoperită și accesibilă tuturor prin intermediul web-ului mobil”. Introduceți aplicația web progresivă.

Rezultatele sunt uluitoare:

  • Scădere cu 84% în timp până când pagina este interactivă
  • Creștere cu 17% a conversiilor
  • Creștere cu 53% a sesiunilor mobile pe iOS
  • Rată de deschidere de 18% pentru notificările push
  • 8% dintre consumatorii care accesează o notificare push fac o achiziție

În total, PWA a avut un succes extraordinar, ajutându-l pe gigantul frumuseții să facă pași mari în revoluția mobilă.

Cum arată viitorul?

În timp ce aplicațiile mobile native nu dispar în niciun caz, un PWA poate oferi soluția ideală pentru companiile care doresc să creeze o experiență mobilă convingătoare și ușor de adoptat pentru clienții lor. PWA oferă tot ce este mai bun din ambele lumi, cu toată posibilitatea de partajare a web-ului și toate funcționalitățile aplicației native. Bizness Apps lucrează la aplicații web din 2011 și suntem încântați de această nouă tehnologie. În cele din urmă, ne oferă posibilitatea de a implementa funcții native în aplicațiile noastre web. Vom face parte din viitorul aplicațiilor, unde aplicația mobilă și site-ul mobil devin una.