Ghidul suprem pentru aplicații web progresive în 2022 – cu 50 de exemple PWA

Vă interesează să construiți o aplicație web progresivă? Acest ghid vă va spune tot ce trebuie să știți – împreună cu 50 de exemple ale celor mai bune PWA de pe piață!

De ani de zile predicăm non-stop: aveți nevoie de o aplicație nativă. Au existat motive întemeiate pentru asta și rămânem în continuare pentru asta.

Platformele noastre Știri, Canvas și Canvas pentru comerțul electronic au ajutat clienții noștri să îmbunătățească considerabil UX mobil, să crească traficul, să crească mai multă loialitate și să sporească veniturile. Aplicațiile native funcționează excelent pentru a construi o relație mai profundă cu baza dvs. de utilizatori de bază și sunt o necesitate pentru orice brand care apreciază loialitatea, implicarea și păstrarea.

Totuși, nimic nu este perfect. Aplicațiile native nu sunt un înlocuitor pentru experiențe web grozave.

Aplicațiile native sunt relevante doar pentru cei care, ei bine, au aplicația instalată. Nu fac nimic pentru vizitatorii noi care vă verifică pe web pentru prima dată, pentru utilizatorii ocazionali care scad din când în când și nu sunt încă suficient de angajati pentru a instala aplicația sau pentru clienții care se află pe desktop.

Acești clienți potențiali sunt și ei absolut cruciali pentru succes. Prima impresie contează foarte mult, iar aplicațiile native ajută întotdeauna în primele etape ale canalului. Trebuie să oferiți o experiență rapidă și fluidă pentru întreaga călătorie. Cum?

Introduceți aplicații web progresive (PWA). Dacă aveți un site web și este foarte important pentru dvs. sau afacerea dvs. - aveți nevoie de un PWA.

În acest articol, vom defini aplicațiile web progresive, vom discuta despre cele mai importante beneficii ale acestora și vom împărtăși 50 de exemple ale celor mai bune PWA de pe internet.

Vom încheia cu câteva indicații despre cum să construiți un PWA și cum funcționează acestea cu aplicațiile mobile native pentru a crea un combo UX mobil câștigător. Să ne aprofundăm. Până la sfârșitul acestui articol, veți ști tot ce trebuie să știți pentru a începe proiectul dvs. de aplicație web progresivă.

Vom începe cu întrebarea fundamentală – ce este un PWA?

Ce este exact o aplicație web progresivă? Să definim un PWA

Aplicațiile web progresive combină tot ce este mai bun de pe web cu funcții care anterior erau posibile numai pentru aplicațiile native.

PWA-urile trăiesc în browser ca un site web tradițional și sunt complet conectate la infrastructura web de link-uri și indexuri ale motoarelor de căutare. La fel ca aplicațiile native, deși pot fi lansate de pe o pictogramă de pe ecranul de pornire, pot trimite notificări push pe dispozitivul utilizatorului, se pot încărca într-o fracțiune de secundă și pot fi create pentru a funcționa offline.

Aplicațiile web progresive nu sunt separate de site-ul dvs. Acestea reprezintă o îmbunătățire a site-ului dvs. care îl aduce la zi cu cele mai bune practici actuale și utilizează tehnologia web de ultimă oră, cum ar fi lucrătorii de servicii, pentru a oferi o experiență asemănătoare aplicației dintr-un browser mobil.

Poate că încă nu ești sigur exact ce sunt ele.

Acest lucru este de înțeles, deoarece termenul este foarte mult, dar definițiile solide sunt evazive. Să ne uităm la istoria termenului pentru a clarifica lucrurile.

Definiția originală a unei aplicații web progresive

Termenul „Progressive Web App” a fost inventat în 2015 de Francis Berriman și inginerul Google Alex Russell. Au observat apariția unei noi clase de aplicații web și, în timpul cinei, au decis să le definească și să le numească.

Au venit cu următoarele criterii:

• Responsive: pentru a se potrivi cu orice factor de formă
• Independent de conectivitate : îmbunătățit progresiv cu lucrătorii de servicii pentru a le permite să lucreze offline
• Interacțiuni asemănătoare aplicației: adoptați un model de aplicație Shell + Content pentru a crea navigații și interacțiuni plăcute
• Proaspăt : în mod transparent, mereu la zi datorită procesului de actualizare Service Worker
• Sigur : Servit prin TLS (o cerință de lucrător de service) pentru a preveni istoria
• Descoperibile : sunt identificabile ca „aplicații” datorită domeniului de înregistrare W3C Manifests și Service Worker, permițând motoarelor de căutare să le găsească
• Re- angajare: poate accesa interfețele de utilizare pentru re-angajare ale sistemului de operare; de ex. Notificări push
• Instalabil : pe ecranul de pornire prin intermediul solicitărilor furnizate de browser, permițând utilizatorilor să „păstreze” aplicațiile pe care le consideră cele mai utile, fără stresul unui magazin de aplicații
• Conectabile : înseamnă că sunt fără frecare, fără instalare și ușor de partajat. Puterea socială a URL-urilor contează.

Puteți vedea cum aceste criterii îndeplinesc partea „aplicație web” a definiției.

Timp de mulți ani, companii precum noi și altele au creat platforme care au permis companiilor să creeze experiențe de aplicații cu tehnologii web. Acest lucru funcționează grozav până în prezent, dar există compromisuri. Pentru a crea o experiență excelentă a aplicației native , pierdeți posibilitatea de descoperire și conectarea web.

Noile tehnologii web, cum ar fi lucrătorii de servicii (vom intra în ele mai târziu) au apărut și au schimbat lucrurile – permițând dezvoltatorilor să construiască experiențe care au luat cel mai bun UX al aplicației native și să le introducă în browser, păstrând astfel toate beneficiile webului.

Nu mai aveai nevoie să accepți un web UX mobil mediocru, în timp ce împingeai oamenii să-ți descarce aplicațiile native pentru a obține oferta reală. Puteți oferi o experiență mobilă grozavă în App Store și pe web, tuturor celor care au interacționat cu marca dvs. online.

Aceasta este ceea ce au observat Berriman și Russell. Nu au inventat nimic, au observat o schimbare în web și i-au numit.

Dar partea „progresivă”?

În acest context, înseamnă că aplicațiile sunt construite cu îmbunătățiri progresive . Aceasta este o tehnică de proiectare axată pe construirea unei experiențe „de bază”, care funcționează pentru toată lumea, dar care face upgrade și îmbunătățește pe dispozitive mai avansate. Experiența unei aplicații web progresive nu este neapărat aceeași pentru toți utilizatorii, se adaptează în funcție de puterea dispozitivului lor, precum și de permisiunile pe care le acordă.

Deci este suficientă definiția lui Berriman și Russell? Problema este că puține PWA îndeplinesc de fapt toate aceste criterii. Ele sunt mai degrabă ca o listă de dorințe, sau o țintă spre care să țintești sau un caz model.

Definiția Google a unei aplicații web progresive

Microsoft este entuziasmat de PWA de ceva timp. Apple a luat ceva convingător și acum este (în cea mai mare parte) înăuntru. Totuși, printre tehnologia marilor, Google a fost cel care a susținut cu adevărat PWA de la început.

Acestea fiind spuse, Google înșiși nu pare să fie 100% sigur de definiție. În 2015, au publicat o listă cu 10 caracteristici, apoi au redus-o la șase, apoi au adăugat trei noi.

În prezent, definiția Google a unei aplicații web progresive include trei piloni. În pagina lor de introducere, ei afirmă că PWA sunt:

„Aplicații web care au fost proiectate astfel încât să fie capabile, fiabile și instalabile . Acești trei piloni îi transformă într-o experiență care se simte ca o aplicație specifică platformei”

Acest lucru este mai util, dar nu atât de util, deoarece este atât de larg. Totuși, sugerează punctul cheie, că PWA-urile aduc pe web experiențe care au fost asociate în mod tradițional exclusiv cu platformele native.

Definiția tehnică a unei aplicații web progresive

Un al treilea mod în care putem defini un PWA este prin specificarea criteriilor pur tehnice, mai degrabă decât UX.

Acesta este ceea ce a încercat dezvoltatorul web și autorul Jeremy Keith în postarea sa de blog din 2017 Ce este o aplicație web progresivă? .

Keith consideră că confuzia cu privire la definițiile PWA este nefondată și că, practic, trebuie îndeplinite trei criterii:

1. HTTPS – PWA-urile trebuie să ruleze pe servere securizate care utilizează HTTPS. Lucrătorii de servicii sunt esențiali pentru potențialul lor și pot fi utilizați numai dacă aveți HTTPS.
2. A Service Worker – în esență un fișier JavaScript care rulează separat de „firul” principal al browserului și permite dezvoltatorului controlul asupra modului în care aplicația gestionează solicitările de rețea și memorarea în cache. Acest lucru ajută la creșterea vitezei impresionante și a capabilităților offline ale PWA.
3. Un Web App Manifest – un fișier JSON care oferă browserului o descriere a aplicației, inclusiv detalii precum numele, autorul, pictograma, descrierea și resursele pentru ao rula. Acest lucru asigură că aplicația poate fi descoperită.

Keith continuă să constate că aceasta este o definiție minimă, simplă. PWA-urile sunt capabile de mult mai multe, dar trebuie să îndeplinească aceste trei criterii tehnice pentru a face o reducere.

Așa că am văzut definiția originală observațională/aspirațională, definiția Google bazată pe UX și o definiție tehnică minimalistă. Ce putem presupune? Deși poate exista încă puțină ambiguitate, acum avem o idee bună despre ce este o aplicație web progresivă.

Un PWA este un site web modern, sigur, cu încărcare rapidă, care utilizează tehnologii web de ultimă oră pentru a atinge aceste caracteristici. Spre deosebire de site-urile web tradiționale, acesta funcționează și se simte pentru utilizator ca o aplicație nativă – și „scăpă” din fila browserului în acest proces.

După cum spune Alex Russell:

„Aceste aplicații nu sunt ambalate și implementate prin magazine, sunt doar site-uri web care au luat toate vitaminele potrivite”

Acesta este un mod grozav de a o pune. PWA-urile sunt cea mai recentă generație de web. Sunt aplicații web care sunt capabile să valorifice potențialul tehnologiei moderne de browser. Transformându-ți propriul site într-un PWA, îi dai „vitaminele” necesare pentru ca acesta să funcționeze optim.

Acum vom trece la beneficiile construirii unei aplicații web progresive, înainte de a analiza 50 de exemple PWA pentru a vă inspira proiectul.

Beneficii Progressive Web App

Am afirmat mai devreme că, dacă aveți un site web și este în vreun fel legat de succesul afacerii dvs. - trebuie să construiți un PWA.

Poate părea o afirmație îndrăzneață, dar este adevărul. De ce?

Pe scurt, dacă nu construiești un PWA, probabil că vei lăsa clienții, veniturile și creșterea pe masă. După cum au spus Pete LePage și Sam Richard de la echipa web Google:

„Numerele nu mint! Companiile care au lansat Progressive Web Apps au înregistrat rezultate impresionante. De exemplu, Twitter a înregistrat o creștere cu 65% a paginilor pe sesiune, cu 75% mai multe tweet-uri și o scădere cu 20% a ratei de respingere, toate în același timp reducând dimensiunea aplicației lor cu peste 97%. După trecerea la un PWA, Nikkei a înregistrat de 2,3 ori mai mult trafic organic, cu 58% mai multe abonamente și cu 49% mai mulți utilizatori activi zilnic. Hulu și-a înlocuit experiența desktop specifică platformei cu o aplicație web progresivă și a înregistrat o creștere cu 27% a vizitelor de întoarcere.”

Acest lucru doar zgârie suprafața.

Să aruncăm o privire asupra rezultatelor pe care alte mărci cunoscute le-au atins ca o consecință directă a lansării PWA-urilor.

• Alibaba a sporit conversiile web pe mobil cu 76%, a înregistrat cu 14% mai mulți utilizatori activi pe iOS și cu 30% pe Android
• Debenhams a înregistrat o creștere cu 40% a veniturilor mobile, o creștere cu 20% a conversiilor și o creștere superioară a pieței online
• Pinterest a înregistrat o creștere cu 40% a timpului total petrecut, o creștere cu 44% a veniturilor din reclame generate de utilizatori și cu 60% mai multă implicare de bază
• Forbes a obținut o creștere cu 43% a numărului de sesiuni per utilizator, o îmbunătățire cu 20% a vizibilității anunțurilor și cu 100% mai multă implicare
• BMW a înregistrat o creștere cu 30% a CTR pentru site-ul lor de vânzări, timpi de încărcare de 4 ori mai rapidi, o creștere cu 50% a utilizatorilor de dispozitive mobile și cu 49% mai mult trafic organic
• MakeMyTrip a crescut viteza paginii cu 38%, a triplat ratele de conversie și a înregistrat o creștere cu 160% a sesiunilor de cumpărători
• AliExpress a crescut ratele de conversie pentru noii utilizatori cu 104% (+82% pe iOS) și a înregistrat o creștere de 74% a timpului petrecut pe sesiune, cu de două ori mai multe pagini vizitate pe sesiune
• Housing.com a înregistrat cu 38% mai multe conversii, o sesiune medie cu 10% mai lungă, o rată de respingere cu 40% mai mică și un timp general de încărcare a paginii cu 30% mai rapid
• Wego a triplat CTR-ul publicitar și a înregistrat cu 26% mai mulți vizitatori și cu 95% mai multe conversii. Pe iOS, au primit o creștere impresionantă de 50% a conversiei și o creștere cu 35% a duratei sesiunii
• Treebo a înregistrat o creștere de 4 ori a conversiilor de la an la an. Utilizatorii repetați au convertit de 3 ori mai mult.
• Tinder a redus de peste jumătate timpii de încărcare de la 11,91 secunde la 4,69 secunde și a înregistrat o interacțiune mai mare cu un PWA cu 90% mai mic decât aplicația lor nativă

Cum sunt posibile toate aceste rezultate uimitoare? O mare parte din aceasta se rezumă la faptul că PWA-urile oferă o experiență mult mai bună pentru utilizator și rezultate excelente de afaceri decurg din asta.

Totuși, există mai mult decât atât. Să aruncăm o privire mai detaliată asupra unora dintre beneficiile cheie ale aplicației web progresive, începând cu cel mai important – viteza.

PWA-urile sunt fulgerătoare

Consumatorii moderni se așteaptă la încărcare instantanee. Dacă ceva nu se încarcă într-o clipă, mulți își vor pierde interesul, poate definitiv. Acest lucru se explică de la sine și este susținut de o mulțime de date:

• Aproape 50% dintre utilizatori spun că principala lor frustrare pe mobil este așteptarea ca paginile lente să se încarce (sursă)
• Paginile care se încarcă în 2 secunde au o rată de respingere de 9%, paginile care durează 5 secunde au o rată de respingere de 38% (sursă)
• O „scădere bruscă a ratei de conversie” este asociată cu creșterea timpului mediu de încărcare de la 1 la 4 secunde (sursă)
• Îmbunătățirea la fiecare secundă a timpului de încărcare crește rata de conversie cu 2%, în timp ce o îmbunătățire de 100 de milisecunde generează cu până la 1% mai mult venit incremental (sursă)

În esență, cu cât site-ul se încarcă mai repede, cu atât mai bine. Dacă vă faceți clienții/cititorii/utilizatorii să aștepte, atunci un % decent dintre ei vor sări și nu vă vor da banii lor.

Îmbunătățirea vitezei site-ului conduce la rezultate mai bune la nivel general. Cam despre asta e.

Deci, cum vă poate ajuta un PWA să realizați acest lucru? Aplicațiile web progresive sunt rapide. Foarte rapid.

Pinterest, de exemplu, a reușit să-și reducă timpul de încărcare „interactiv” de la 23 de secunde la doar 5,6 secunde. Acesta a fost, în medie, hardware Android printr-o conexiune 3G lentă. Acest lucru a avut un impact binevenit asupra valorilor cheie.

Nu-i rău deloc. Rezultatele Pinterest nu sunt deloc neobișnuite, totuși.

Platforma de streaming ZEE5 a triplat viteza site-ului și a înjumătățit timpul de tamponare prin construirea unui PWA. PWA Uber se încarcă în mai puțin de 3 secunde pe rețelele 2G. Forbes a redus timpii de încărcare a dispozitivelor mobile de la 6,5 ​​secunde pe site-ul său mobil anterior la doar 2,5 secunde cu PWA.

Îmbunătățirile vitezei sunt garantate atunci când construiți o aplicație web progresivă bună, bine concepută.

De ce sunt aplicațiile web progresive atât de rapide?

PWA-urile sunt atât de rapide datorită lucrătorilor de serviciu extrem de importanți. După cum spune Jason Grigsby în cartea sa excelentă Progressive Web Apps:

„Aplicațiile web progresive folosesc lucrători de servicii pentru a oferi o experiență excepțional de rapidă. Lucrătorii de servicii permit dezvoltatorilor să definească în mod explicit ce fișiere ar trebui să stocheze browserul în memoria cache locală și în ce circumstanțe browserul ar trebui să verifice actualizările fișierelor din cache. Fișierele care sunt stocate în memoria cache locală pot fi accesate mult mai rapid decât fișierele care sunt preluate din rețea.”

Grigsby continuă să explice că:

„Când cineva solicită o nouă pagină de la o aplicație web progresivă, majoritatea fișierelor necesare pentru a reda pagina respectivă sunt deja stocate pe dispozitivul local. Aceasta înseamnă că pagina se poate încărca aproape instantaneu, deoarece tot ce are nevoie browserul pentru a descărca sunt informațiile incrementale necesare pentru pagina respectivă.”

Unul dintre avantajele tradiționale ale aplicațiilor native este că pot fi fulgerătoare. Ei realizează acest lucru într-un mod similar - toate fișierele necesare pentru a rula aplicația sunt descărcate atunci când o instalați și trebuie doar să recupereze date noi. Lucrătorii de servicii permit aplicațiilor web progresive să aducă o performanță impresionantă similară pe web!

PWA oferă un UX asemănător aplicației pe web

Viteza, despre care am discutat deja, este, evident, o parte uriașă a UX. Există totuși și alți factori importanți și PWA-urile ajută și aici.

Aplicațiile mobile native au fost multă vreme standardul de aur pentru UX mobil. Încă sunt (în anumite privințe, cel puțin), dar PWA-urile se potrivesc acum cu o mare parte din senzația și funcționalitatea lor direct din browser.

De exemplu, PWA pot:

• Lucrați offline sau în condiții proaste de rețea (mai multe despre asta în continuare)
• Fii instalat pe dispozitivul utilizatorului și accesat prin intermediul unei pictograme pe ecranul de pornire, ca o aplicație nativă
• Trimiteți notificări push pe ecranul de blocare al dispozitivului (din păcate doar pe Android)
• Fiți dezvoltat pentru a oferi o experiență „imersivă” pe ecran complet, cu o structură de navigare care imită o aplicație nativă
• Folosiți animații ca o aplicație nativă
• Fiți dezvoltat pentru a accesa hardware-ul dispozitivului, cum ar fi camera și GPS-ul

Web-ul mobil timpuriu a fost destul de dur. Vechea paradigmă a unui browser desktop era „înșurubat” pe smartphone-uri unde nu se potrivea cu adevărat. Era designului receptiv a îmbunătățit semnificativ acest lucru, dar întotdeauna a lipsit ceva.

Aplicațiile native au fost construite fără ambiguitate pentru smartphone-uri. Întotdeauna s-au potrivit mai bine experienței dispozitivului. Cu toate acestea, PWA-urile au estompat această linie, distincția în ceea ce privește experiența poate fi greu de identificat.

De exemplu – ați folosit vreodată Instagram Lite, Google Maps Go sau Twitter Lite?

Le puteți descărca din magazinul Google Play și le puteți verifica - și vedeți cum se simt ca orice alte aplicații native.

V-ar fi iertat dacă presupuneți că acestea sunt versiuni mai ușoare și mai slabe ale principalelor lor aplicații native. După cum probabil ați ghicit, totuși - sunt aplicații web progresive.

Acest lucru arată potențialul PWA de a recrea experiențele aplicației native pe care le cunoaștem și le iubim cu toții. Când trecem la exemple puțin mai târziu, veți vedea exact la ce ne referim!

Notă: este posibil să fi observat că aceste PWA sunt live pe magazinul Google Play. Google a deschis Magazinul Play pentru PWA la începutul anului 2019! Acest lucru arată cât de încrezători sunt în viitorul PWA-urilor ca aplicații cu adevărat încrucișate. Trebuie să sari prin câteva cercuri pentru a-ți pune PWA acolo, dar cu siguranță este posibil. Până acum, nu există informații de la Apple despre dacă acest lucru va fi vreodată posibil în iOS App Store.

PWA-urile sunt de încredere

Cu toții am avut experiența încercării de a folosi un site web sau o aplicație web pe o conexiune mobilă instabilă. Nu este distractiv.

Mulțumim din nou lucrătorilor de servicii, care definesc în mod specific ce ar trebui să memoreze browserul în cache local – PWA-urile pot fi construite pentru a oferi o experiență rapidă și completă, chiar și atunci când utilizatorul are conectivitate slabă.

Acest lucru poate fi făcut și un pas mai departe. Prin „precaching”, care este momentul în care întreaga aplicație este descărcată și stocată la prima vizită, PWA-urile pot funcționa complet offline!

Acest lucru este cu adevărat important, când luați în considerare câți oameni încă locuiesc în zone rurale și prost deservite și miliardul de oameni care vin online pentru prima dată în următorii câțiva ani - dintre care mulți nu se vor bucura de o conexiune impecabilă.

PWA-urile sunt sigure, eficiente și adaptabile

Pentru ca lucrătorii de servicii să-și facă treaba, site-ul dvs. trebuie să fie complet securizat cu HTTPS.

Sper că o face deja, dar dacă nu construiți un PWA vă va forța să faceți toată munca necesară pentru a vă face site-ul 100% sigur.

PWA-urile sunt, de asemenea, foarte eficiente . Un factor cheie care împiedică oamenii să descarce aplicații mobile native este spațiul de stocare disponibil pe dispozitivul lor. După cum spun autorii Cărții PWA:

„Ei tratează dispozitivele lor mobile precum camere, computere, blocnotes, asistenți și – cel mai important – ca pe o comoară de amintiri. Dacă descărcarea unei aplicații înseamnă că trebuie să sacrifice fotografii sau mesaje prețioase, se gândesc de trei ori înainte de a face clic pe da.”

PWA nu obligă oamenii să ia decizii atât de grele. Sunt mult mai ușoare decât aplicațiile native, iar procesul de instalare are mai puțină frecare (o apăsare pe un buton și o comandă rapidă este creată pe ecranul de start). PWA ocupă puțin spațiu pe dispozitiv, dar este neglijabil în comparație.

Lucrătorii de service care conduc această eficiență sunt, de asemenea, responsabili pentru reducerea încărcării serverului și pentru minimizarea riscului de performanță lent și de blocări în perioadele intense.

Aplicațiile web progresive sunt, de asemenea, foarte adaptabile. Deoarece se bazează pe web, pot fi întreținute, actualizate mai ușor decât aplicațiile mobile native.

Când doriți să schimbați sau să actualizați ceva pe care îl puteți mișca rapid, nu este nevoie să aveți de-a face cu gardienii App Store, să solicitați utilizatorului să actualizeze manual sau să contractați dezvoltatori de aplicații native specializați.

Este la fel de ușor ca actualizarea site-ului dvs. este astăzi – iar actualizările (implementate pe un server) sunt disponibile aproape instantaneu pentru utilizator.

PWA vă permit să interacționați cu utilizatorii cu notificări push

De ani de zile vorbim despre puterea notificărilor push. Acestea sunt cea mai bună modalitate de a interacționa și de a comunica cu publicul dvs. pe mobil - fără niciunul. Le puteți folosi pentru a actualiza utilizatorii, pentru a-i împinge înapoi în aplicații, pentru a promova oferte și produse și, în general, pentru a rămâne în fruntea vieții lor ocupate.

Iată câteva exemple despre modul în care diferite companii ar putea folosi notificările push:

• Editorii de știri

„Breaking News, X și Y tocmai s-au întâmplat!”

Notificările push funcționează grozav pentru editorii digitali și le permit să conducă traficul înapoi în poveștile lor de top și să alerteze utilizatorii cu povești de ultimă oră.

• Magazine de comerț electronic

„Ofertă specială / ți-ai abandonat coșul / articolele tale au fost expediate”

Push funcționează de minune pentru comerțul electronic. Aplicațiile de cumpărături trimit în mod regulat notificări pentru a alerta utilizatorii cu privire la oferte și produse noi, pentru a-i ține la curent cu procesul de livrare și pentru a oferi coduri speciale numai pentru aplicații.

• Platforme și comunități sociale

„Prietenul tău tocmai ți-a trimis un mesaj/solicitare de prietenie/ți-a răspuns”

Probabil că am mai experimentat mesaje push de pe platformele sociale înainte. Ele sunt ingredientul secret pe care aplicațiile sociale îl folosesc pentru a vă aduce înapoi pe platforma lor, a interacționa și a interacționa cu alți utilizatori.

Acestea sunt câteva dintre cazurile de utilizare. Dar notificările push pot fi un stimulent grozav pentru orice afacere. Au fost (și sunt încă) unul dintre cele mai puternice motive pentru a construi aplicații native.

Mulțumim din nou lucrătorilor noștri de servicii prieteni – nu mai aveți nevoie de aplicații native pentru a trimite notificări push. Le poți trimite de pe site-ul tău web (dacă îl transformi într-un PWA).

Notificările push trebuie utilizate în mod corespunzător și nu abuzate, dar pot aduce o mulțime de beneficii și reprezintă un mare beneficiu al construirii unui PWA.

De exemplu, după construirea unui PWA, Lancome a văzut că 8% dintre consumatorii care accesează o notificare push fac o achiziție și a îmbunătățit ratele de conversie la cărucioarele recuperate cu 12% prin notificări push.

Un altul este eXtra Electronics, cel mai mare retailer de electronice din Arabia Saudită. eXtra a realizat cu 100% mai multe vânzări de la utilizatorii care soseau prin web push și au observat că cei care au optat pentru notificări push au revenit de 4 ori mai des și au petrecut de 2 ori mai mult timp pe site. Chief Business Development Officer Mujeed Hazzaa a spus că:

„Notificările push reprezintă o parte importantă a strategiei noastre de implicare pe mobil. Este o modalitate mai personală de a comunica cu clienții noștri. Este incredibil de valoros pentru rezultatul nostru.”

Când vă transformați site-ul într-o aplicație web progresivă, puteți obține rezultate puternice și pentru afacerea dvs. Există o mare avertizare – le puteți folosi doar pe Android. iOS nu le acceptă și oricine poate ghici dacă va fi vreodată. Dacă notificările push sunt importante pentru dvs. și doriți să le trimiteți tuturor utilizatorilor , atunci va trebui să creați aplicații mobile native.

Aplicațiile web progresive îți vor crește afacerea

Am trecut prin unele dintre cele mai importante beneficii ale transformării site-ului dvs. într-o aplicație web progresivă.

Concluzia este că au sens total pentru orice afacere cu un site web. Acestea vă permit să vă actualizați întregul web UX și oferă o experiență rapidă și modernă, care este aproape garantată pentru a îmbunătăți valorile cheie.

Care sunt dezavantajele construirii unui PWA?

Niciuna cu adevărat, cu excepția timpului și a banilor pe care trebuie să-l investiți pentru a construi unul. Chiar și așa, un PWA este relativ accesibil și foarte probabil să (mai mult decât) să se plătească singur în timp - mai ales dacă site-ul dvs. este legat de orice fel de venituri prin publicitate, comerț electronic sau membri.

Mai ai nevoie de convingere?

Să legăm totul împreună cu câteva exemple. Vom evidenția 50 dintre cele mai bune exemple de aplicații web progresive de pe internet și vă vom arăta din prima mână despre ce am discutat până acum.

Exemple de aplicații web progresive: cele mai bune 50 de PWA de pe Internet în 2020

Dacă doriți să dezvoltați un PWA impresionant, primul pas este să căutați exemple de aplicații web progresive de succes pentru a vă inspira.

Ca parte a misiunii noastre de a vă inspira, am adunat 50 de exemple model ale celor mai bune PWA-uri disponibile chiar acum. Puteți sări la secțiunea care este cea mai relevantă pentru propria dvs. afacere, puteți parcurge lista până când ceva vă atrage atenția sau puteți citi toate exemplele de aplicații web progresive pentru a obține o imagine de ansamblu bună!

Să intrăm în cele mai bune 50 de exemple ale noastre PWA.

comerț electronic și retail

Starbucks

Pentru unul dintre cele mai populare lanțuri de cafea din lume, Starbucks și-a dezvoltat PWA pentru a-și spori implicarea clienților, oferind programe de loialitate și un proces de comandă mai ușor.

Aplicația a fost concepută pentru a înlocui vechea aplicație mobilă pentru a-și menține implicarea mai bună, indiferent de dispozitiv.

Utilizatorii pot vedea mai întâi secțiunea de recompense, unde clienții își pot răscumpăra alimente și băuturi gratuite, produse de naștere, rezerve și opțiuni de plată atunci când comandă prin intermediul smartphone-ului lor.

Restul paginii aplicației conține comenzi personalizate, disponibilitate în magazin, detalii de livrare și meniul aplicației.

Și la fel ca și când comandați de la un barista, comandarea băuturii dvs. preferate vă permite să personalizați dimensiunea, suplimentele și opțiunile de shot. Starbucks adaugă, de asemenea, secțiuni de Informații nutriționale, Ingrediente și Alergeni pentru cei care își monitorizează dieta.

Ce ne place la acest PWA de comerț electronic:

• Funcționează bine chiar și în conexiuni de rețea slabe
• Complet integrat cu alte platforme și servicii de la alte mărci, cum ar fi Spotify, Lyft și Ford
• Procese de plată și checkout fără întreruperi pe mobil
• Design extrem de ușor de utilizat

Jumia

Ce este Alibaba pentru China, Jumia este pentru Africa. Această piață online de succes a fost lansată pentru prima dată în Nigeria în 2012 și apoi a preluat rapid industria de comerț electronic din Africa de atunci.

În 2016, și-a lansat PWA ca răspuns la conexiunile instabile la internet din regiunea subsahariană. Cu PWA, a reușit să cucerească o parte semnificativă a pieței bazându-se pe rețele 2G cu limite de date.

Introducerea unui PWA a fost soluția perfectă pentru a oferi o experiență de utilizator asemănătoare unei aplicații, fără a consuma lățime de bandă mare de date.

Rezultatul? Potrivit Google, compania și-a crescut rata de conversie cu 33% și și-a crescut utilizatorii de 12 ori mai mult (comparativ cu aplicațiile native). În plus, și-a redus enorm rata de respingere și cerințele de stocare a dispozitivului utilizatorului.

Ce ne place la acest PWA de comerț electronic:

• Acces offline de încredere
• Capacitate de căutare rapidă
• Proces de încărcare rapidă
• Instalare usoara

OLX.in

Când vine vorba de PWA pentru piața online, aveți încredere în compania indiană de anunțuri clasificate OLX.in. Cu categoriile sale robuste, care se întind de la proprietăți la modă, vânzătorii și cumpărătorii sunt mai bine potriviți cu PWA al companiei.

Utilizatorii pot observa cu ușurință ușurința utilizării aplicației atunci când caută produse specifice sau obțin oferte excelente de la vânzători.

OLX a dezvăluit că a înregistrat un CTR mai mare la reclamele sale și o scădere uriașă cu 80% a ratelor de respingere de când a trecut la PWA, după cum a raportat Google.

Ce ne place la acest PWA de comerț electronic:

• Notificări push chiar și în modul offline
• Funcție ușoară de integrare a camerei, creată pentru vânzători
• Caracteristica istoricului căutărilor

Flipkart

Un alt concurent pe scena indiană de comerț electronic este Flipkart, care continuă să redefinească experiența de cumpărături online cu PWA.

Pe măsură ce utilizatorii derulează în jos prin aplicație, sunt prezentate categorii de produse, oferte limitate, bestselleruri și reduceri, cu scopul de a atrage clientul să navigheze și să petreacă mai mult timp pe aplicație.

PWA Flipkart a început în 2015 prin Flipkart Lite. Compania dorea să facă cumpărăturile mai accesibile în rândul indienilor, chiar dacă conexiunile la internet erau intermitente în majoritatea zonelor.

Ce ne place la acest PWA de comerț electronic:

• Notificările push pentru cele mai recente știri și actualizări sunt consecvente
• Procesul de achiziție online este simplificat
• Capacitatea de căutare este exactă

Formule pure

Realizând că piața suplimentelor pentru sănătate a devenit mai competitivă ca niciodată, Pure Formulas, cu sediul în SUA, este considerată a fi un pionier în această industrie atunci când vine vorba de lansarea propriului PWA.

După ce a descoperit că site-ul și aplicația sa mobilă suferă de rate de respingere foarte mari din cauza procesului de checkout lent, compania a dezvoltat un PWA care le-a oferit o redresare completă.

A raportat conversii mai mari și creșterea valorii medii a comenzii (AOV).

Ce ne place la acest PWA de comerț electronic:

• Proces de checkout foarte convenabil
• Design minimalist
• Cerință foarte ușoară de stocare a dispozitivului
• Tranzacții foarte securizate

AliExpress

Cu un PWA foarte receptiv, Ali Express este considerată una dintre cele mai solicitate aplicații în prezent pentru tranzacțiile B2C.

Datorită acoperirii largi de către companie a categoriilor de produse, utilizatorii pot naviga prin mii de opțiuni fără a încetini încărcarea paginii folosind PWA.

De la lansare, AliExpress a anunțat că a experimentat re-implicări și statistici de conversie mai bune datorită PWA.

Ce ne place la acest PWA de comerț electronic:

• Navigare ușoară a produselor
• Timp de încărcare mai rapid
• Aspect ușor de utilizat

Alibaba

Grupul Alibaba de la Jack Ma nu mai are nevoie de nicio prezentare atunci când vine vorba de succesul său Alibaba PWA. Aplicația de comerț electronic B2B este un model ideal pentru orice PWA: rapidă, receptivă, ușoară și foarte captivantă.

Alibaba a avut succes în ceea ce privește lansările de aplicații mobile și web pentru mobil. Cu toate acestea, trebuia să atragă o parte uriașă a pieței printr-un angajament îmbunătățit. Și PWA a companiei a fost soluția perfectă pentru asta.

Potrivit Google, a raportat o creștere cu 76% a conversiilor totale.

Ce ne place la acest PWA de comerț electronic:

• Navigare ușoară a produselor
• Integrare cu instrumentele site-ului web, cum ar fi Feed-uri, Messenger și contul My Alibaba
• Timp de încărcare mai rapid

Ţintă

Pentru a nu fi depășit de concurenții săi, al optulea lanț de comerț cu amănuntul din America, Target, a acționat rapid asupra studiului său de analiză a clienților. În 2015, a descoperit că clienții săi își încep călătoria pe dispozitivul mobil și apoi fac achiziția folosind computerul.

Conducerea s-a gândit să introducă un PWA și de atunci, utilizatorii aplicației sale au crescut cu un număr imens, iar tranzacțiile online s-au îmbunătățit semnificativ fără a înstrăina utilizatorii de pe diferite dispozitive.

Ce ne place la acest PWA de comerț electronic:

• Opțiune ușoară de adăugare în coș
• Imagini cu încărcare rapidă, indiferent de dimensiune

Walmart

Pentru o experiență perfectă a aplicației, PWA de la Walmart ajunge doar la lista lungă de verificare a unui dezvoltator de aplicații. Cu mii de oferte de produse, gigantul retail este capabil să integreze achiziții online și opțiuni de ridicare/livrare pentru fiecare tranzacție.

Funcția sa de urmărire geografică monitorizează cele mai bine vândute articole din zona utilizatorului, ceea ce permite aplicației să ofere recomandări pe baza unei astfel de liste.

În cele din urmă, utilizarea eficientă a notificărilor push permite companiei să-și familiarizeze fanii fideli cu oferte superbe și noi descoperiri.

Ce ne place la acest PWA de comerț electronic:

• Secțiunea de feedback
• Caracteristica de urmărire geografică
• Interfață foarte receptivă
• Performanță perfectă pe o rețea instabilă

Macy’s

Brandul de vânzare cu amănuntul de ultimă generație, Macy's, a avut un obiectiv în minte atunci când și-a lansat PWA: să ofere cea mai bună experiență pentru milioanele sale de vizitatori lunari.

Recunoscând creșterea numărului de utilizatori ai aplicațiilor, PWA a companiei a fost un plus binevenit la instrumentele sale pentru consumatori pentru a-și menține cumpărătorii la curent cu noutățile de pe rafturile magazinelor.

Ce ne place la acest PWA de comerț electronic:

• Instrument de încredere pentru găsirea magazinelor
• Aspect organizat al produsului

Lancome

Brandul francez de cosmetice de lux Lancome a întâmpinat un obstacol în vânzările online: utilizatorii de dispozitive mobile au crescut, dar conversiile au scăzut.

Pentru a înțelege problema, compania a analizat comportamentul clienților și a descoperit că aceștia au avut o experiență teribilă de utilizare a aplicației mobile.

Marca a trecut la PWA pentru a reduce timpul de încărcare și a face aplicația foarte accesibilă. Potrivit Google, notificările push au contribuit cu 12% la conversii, iar sesiunile mobile au crescut la 51%.

What we like about this eCommerce PWA:

• Fast search results
• Easy navigation

News

Financial Times

The Financial Times PWA is considered as one of the best PWAs in the news industry. Covering business and global markets, the app takes a similar look and feel of the paper with its traditional salmon-colored background.

The publication is one of the first news sites to abandon its native app and transition to a PWA. It works well even on slow networks, making news easily accessible for business people on the go.

What we like about this News Publisher PWA:

• Reliable offline
• Very fast loading time
• Real-time updates on content
• Seamless video content experience

Infobae

This Buenos Aires-based news website has proven to be successful in the PWA scene thanks to its Spanish readers. According to Google, the Latin American audience contributed to three times more page views compared to its old mobile site, and spent more sessions on the app as well.

Infobae switched from its mobile site to PWA in 2017 to improve the speed of access among its mobile users. This was influenced by the huge drop in session duration (3 minutes on mobile compared to 27 minutes on desktop).

What we like about this news publisher PWA:

• Very fast loading time
• High-quality visuals loading seamlessly
• Easy navigation

Nau.ch

One of Switzerland's leading news websites became extremely popular when it began flashing content in public areas such as terminals and petrol stations.

Nau (an abbreviation for “new”) was founded in 2007 with the goal of prominently displaying news in public transport to reach millions of commuters on their daily route.

To improve its reach, the company launched its PWA and has achieved 400 times more installations than its old mobile site in the first two days.

What we like about this news publisher PWA:

• Impressive user interface
• Easy navigation
• Content loads much faster relative to other news-related PWAs

Nikkei

Regarded as the world's largest financial newspaper (more than 3 million in daily circulation), Nikkei launched its PWA in 2017 with the goal of reducing load time, improve reader interaction and boost engagement.

Realizing that their website was not mobile-friendly (even taking more than 20 seconds to be fully interactive), the company assembled a team of five front-end engineers who worked on launching a PWA.

The result was truly impressive: improved loading speed, higher interactivity as well as better user experience with offline support according to Google.

What we like about this news publisher PWA:

• Prefetch feature (instant page navigation)
• Preloaded key requests
• Optimized JavaScript bundles
• Optimized images
• Enabled HTTP caching

The Washington Post

As a global authoritative news organization, The Washington Post has released one of the most responsive PWAs to reach out to a wider audience on mobile.

Launched in March 2016, the paper's goal is to provide “frictionless, uninterrupted reading.” This comes after its readers expressed their concerns over slow load times on its old mobile app.

With more than 1,000 articles published daily, they have announced that an 88% improvement in load times was initially observed. This has contributed to an increase in retention rate and longer readership according to Google.

What we like about this news publisher PWA:

• Fast loading time
• Real-time live updates
• Same look and feel as the website

Mediu

With social journalism becoming a necessity for readers and publishers alike, Medium has made a mark in the online publishing industry with its 120 million readers.

Medium's initial goal in 2012 was to reinvent the blogging platform through small stories that matter to any type of audience.

Now that it has grown into subscription-based service, its loyal users can follow exclusive content and audio narrations through its PWA even when working offline.

What we like about this news publisher PWA:

• Receptiv
• Seamless functionality even on an unstable connection

Wired

When tech publisher Wired launched its PWA in 2017, its main objective was to increase its app's page speed and reach out to its 11 million users.

And true enough, it did. Not only did it result in higher readership but also more impressions per session, leading other Conde Nast publications to follow suit through what its chief of technology refers to as Alien Web Apps (AWA).

What we like about this news publisher PWA:

• Fast loading time
• Highly responsive
• Reliable background caching

Forbes

With almost a 50% lift in sessions, triple the rise in scroll depth and 100% boost in engagements according to Google, Forbes has definitely reaped the benefits of launching its fully functional PWA in 2017.

Its Chief Product Officer, Lewis Dvorkin, wanted a no-friction experience for its users to have content served to their devices the way they want.

In addition, Dvorkin states that the more people stay longer on their app, the more they view ads, thanks to increased personalization that yields better engagement.

What we like about this news publisher PWA:

• Stunning visual content
• Fast loading times
• Unique number of readers infographic

The Guardian

To make its online content more accessible, UK's leading news and media outlet, The Guardian, launched its PWA in 2017.

The app features high-quality images, interactive multimedia, and thousands of new content without compromising loading time and user experience.

The company also created a US-based innovation team called The Guardian Mobile Innovation Lab, which operated from 2015 to 2018, which explored mobile tools and chat apps to improve user experience.

What we like about this news publisher PWA:

• Customizable sections
• News alert feature
• Offline access

Sports Mole

Sports fans – football, F1, tennis, rugby, cricket, golf and even snooker – are able to enjoy Sports Mole's website features right in their own devices through the site's PWA.

Video clips, real-time scores and game schedules are just some of the exciting features in the PWA.

The result of this move led to higher readership rate and increased session time on the app.

What we like about this news publisher PWA:

• Search functionality
• Seamless video playback
• Real-time updates
• No lag on page transitions

The Weather Channel

Since the 1980s, The Weather Channel has been a trusted companion by travelers and households when it comes to providing an average of 40 billion daily weather forecasts.

While its previous native app was used by half of its total users through mobile web, the company found out that there are still users who don't enjoy reliable connections or are not equipped with advanced smartphones.

Through its PWA, The Weather Channel is able to cater to millions of its global users in 62 languages. Google reports that it has improved its page load time by 80% through the app.

What we like about this news publisher PWA:

• Search functionality
• Multiple language availability
• Push notifications

MyNet

Offering a wide range of content from news to sports, travel to education, and weather to finance, MyNet is one of Turkey's largest web portals.

Its old mobile site was plagued with complaints, most especially very slow loading speed. This led the company to develop a PWA to deliver fast and a highly engaging website.

Google reports that introducing PWA to MyNet's readers influenced a 15% rise in average views per session and a 23% drop in bounce rate.

What we like about this news publisher PWA:

• Actualizări în timp real
• Funcționalitate de căutare

Director

Kopa

Cunoscută anterior ca PadPiper, Kopa este o piață pentru apartamente mobilate și chiriași. Oferă verificare atât pentru chiriași, cât și pentru gazdele de închiriere, astfel încât potrivirea acestora este mai sigură.

PadPiper și-a lansat inițial PWA pentru a ajuta studenții să găsească o locuință potrivită în timpul anului școlar sau odată ce își încep stagiile. De asemenea, s-a gândit să profite de oportunitatea de a conecta studenții și de a afla cine lucrează în apropierea lor pentru a se potrivi mai ușor cu colegii de cameră.

Ce ne place la acest director PWA:

• Rezultate rapide ale căutării
• Funcții de găzduire de închiriere
• Design minimalist

Rentio

Această piață de închiriere de aparate foto și electrocasnice este o soluție pentru cei care au nevoie temporar de astfel de articole.

Utilizatorii plasează o comandă online și așteaptă ca articolul să fie expediat în aceeași zi. După încheierea perioadei de închiriere, utilizatorul va trebui fie să returneze articolul, fie să opteze pentru achiziționarea acestuia.

PWA de la Rentio (în japoneză sau engleză) oferă o interfață ușor de navigat, rezultate rapide de căutare, o mulțime de categorii și timp de răspuns rapid.

Ce ne place la acest director PWA:

• Capabilitati de cautare
• Proces rapid de tranzacție
• Navigare convenabilă

Joppy

Ca platformă de recrutare pentru dezvoltatori, Joppy se adresează companiilor aflate în căutarea talentelor și unora dintre cei mai buni candidați pentru oportunități de angajare în tehnologie.

Această platformă se concentrează pe potrivirea preferințelor solicitanților cu cerințele stabilite de recrutori. Însă, spre deosebire de alte job boards online, aspiranții la job își pot seta profilul pe anonim, astfel încât nimeni să nu-i deranjeze cu propuneri nesolicitate.

PWA lui Joppy este conceput în mod clar atât pentru recrutor, cât și pentru solicitant (care se află în principal în Barcelona) pentru a simplifica procesul de aplicare.

Ce ne place la acest director PWA:

• Timp de răspuns rapid
• Proces rapid de potrivire

OpenRent

Căutarea unei piețe imobiliare de închiriere din Marea Britanie poate fi o durere de cap fără instrumentul online potrivit. Cu PWA OpenRent, chiriașii și proprietarii pot căuta în mod convenabil cea potrivită atunci când vine vorba de proprietăți disponibile.

PWA oferă răspuns rapid și actualizări în timp real. Acest lucru este esențial pentru site, deoarece OpenRent elimină listele de îndată ce sunt lăsate pentru a evita anunțurile fantomă care frustrează potențialii chiriași.

Ce ne place la acest director PWA:

• Capacitatea de filtrare a rezultatelor
• Adăugarea ușoară a proprietății
• Timp de răspuns rapid

Vanzari auto

Pentru o piață de automobile online pe PWA, Carsales, una dintre cele mai populare destinații de către cumpărătorii de mașini din Australia, oferă multă comoditate utilizatorilor săi.

Cumpărătorii pot căuta mașini în funcție de tipul de caroserie, marcă, preț, oferte speciale. Vânzătorii, pe de altă parte, pot cere o evaluare a mașinii lor, iar Carsales se va ocupa de restul.

PWA oferă, de asemenea, sfaturi de experți prin recenzii, recomandări și sfaturi despre îngrijirea mașinii tale.

Ce ne place la acest director PWA :

• O experiență grozavă pe mobil mai întâi
• Raspunde la orice dimensiune a ecranului
• Experiență offline ușoară

Carigami

Carigami este un broker francez de vânzare cu amănuntul de mașini care face legătura între furnizori și chiriași. PWA oferă comparații de prețuri fiabile ale mașinilor în funcție de preferințele de căutare ale utilizatorului privind orașul, vârsta șoferului, data și ora.

Aplicația returnează rezultatele căutării în câteva secunde, complete cu toate detaliile fiecărei mașini închiriate.

Ce ne place la acest director PWA:

• Timp de încărcare rapid
• Rezultate de căutare precise
• Filtre de căutare

Strălucire

Shine este cel de-al doilea portal de locuri de muncă de top din India, care a fost fondat în 2008. Asortează candidații cu peste 15.000 de companii dintr-o varietate de industrii.

PWA-ul său este unul dintre cele mai bune pentru un site de potrivire a locurilor de muncă. De exemplu, căutarea unor locuri de muncă specifice poate fi ușor filtrată în funcție de competențe, desemnare, departament, industrie, locație și educație.

Alertele de locuri de muncă sunt, de asemenea, livrate fără probleme pe dispozitivul unui utilizator.

Ce ne place la acest director PWA:

• Notificări
• Complet accesibil
• Pagina offline personalizată

Social sau comunitar

Tinder

Când Tinder a perturbat piața scenei de întâlniri, mulți utilizatori au ajuns să iubească aplicația pentru abordarea sa inovatoare a potrivirii.

În 2017, compania a investit în propriul PWA după trei luni de dezvoltare. Beneficiile au fost observate instantaneu. În primul rând, a reușit să-și reducă investiția în date de la 30 MB pe aplicația sa nativă la doar 2,8 MB pe PWA.

De asemenea, a raportat încărcare mai rapidă a paginii și o implicare mai bună din partea utilizatorilor (în ceea ce privește sesiunile de glisare, mesagerie, achiziții și cheltuieli).

Ce ne place la acest PWA social:

• Notificări
• Ușurință în utilizare
• Performanță optimizată (diviziunea codului bazată pe rută)

Pinterest

Timp de trei luni, Pinterest, populara platformă de partajare a imaginilor și social media, a construit un PWA pentru a-și extinde baza internațională de utilizatori. Potrivit Google, în comparație cu vechiul său site mobil, care avea 650 KB, dimensiunea de 150 KB a PWA a fost suficientă pentru a-și impresiona utilizatorii.

Abonații Pinterest pot aștepta acum doar 5,6 secunde pentru ca interfața de utilizare să poată fi utilizată, comparativ cu cele 23 de secunde anterioare din aplicația mobilă anterioară.

Rezultatele timpurii ale tranziției la PWA au fost promițătoare: creșterea cu peste 40% a timpului petrecut pe aplicație, anunțurile generate de utilizatori au crescut cu 44%, clicurile pe anunțuri au crescut cu 50% și implicațiile de bază s-au îmbunătățit cu 60%.

Ce ne place la acest PWA social:

• Notificări
• Utilizare redusă a lățimii de bandă
• Suport offline impresionant

Telegramă

Telegram a perturbat serviciul de mesagerie instantanee în 2013, oferind un instrument bazat pe cloud care este compatibil cu diferite dispozitive.

În momentul scrierii acestui articol, peste 400 de milioane de utilizatori activi lunar se bazează pe acest serviciu securizat multiplatform pentru a schimba mesaje text, fotografii, videoclipuri și fișiere audio.

Când PWA a fost lansat pentru a oferi aceeași funcționalitate ca aplicația sa mobilă nativă (dar la o dimensiune mai ușoară), compania a raportat o creștere a sesiunilor per utilizator, precum și a timpului de retenție cu 50%.

Ce ne place la acest PWA social:

• Instalabil pe iOS și Android
• Asistență offline
• Manifesta

Stare de nervozitate

Una dintre cele mai vechi PWA care a fost lansată este de la Twitter cu Twitter Lite PWA încă din 2017. Dezvoltatorii de aplicații l-au folosit ulterior ca model pentru integrarea funcțiilor web și native ale aplicației într-o aplicație mai ideală pentru mobil.

Potrivit Google, obiectivul PWA a fost de a îmbunătăți reangajarea celor 250.000 de utilizatori zilnici care își verifică conturile de patru ori în medie în fiecare zi.

Prin reducerea consumului de date, îmbunătățirea încărcării instantanee (5 secunde într-o rețea 3G) și îmbunătățirea implicării utilizatorilor, compania a raportat o creștere cu 65% a afișărilor de pagină pe sesiune, o creștere cu 75% a tweet-urilor trimise și o scădere cu 20% a ratei de respingere. .

Ce ne place la acest PWA social:

• Browser optimizat (diviziunea codului bazată pe rută)
• Utilizare mai mică a lățimii de bandă
• Actualizări rapide

Instagram

Instagram a urmat strategia Twitter de a oferi un PWA de îndată ce aplicația acestuia din urmă a fost lansată. La începutul lui 2020, Instagram și-a actualizat și aplicația Windows 10 pentru a fi un PWA complet cu mesagerie directă.

În timp ce aplicația sa nativă este încă comercializată, site-ul de pe browserul mobil al unui dispozitiv oferă aceeași funcționalitate și experiență de utilizator. Utilizatorii beneficiază de aceleași funcții de care s-au bucurat de mult timp din aplicația desktop și mobilă.

Ce ne place la acest PWA social:

• Notificări
• Timp de încărcare instantanee
• Raspuns rapid

Călătorii și rezervări

Airbnb

Airbnb este o platformă online care oferă aranjamente convenabile pentru închiriere și experiențe turistice în întreaga lume. În 2008, compania a început să pună în legătură proprietarii de case care doresc să-și închirieze camerele suplimentare călătorilor care căutau cazare la prețuri accesibile.

Zece ani mai târziu, PWA a fost actualizat pentru a funcționa bine cu Edge pe Windows 10 mobil. Rezultatul este o tranziție instantanee de pagină mai fluidă pentru clienți. Până în prezent, există peste 80 de milioane de vizitatori lunar pe Airbnb, majoritatea fiind în aplicația sa.

Ce ne place la acest PWA:

• Notificări
• Raspuns rapid
• Imagini de înaltă calitate care se încarcă în câteva secunde

Treebo

Un alt lider în industria rezervărilor online este Treebo, o platformă de rezervări hoteliere. Oferind opțiuni de cazare în mai mult de 165 de orașe din India, utilizatorii pot compara opțiunile pentru cele mai bune oferte.

Potrivit Google, PWA se încarcă în doar patru secunde prin rețeaua 3G. Site-ul raportează, de asemenea, că a obținut de cinci ori mai multe clicuri și și-a crescut rata de conversie de trei ori.

Ce ne place la acest PWA:

• Redare pe partea serverului
• Timp rapid pentru interactiv
• Redare progresivă (streaming HTML)

Noi mergem

Denumit cel mai mare site de călătorii din regiunile Asia Pacific și Orientul Mijlociu, Wego a ținut cont de comportamentul consumatorilor săi atunci când și-a proiectat PWA.

Deoarece majoritatea călătorilor se bazează pe telefoanele lor pentru a salva fotografiile, spațiul de stocare se poate epuiza cu ușurință. În plus, călătoria în diferite locuri poate fi frustrantă cu conexiunile lente și instabile la internet.

Pentru a oferi utilizatorilor săi confortul de a rezerva camere de hotel și zboruri, a fost construit un PWA. Wego a anunțat că și-a redus timpul de încărcare a paginii de la 12 secunde la puțin sub trei secunde, potrivit Google.

Ce ne place la acest PWA:

• Răspuns extrem de rapid
• Design minimalist
• Rezultate de căutare precise
• Ușoare

MakeMyTrip

Una dintre cele mai importante agenții de turism online din India, MakeMyTrip s-a alăturat trenului PWA pentru a răspunde mai bine celor 8 milioane de vizitatori lunari.

După ce a avut succes în aplicația sa nativă, compania a descoperit că conectivitatea limitată în țară cu limite de date pe smartphone-uri inferioare poate face accesul utilizatorilor foarte frustrant.

În plus, a observat că vizitatorii au petrecut mai mult timp pe site-ul lor decât în ​​aplicația lor nativă. Replicarea aceleiași experiențe este, prin urmare, crucială pentru utilizatorii de telefoane mobile.

Rezultatul este o creștere uimitoare cu 160% a sesiunilor clienților și o scădere cu 20% a ratei de respingere conform Google. În plus, cumpărătorii pentru prima dată erau probabil să facă o conversie de trei ori mai mult decât cei care au folosit aplicația nativă înainte.

Ce ne place la acest PWA:

• Navigare ușoară
• Instalabil pe orice sistem de operare
• Timp de încărcare rapid

Travelstart

Valorificând succesul pieței sale online, Jumia sa aventurat în industria călătoriilor cu Jumia Travel. PWA sa a contribuit la creșterea traficului de douăsprezece ori și a ratelor de conversie cu 33%, potrivit Google.

Jumia Travel a fost apoi achiziționată de Travelstart în 2019 pentru a crea una dintre cele mai mari platforme din industria călătoriilor. Utilizatorii Jumia Travel sunt redirecționați către Travelstart chiar și pe PWA, unde pot rezerva zboruri, cazare la hotel și mașini de închiriat.

Ce ne place la acest PWA:

• Timp de încărcare rapid
• Interfață simplă

Trivago

Pentru a-și găzdui cei 120 de milioane de vizitatori pe lună, compania germană de tehnologie Trivago și-a lansat PWA pentru a ajuta mai mulți utilizatori să caute și să compare prețurile hotelurilor înainte de a pleca într-o călătorie.

Acoperind aproape 200 de site-uri de rezervare, aplicația funcționează rapid în ceea ce privește generarea de comparații de preț. De asemenea, utilizatorii pot utiliza în mod convenabil harta Trivago, recenziile reale ale hotelurilor și pot consulta căutările anterioare pentru a economisi timp și lățime de bandă.

PWA a fost adăugat de peste jumătate de milion de utilizatori din 55 de țări pe ecranele lor de pornire, ceea ce a dus la o creștere de 150% a interacțiunii și 97% a clic-out-urilor la ofertele hoteliere, pe baza raportului Google.

Ce ne place la acest PWA:

• Instalabil pe Android și iOS
• Asistență offline excelentă
• Raspuns rapid
• Filtre de căutare
• Suport în mai multe limbi

Uber

PWA de la Uber este una dintre cele mai concepute aplicații de astăzi. Compania de transport și-a plasat aplicația Window 10 în culise în 2018 în favoarea PWA care a fost lansată pentru prima dată în iulie 2019.

În comparație cu aplicația sa mobilă nativă, PWA de la Uber ocupă doar 50 KB de spațiu de stocare. Se încarcă foarte repede, ceea ce îl face atât de convenabil atunci când ești blocat într-o zonă cu o rețea slabă.

În funcție de locația cuiva, Uber oferă servicii de transport, livrare de alimente, închiriere de biciclete și scutere și partajare aeriană cu o atingere de pe dispozitivul mobil.

Ce ne place la acest PWA:

• Timp de încărcare rapid
• Asistență offline
• Ușoare
• Proces de rezervare extrem de rapid

Lyft

Concurentul Uber, Lyft, care a fost fondat în 2012, și-a extins bazele de călăreți și șoferi în Statele Unite și Canada.

Oferind tarife mai ieftine (în ceea ce privește un plan de abonament pentru pasagerii frecvenți), compania a luat o cotă de piață uriașă, care era cândva dominată de Uber. Și-a introdus PWA în 2016

Pentru utilizatorii noi, PWA oferă un proces ușor de înregistrare, precum și servicii de rezervare, pentru care aplicația sa nativă este cunoscută.

Ce ne place la acest PWA:

• Timp de răspuns rapid
• Actualizări fiabile în timp real

Tajawal

O aplicație foarte populară de rezervare de zboruri și hoteluri în Emiratele Arabe Unite, Tajawal oferă soluții complete pentru a accesa mai mult de 450 de companii aeriene și mii de hoteluri pentru călători.

PWA funcționează foarte rapid și oferă soluții ușoare de rezervare printr-un proces simplificat. Interfața este simplă și se concentrează în principal pe rezervări.

Ce ne place la acest PWA:

• Încărcare foarte rapidă a paginii
• Tranzacții securizate

FlyWeekend

Această companie unică de rezervări de călătorii a fost fondată în 2017 în Amsterdam. Scopul este de a oferi utilizatorilor itinerarii de călătorie numai în weekend, astfel încât aceștia să se poată urca într-un avion și să experimenteze o retragere de două zile, pe baza recomandării sistemului.

Utilizatorii FlyWeeked introduc pur și simplu locația lor actuală și selectează un weekend în care doresc să ia o pauză. Apoi, sistemul oferă o listă de orașe pe care se poate face clic pe care utilizatorul le poate alege să „gliseze” dacă nu sunt interesați sau să rezerve călătoria.

PWA este ușor de utilizat, ceea ce garantează o implicare mai mare datorită conceptului unic.

Ce ne place la acest PWA:

• Timp de răspuns rapid
• Încărcare rapidă a paginii

Mișto vărul

Vizitarea unei țări străine poate deveni mai interesantă atunci când un localnic care vă împărtășește interesele vă poate ghida în timpul călătoriei. Cu Cool Cousin, vizitatorii pot selecta ghizi locali de încredere pe platforma lor ușor de utilizat.

Așa-numiții „veri” variază de la chirurgi la muzicieni, dar toți împărtășesc aceeași pasiune pentru a fi gazda turiștilor în orașul lor natal.

PWA a fost lansat în 2018 pentru a oferi utilizatorilor săi o experiență de acces mai rapidă și mai fluidă. În actualizarea lor oficială, compania a anunțat că aplicația a redus timpul de încărcare cu 25% și a redus accesul utilizatorilor la alte surse online.

Ce ne place la acest PWA:

• Timp de răspuns rapid
• Navigare ușoară

Divertisment

Soundslice

Învățarea cum să cântați la chitară, pian, saxofon sau banjo este acum simplificată cu Soundslice, o aplicație care sincronizează notația muzicală cu sunetul real.

PWA Soundslice este perfect pentru sesiunile de auto-predare folosind un dispozitiv mobil. Permite unui utilizator să schimbe înălțimea, secțiunile buclei și să noteze muzica. Pe de altă parte, profesorii de muzică pot dezvolta sesiuni interactive folosind instrumentul.

Exemplele de „slices” permit utilizatorilor să reda audio însoțit de un ghidaj de linii verticale în mișcare pe foaia de muzică.

Ce ne place la acest PWA:

• Design interactiv
• Timp de încărcare rapid

Spotify

Pentru serviciul de streaming de muzică digitală Spotify, profitul de o aplicație ușoară prin PWA este o necesitate pentru a urmări mai mulți abonați.

Aplicația desktop și mobilă Spotify sunt replicate în PWA, oferind ascultătorilor aceeași comoditate chiar și atunci când ascultă offline. PWA se încarcă mult mai repede, iar culorile de fundal se adaptează la genurile albumelor pentru o atingere mai personalizată.

Ce ne place la acest PWA:

• UI adaptiv
• Asistență offline
• Design interactiv

1Tuner

Contrar credinței populare, radioul nu este mort. Cu 1Tuner, orice utilizator poate asculta posturi de radio (oriunde în cuvânt) și podcasturi.

Pot chiar să creeze liste de redare, astfel încât să nu piardă să asculte emisiuni din Brazilia sau melodii de top redate pe posturile locale din Londra.

PWA funcționează și el perfect. Selectarea unui anumit post de radio vă permite să ascultați emisiunea în timp real. Pe de altă parte, podcast-urile sunt livrate la o calitate audio superbă.

Ce ne place la acest PWA:

• Tema personalizabila
• Număr mare de recomandări de conținut

9GAG

Umorul online nu a mai fost niciodată la fel de la lansarea lui 9GAG. Cu meme-uri pe internet, videoclipuri și imagini partajate de utilizatori din întreaga lume, site-ul a devenit o sursă de divertisment.

Cu toate acestea, și-a dat seama curând că vechea sa aplicație nativă necesita un timp mai lung pentru încărcare, mai ales când conținutul în tendințe implica o mulțime de videoclipuri.

9GAG a trecut la PWA pentru a reduce viteza de încărcare a paginii și pentru a încuraja o mai bună implicare a utilizatorilor. Site-ul a dezvăluit că utilizatorii săi au rămas pe aplicație cu 25% mai mult decât aplicația sa nativă.

Ce ne place la acest PWA:

• Instalabil pe Android și iOS
• Asistență offline
• Timp de încărcare rapid

Lotto.de

Informațiile colectate în timp real despre cele mai recente rezultate la loto euro pe această PWA oferă o resursă utilă pentru jucători.

PWA se încarcă extrem de rapid și funcționează bine cu dispozitive low-end și în conexiuni slabe la internet. Pentru orice jucător de loto care abia așteaptă să cunoască cele mai recente rezultate, acest PWA este un însoțitor util.

Ce ne place la acest PWA:

• Experiență lină de utilizator
• Disponibilitate in germana si engleza

Încheierea celor mai bune 50 de exemple PWA

Sperăm că aceste exemple de aplicații web progresive au evidențiat unele dintre principalele puncte pe care le-am făcut în acest ghid.

Aceste mărci au investit în UX-ul lor mobil și au obținut beneficii. Puteți și ar trebui să le urmați pe urme și să mergeți „în primul rând pe mobil” cu o aplicație web progresivă impresionantă pentru propria afacere. Vă vom spune cum, dar mai întâi vom răspunde la o întrebare cheie – „Dar aplicațiile native?”

Poate că v-ați jucat cu ideea de a construi singur aplicații iOS și Android și, în schimb, v-ați lăsat să vă uitați la PWA. Poate că nu sunteți așa de agitat să vă lansați în App Stores și doriți doar un site mult mai bun.

Oricum ar fi – vom acoperi pe scurt dezbaterea „nativ vs PWA” și vom explica de ce credem că un PWA este minim, iar aplicația PWA + nativă este optimă.

Ce fel de aplicație ar trebui să construiești? Aplicații web progresive vs aplicații native

Există o idee că aplicațiile web progresive și aplicațiile native sunt rivale. Aceste PWA vor face aplicațiile native irelevante și inutile. Că întreprinderile vor alege între construirea unui PWA și o aplicație nativă și vor opta întotdeauna pentru cea din urmă.

Această narațiune este greșită și prezintă aplicațiile native vs PWA-uri ca o alegere, ceea ce este o dihotomie falsă. Adevărul este că PWA-urile și aplicațiile native sunt o combinație genială și funcționează sinergic împreună. Acestea acoperă bazele celuilalt și vă asigură că oferiți tuturor o experiență de utilizator optimă, indiferent de canal.

PWA beneficiază de acoperirea, descoperirea și ubicuitatea web-ului. Ei atrag trafic organic și impresionează vizitatorii pentru prima dată cu o experiență rapidă și elegantă, convingându-i să petreacă mai mult timp (și bani) pe site-ul tău. Acestea oferă o opțiune de instalare ușoară, care reduce frecarea și gatekeeper-urile și pot atrage chiar și pe cei îngrijorați de spațiul limitat de stocare al dispozitivului.

Ele oferă mijlocul perfect de a construi o conexiune cu noii vizitatori și cu cei care sunt suficient de implicați pentru a reveni, dar nu suficient pentru a descărca aplicațiile native din orice motiv. PWA-urile sunt mijlocul perfect de a hrăni oamenii prin pâlnia dvs.

Pe de altă parte, aplicațiile native au acoperire și vizibilitate slabe în comparație cu PWA. Acestea se află în spatele „grădinilor cu ziduri” ale App Store-urilor și necesită un nivel mai ridicat de angajament din partea utilizatorului pentru a le instala și descărca. Pe de altă parte, ele sunt mai în concordanță cu obiceiurile existente ale utilizatorilor, vă permit să trimiteți notificări push utilizatorilor iOS și vă pot oferi vizibilitate/prezență de creștere a mărcii în App Stores.

Aplicațiile native sunt excelente pentru cititorii/clienții/utilizatorii dvs. de bază. Cea mai loială bază ar trebui încurajată să descarce aplicațiile native și să le acceseze – chiar în spatele unui ecran de conectare sau chiar în spatele unui perete de plată – astfel încât să le puteți aduna într-un singur loc și să vă concentrați cu adevărat pe înțelegerea și implicarea lor, maximizând LTV-ul și păstrarea cât mai mult posibil.

Aplicațiile native sunt o „casă” grozavă pentru cei mai mari fani ai tăi.

Google spune astfel:

„PWA nu trebuie să înlocuiască aplicațiile native; pot lucra în tandem cu ei. Comercianții cu amănuntul, de exemplu, pot folosi o aplicație nativă pentru a implica utilizatori fideli care au șanse mai mari să instaleze o aplicație, dar folosesc un PWA pentru a ajunge cu ușurință la noi utilizatori. Utilizatorii care interacționează cu PWA pot fi apoi solicitați să descarce aplicația mobilă în viitor.”

Recomandarea noastră – construiți ambele!

Dacă aveți un buget limitat, alegeți un PWA. Dacă aveți o aplicație nativă, dar nu o PWA, cu siguranță ar trebui să creați una cât mai curând posibil. Dacă sunteți pe deplin angajat să construiți un UX optim pentru dispozitive mobile și sunteți capabil să investiți în realizarea acestuia, atunci construiți-le pe ambele și puneți-le în completarea punctelor forte și a punctelor slabe ale celuilalt.

Puteți obține aplicații native grozave cu MobiLoud, tot ce aveți nevoie este un site web sau o aplicație web. Luați legătura cu echipa noastră pentru a afla mai multe!

Cum să construiți o aplicație web progresivă

Scopul acestui ghid este de a vă oferi o imagine de ansamblu completă la nivel înalt asupra PWA. Subtilitățile dezvoltării lor nu sunt ceva în care vom intra, dar vă vom prezenta opțiunile, astfel încât să puteți face singur alegerea.

Există o mulțime de conținut online despre cum puteți construi un PWA în „10 minute”. Cu promisiunile de a aduce acel sentiment de aplicație nativă într-o aplicație web tradițională, totul de la zero în mai puțin de o oră, este ușor să fii ademenit de aceste tutoriale.

Este totuși legal?

Da și nu. Aceste „hack-uri” PWA sunt, de asemenea, pentru îndeplinirea criteriului minim absolut a – HTTPS, manifest web și lucrător de servicii. Dacă sunteți interesat să creați o aplicație web progresivă de bază, funcțională, puteți încerca PWABuilder de la Microsoft. Cu puțină tehnică și cunoștințe tehnice ai putea obține ceva decent în funcțiune.

Pentru a construi o aplicație web progresivă unică, optimizată și bogată în funcții – care își îndeplinește cu adevărat potențialul – trebuie să investiți mai mult. Pentru a vedea de ce, haideți să dezvăluim pașii fundamentali.

1. Achiziționați un certificat SSL pentru a fi configurat prin serviciul dvs. de găzduire
2. Dezvoltați un shell de aplicație
3. Verificați dacă browserul acceptă lucrătorii de service
4. Înregistrați fișierul de lucru al serviciului
5. Adăugați notificări push și manifestul aplicației web
6. Configurați promptul de instalare
7. Testați funcționalitățile aplicației
8. Auditați lista de verificare a aplicației Lighthouse
9. Remediați erori
10. Lansați aplicația

Sună ușor, nu?

În realitate, pentru a face acest lucru bine și pentru a construi o aplicație web progresivă personalizată, necesită dezvoltatori front-end cu experiență în construirea de aplicații web complexe.

Munca vitală de configurare a lucrătorului de service și de stocare în cache pentru o performanță optimă este complexă și necesită abilități reale. Apoi, în funcție de cerințele dvs., veți avea nevoie și de designeri care înțeleg experiența utilizatorului aplicației native și cum să o aplice eficient pe web.

Dacă nu sunteți o companie destul de mare, probabil că nu aveți o mulțime de dezvoltatori front-end talentați care așteaptă să le spuneți ce să facă. Ar trebui să-i găsești, să-i angajezi și să faci o echipă și să-i gestionezi – o sarcină dificilă dacă nu ai experiență în astfel de lucruri. Dezvoltatorii front-end buni sunt întotdeauna solicitați, iar tarifele lor contractuale reflectă acest lucru.

Costul și durata de construire a unei aplicații web progresive

Deci cât ar costa asta? Ei bine, este un pic ca clasicul „cât de lungă este o bucată de sfoară?”

Depinde în întregime de complexitatea aplicației pe care doriți să o construiți. Potrivit autorilor cărții PWA:

Construirea unui PWA de la zero va dura între 3400 wh (pentru o aplicație mică) și 9000 wh (un proiect dedicat pe care l-am realizat). Aceasta înseamnă un cost între 400.000 USD și 1 milion USD. Utilizarea unei platforme cloud va fi cu cel puțin 75% mai ieftină, iar Time to Market va fi, de asemenea, cu 75% mai scurt (2-3 luni în loc de 8-12 luni).

– Capitolul 10, Cartea PWA

Acest lucru pare costisitor, dar vă oferă o idee despre modul în care mărcile importante precum cele pe care le-am analizat mai sus investesc în experiențele lor.

Desigur, dacă convertiți un site într-un PWA, mai degrabă decât să îl construiți de la zero, va fi mai ieftin și mai ușor în majoritatea cazurilor. Ca o estimare aproximativă, doriți să investiți cel puțin 3 luni și 20.000 USD până la 50.000 USD pentru a obține un rezultat grozav.

Dezvoltatorii urmează diferite faze ale proiectului, dar în majoritatea cazurilor, acesta implică șapte faze: descoperire, proiectare, revizuire, dezvoltare preliminară, testare, remediere a erorilor și lansare finală.

Dacă PWA-ul dvs. este mai complex, așteptați-vă ca finalizarea acestuia să dureze mai mult, având în vedere funcționalitățile avansate care trebuie integrate, cum ar fi GPS, suport pentru rețelele sociale și acces la cameră.

Acestea fiind spuse, PWA simple pot dura mai puțin de trei luni (sau chiar doar câteva săptămâni dacă sunt oasele goale). Dacă doriți să aveți funcții mai avansate, cum ar fi panoul de administrare backend, modele de vizualizare și alte integrări, atunci puteți avea în continuare PWA în mai puțin de șase luni.

Aceasta poate părea o sumă considerabilă, dar dacă o puneți în context, merită mai mult decât. Nu numai că sunt mai accesibile și mai rapid de construit decât aplicațiile native, dar este probabil ca viteza și experiența îmbunătățită a utilizatorului să se achite singure pe termen lung.

Dacă sunteți pe WordPress, există câteva modalități mai simple de a vă transforma site-ul WordPress într-un PWA și câteva pluginuri WordPress PWA pe care le puteți încerca.

Vă putem ajuta să vă sfătuim cu privire la opțiunile dvs. și, dacă site-ul dvs. este potrivit, utilizați platforma noastră personalizată pentru a-l converti într-un PWA în doar 2 săptămâni, pentru o fracțiune din costul standard. De asemenea, putem construi aplicații native iOS și Android de pe site-ul dvs. într-un interval de timp similar, astfel încât să aveți toate bazele dvs. mobile acoperite pentru 2021 și mai departe!

Luați legătura cu unul dintre experții noștri de telefonie mobilă pentru o consultație pentru a afla mai multe.

Este în mâinile tale – Începeți azi să construiți o aplicație web progresivă!

Ar trebui să aveți o imagine de ansamblu bună despre caracteristicile și puterea aplicațiilor web progresive până acum.

Pentru a afla mai multe, consultați aceste resurse:

• Cartea PWA
• Resursele Google pe web.dev și Google Developers
• Statistici PWA (valori interesante și studii de caz)
• Google PWA Roadshow (serie video grozavă)
• Ghidurile excelente PWA ale Mozilla
• Cartea lui Jason Grigsby Progressive Web Apps
• Ce poate face web astăzi? (afișează cum s-a dezvoltat tehnologia web)
• Da, acel proiect web ar trebui să fie un PWA (ghid/articol excelent)
• Ghidul nostru despre diferența dintre aplicațiile native, web și hibride

Acum e rândul tău. Poate părea o sarcină descurajantă – dar trebuie să vă transformați site-ul într-o aplicație web progresivă pentru a avea cu adevărat o prezență web impresionantă, modernă și optimă.

Când va fi gata de lansare, veți fi fericit, vă garantăm. Iar clienții tăi te vor răsplăti petrecând mai mult timp, atenție și bani interacționând cu afacerea ta.

După cum am menționat, totuși, un PWA nu este un înlocuitor pentru aplicațiile native. PWA-urile sunt în primul rând un site web mult mai bun. Poate fi greu să-i convingi pe utilizatori să le instaleze pe dispozitivele lor, deoarece nu sunt încă obișnuiți cu asta și nu trimiți notificări push către utilizatorii iOS și o prezență a mărcii în App Stores.

Ar trebui să construiți și aplicații native ?

Un PWA este o necesitate, dar aplicațiile native sunt încă experiența supremă pentru utilizatorul mobil. Singurul motiv pentru care unii sunt precauți sau negativi cu privire la perspectiva aplicațiilor native este cheltuiala mare (50.000 USD+) și procesul de dezvoltare lung și laborios care în mod tradițional a venit împreună cu acestea.

Dacă împărtășiți aceste preocupări, dar sunteți interesat să construiți aplicații iOS și Android pentru marca dvs., ar trebui să consultați platformele noastre Știri, Canvas pentru comerț electronic sau Canvas. Indiferent care este potrivit pentru dvs. – vă puteți converti site-ul sau aplicația web în aplicații native de calitate superioară în doar câteva săptămâni, pentru doar 100 USD/m.

Platformele noastre pot fi folosite pentru a converti orice site web într-o aplicație mobilă. Nu contează cu ce este construit site-ul tău. MobiLoud este excelent pentru a construi:

• aplicații WordPress
• Aplicații Bubble
• Aplicații Squarespace
• Aplicații Wix
• Aplicații WooCommerce
• Aplicații Webflow

Și orice între ele! Veți fi configurat cu notificări push nelimitate pe Android și iOS și veți avea toate funcțiile de care aveți nevoie pentru a construi o prezență multiplatformă câștigătoare pe web și în App Stores.

De asemenea, vă putem ajuta cu un PWA, astfel încât să aveți combinația mobilă ideală de acum înainte. Dacă sună bine, atunci contactați-vă și rezervați o demonstrație astăzi. Dacă te hotărăști să iei un alt traseu, atunci succes în călătoria ta. Sperăm că v-au plăcut exemplele PWA și că v-ați inspirat pentru a vă ajuta să prosperați pe mobil!