Progressive Web Apps (PWA): Top 3 studii de caz

Imaginați-vă că tocmai v-ați lansat start-up-ul și site-ul dvs. web arată minunat, dar nu aveți suficient buget pentru a dezvolta o aplicație mobilă, care poate fi importantă pentru strategia dvs. de afaceri. Cu toate acestea, este foarte scump și puțin riscant. De asemenea, va trebui să petreceți mult timp construind o aplicație nativă, dar nimeni nu vă cunoaște bine marca. Oamenii vor avea suficientă încredere în aplicația dvs. pentru a o descărca din App Store sau Google Play Store?

În plus – vor fi clienții/cititorii dvs. suficient de hotărâți să facă niște pași suplimentari, cum ar fi închiderea site-ului dvs. web, deschiderea Google Play sau App Store și apoi așteptați cu răbdare până când aplicația se instalează?

Amintiți-vă că oamenii sunt mult mai pretențioși în zilele noastre. Cu alte cuvinte, sunt și foarte nerăbdători – se așteaptă la soluții rapide . Descărcarea unei astfel de aplicații dintr-un magazin extern nu sună ca o operațiune foarte rapidă, iar aplicațiile native nu sunt foarte accesibile pentru fiecare utilizator. Din punctul de vedere al Experienței utilizatorului, există multe obstacole pentru client înainte ca acesta să-și atingă obiectivul (și al tău).

Și încă un lucru - ești sigur că clienții tăi vor avea suficient spațiu de stocare intern pentru a-ți descărca aplicația?

Așa că vei investi mulți bani în construirea unei aplicații mobile (atât pentru IOS, cât și pentru Android) și nu poți fi sigur că oamenii o vor folosi efectiv. Ahh... și nu uitați de toate aceste sume uriașe din bugetul dvs. de marketing pe care va trebui să le cheltuiți pentru publicitate și promovare!

Dar stai, nu intra în panică, din fericire, trăiești în 2019, când   Aplicațiile web progresive devin o soluție comună atunci când vine vorba de crearea de aplicații mobile!

Ați auzit vreodată despre Progressive Web Apps ? Dacă nu, acum este șansa ta de a ajunge din urmă cu această ultimă tendință tehnologică sau vei rămâne în urmă! Am scris deja un articol cuprinzător în care explică ce sunt acestea și de ce merită să alegeți această opțiune.

Astăzi am dori să vă inspirăm și să vă prezentăm poveștile de succes ale mărcilor care au construit deja Progressive Web Apps.

TRIVAGO

Trivago dobândește o bună reputație pentru motorul de căutare a hotelurilor, care este disponibil în 33 de limbi diferite. Pe baza informațiilor despre hotel, imagini, evaluări, recenzii, filtre și alte caracteristici, Trivago îi ajută pe utilizatori să găsească cea mai bună ofertă.

Problemă

Problema este că Trivago a observat o creștere semnificativă a utilizatorilor de telefonie mobilă în ultimii ani. Brandul a realizat că experiența mobilă devine din ce în ce mai importantă pentru clienții lor.

Cu toate acestea, crearea de soluții mobile nu este o simplă simplă și asta înseamnă a face alegeri dificile. Mai exact, compania nu era sigură dacă oamenii vor accepta costul descărcării unei aplicații mobile, doar pentru a verifica dacă se potrivește așteptărilor lor. De asemenea, au observat că mulți oameni au probleme cu o conexiune mobilă de calitate . Din aceste motive, Trivago căuta oportunități diferite decât o aplicație nativă.

 Lectură recomandată: Aplicații web progresive vs aplicații native: care vi se potrivește mai bine?

Soluţie

În cele din urmă, au descoperit Progressive Web Apps , ale căror caracteristici păreau a fi perfecte pentru nevoile lor. În acel moment, ei căutau o soluție care să le ofere notificări push , ​mod offline​ și ​comenzi rapide pe ecranul de pornire ​. Iar cel mai important factor pentru Trivago a fost accesibilitatea la această aplicație printr-un browser mobil standard .

Această soluție PWA i-a ajutat să creeze o aplicație fără a fi nevoie să implice echipe mari de dezvoltatori de software. S-au concentrat la început pe cele mai importante caracteristici, cum ar fi notificările push, accesul offline și posibilitatea de a adăuga aplicația pe ecranul de pornire . Desigur, au fost dificultăți la început. Ei au spus că una dintre cele mai mari provocări a fost crearea unei interfețe de utilizator intuitive, deoarece proiectarea unui aspect mobil este mult mai diferită decât cea de pe site-urile web standard. Potrivit Laura Oades, designer pentru PWA:

„Pe dispozitivul mobil, aveți problema suplimentară de a crea o interfață de utilizator care să fie agnostică și să nu confuze” și „PWA este în mare parte un teritoriu necunoscut în design și o oportunitate reală pentru cei care rezolvă probleme creative să se întindă pentru a defini un nou standard.”

Rezultatele

• Site-ul web mobil Trivago este disponibil în 33 de limbi, în 55 de țări.
• Peste 500 000 de persoane au adăugat o comandă rapidă Trivago pe ecranul lor de pornire, iar implicarea lor a crescut cu 150% .
• În comparație cu site-urile web mobile anterioare, Progressive Web App a atras mult mai mulți utilizatori. Înainte de PWA, au fost înregistrate doar 0,8% vizite repetate, acum acest număr a crescut la o medie de 2%.
• Notificările push s-au dovedit a fi un mijloc perfect de comunicare – au ajutat la creșterea conversiei – numărul de clicuri în PWA pe ofertele hoteliere a crescut cu 97%.

 Lectură recomandată: 7 cele mai bune aplicații web progresive din industria călătoriilor

PINTEREST

Pinterest este o rețea socială care permite utilizatorilor să partajeze vizual și să descopere noi interese prin postarea (cunoscută sub denumirea de „fixare” pe Pinterest ) imagini sau videoclipuri pe forumurile proprii sau ale altora (adică o colecție de „pinuri”, de obicei cu un tema) și răsfoind ceea ce au fixat alți utilizatori

Problemă

După ce au analizat utilizarea pentru utilizatorii web mobil neautentificați, aceștia și-au dat seama că vechea lor experiență web lentă a reușit să transforme doar 1% dintre utilizatori în înscrieri, autentificări sau instalări native de aplicații. Oportunitatea de a îmbunătăți această rată de conversație a fost uriașă, conducându-i la o investiție în PWA.

Pinterest PWA a început pentru că s-au concentrat pe creșterea internațională, ceea ce i-a condus către web-ul mobil.

Soluţie

Peste 3 luni , Pinterest și-a reconstruit experiența web mobilă folosind React, Redux și webpack. Rescrierea lor pe web mobil a dus la câteva îmbunătățiri pozitive ale valorilor de bază ale afacerii.

Rezultatele

Rescrierea lor pe web mobil a dus la mai multe îmbunătățiri ale performanței.

Timpul petrecut a crescut cu 40% în comparație cu vechea experiență web mobilă, veniturile din reclame generate de utilizatori au crescut cu 44% , iar implicațiile de bază au crescut cu 60% :

Vechea experiență web mobilă a lui Pinterest a fost un monolit - includea pachete mari de JavaScript cu un proces mare de procesare, care au scos la iveală cât de repede se puteau încărca și deveni interactive paginile Pin.

Noua lor experiență web mobilă este o îmbunătățire drastică.

Nu numai că au distrus și au redus sute de KB din JavaScript, reducând dimensiunea pachetului lor de bază de la 650 KB la 150 KB, dar și-au îmbunătățit și valorile cheie de performanță. First Meaningful Paint a scăzut de la 4,2 secunde la 1,8 secunde, iar Time To Interactive a scăzut de la 23 secunde la 5,6 secunde.

Deși Pinterest vând aplicații iOS și Android, acestea au reușit să ofere aceeași experiență de bază în fluxul de acasă pe care aceste aplicații o fac pe web, într-o fracțiune din costul inițial de descărcare - doar ~ 150 KB comprimat și arhivat. Acest lucru contrastează cu cei 9,6 MB necesari pentru a oferi această experiență pentru Android și 56 MB pentru iOS

STARE DE NERVOZITATE

După cum știți deja, Twitter este o platformă de socializare, unde oamenii postează mesaje scurte numite tweet-uri. A fost creat în martie 2006. Acum are peste 335 de milioane de utilizatori activi (iulie 2018).

Problemă

Twitter a observat că utilizatorii au trebuit să depășească multe obstacole în timp ce își folosesc site-ul mobil.

Unii dintre ei se aflau pe rețele mobile lente și ​aveau puțin spațiu pe stocarea dispozitivelor mobile .​ Ca urmare, vizitatorii au fost reticenți să petreacă timp pe site-ul Twitter sau să se angajeze în a posta și a comenta mai mult. Twitter a vrut să găsească o alternativă atractivă pentru persoanele care nu folosesc aplicația lor nativă sau nu au suficient spațiu pentru descărcarea acesteia.

Soluţie

Twitter a decis să creeze o aplicație web progresivă , deoarece părea a fi cea mai bună combinație între un site web modern și funcții native. Încărcarea instantanee, consumul mai scăzut de date și accesibilitatea mare erau caracteristicile pe care Twitter le căuta.

Rezultate

Rezultatele s-au dovedit a fi foarte impresionante – cifrele vorbesc de la sine:

• Scădere cu 20% a ratei de respingere,
• Creștere cu 65% a paginilor pe sesiune,
• Creștere cu 75% a tweet-urilor trimise.

Ca și în poveștile de succes anterioare, promptul „ adăugați la ecranul de pornire ” și notificările push au crescut semnificativ implicarea utilizatorului . După cum este raportat în acest studiu de caz, Twitter a observat că 250 000 de utilizatori unici zilnic rulează Twitter Lite de pe ecranul de start de 4 ori pe zi, în medie. În plus, trimit peste 10 milioane de notificări push pe zi

Conform intențiilor Twitter, PWA ocupă mult mai puțin spațiu​ (doar 600 KB) decât aplicația nativă Android (23,5 MB), așa că există o posibilitate mai mare ca oamenii să aibă suficient spațiu în stocarea lor internă pentru a o salva.

În plus, Twitter a adăugat un mod de economisire a datelor , care ajută utilizatorii să controleze cantitatea de date mobile utilizate. Datorită acestei opțiuni, puteți alege ce imagini sau videoclipuri doriți să încărcați complet și care pot rămâne doar ca o previzualizare.

 Lectură recomandată: PWA SEO: Aplicațiile web progresive (PWA) beneficiază de SEO? (Cu stat și exemple)

Îmbrățișați viitorul site-urilor web

PWA este viitorul aplicațiilor mobile. Există posibilitatea ca acestea să înlocuiască aplicațiile native cu timpul, devenind o combinație perfectă de aplicație nativă și site-ul web. Într-o lume în care viteza de adoptare a noii tehnologii este un avantaj competitiv, companiile care reușesc să îmbrățișeze momentul PWA mai devreme, pot crește semnificativ veniturile, pot crește implicarea utilizatorilor, rămânând în același timp înaintea concurenței.

În trecut, Apple a avut unele limitări pentru aplicațiile web progresive, cu toate acestea, acum sunt din ce în ce mai susținătoare pentru PWA. Pentru comercianții online care caută un PWA perfect pentru site-urile Magento eCommerce, aici, la SimiCart, oferim un pachet complet pentru tine și magazinul tău.