Progressive Web Apps (PWA): i 3 migliori casi di studio

Immagina di aver appena lanciato la tua start-up e il tuo sito web ha un aspetto fantastico, ma non hai abbastanza budget per sviluppare un'app mobile, che potrebbe essere importante per la tua strategia aziendale. Tuttavia, è molto costoso e un po' rischioso. Dovrai anche dedicare molto tempo alla creazione di un'app nativa, ma nessuno conosce bene il tuo marchio. Le persone si fideranno abbastanza della tua applicazione da scaricarla dall'App Store o dal Google Play Store?

Cosa c'è di più: i tuoi clienti/lettori saranno abbastanza determinati da compiere alcuni passaggi aggiuntivi come chiudere il tuo sito Web, aprire Google Play o l'App Store e quindi attendere pazientemente fino all'installazione dell'app?

Ricorda che le persone sono molto più esigenti in questi giorni. In altre parole, sono anche molto impazienti : si aspettano soluzioni rapide . Scaricare un'app del genere da un negozio esterno non sembra un'operazione molto rapida e le app native non sono molto accessibili per tutti gli utenti. Dal punto di vista della User Experience, ci sono molti ostacoli per il cliente prima che raggiunga il suo (e il tuo) obiettivo.

E un'altra cosa: sei sicuro che i tuoi clienti disporranno di spazio di archiviazione interno sufficiente per scaricare la tua app?

Quindi investirai molti soldi nella creazione di un'app mobile (sia per IOS che per Android) e non puoi essere sicuro che le persone la utilizzeranno effettivamente. Ahh... e non dimenticare tutte queste enormi quantità del tuo budget di marketing che dovrai spendere in pubblicità e promozione!

Ma aspetta, niente panico, fortunatamente stai vivendo nel 2019, quando   Le Progressive Web App stanno diventando una soluzione comune quando si tratta di creare app mobili!

Hai mai sentito parlare di Progressive Web App ? In caso contrario, ora hai la possibilità di aggiornarti su questa ultima tendenza tecnologica o rimarrai indietro! Abbiamo già scritto un articolo completo spiegando cosa sono e perché vale la pena scegliere questa opzione.

Oggi vorremmo darti un po' di ispirazione e presentarti storie di successo di marchi che hanno già creato Progressive Web App.

TRIVAGO

Trivago acquisisce una buona reputazione per il motore di ricerca di hotel disponibile in 33 lingue diverse. Sulla base di informazioni, immagini, valutazioni, recensioni, filtri e altre caratteristiche dell'hotel, Trivago aiuta i propri utenti a trovare la migliore offerta.

Problema

Il problema è che Trivago ha notato un aumento significativo degli utenti mobili negli ultimi anni. Il marchio si è reso conto che l'esperienza mobile sta diventando sempre più importante per i propri clienti.

Tuttavia, creare soluzioni mobili non è un gioco da ragazzi e questo significa fare scelte difficili. In particolare, l'azienda non era sicura se le persone avrebbero accettato il costo del download di un'app mobile, solo per verificare se corrispondesse alle loro aspettative. Hanno anche notato che molte persone hanno problemi con una connessione mobile di qualità . Per questi motivi, Trivago cercava opportunità diverse rispetto a un'app nativa.

 Letture consigliate: app Web progressive vs app native: quale ti si addice meglio?

Soluzione

Infine, hanno scoperto le Progressive Web App , le cui funzionalità sembravano perfette per le loro esigenze. A quel tempo, stavano cercando una soluzione che fornisse loro notifiche push , modalità offline e scorciatoie della schermata iniziale . E il fattore più importante per Trivago è stata l'accessibilità a questa app tramite un browser mobile standard .

Questa soluzione PWA li ha aiutati a creare un'app senza dover coinvolgere grandi team di sviluppatori di software. All'inizio si sono concentrati sulle funzionalità più importanti, come le notifiche push, l'accesso offline e la possibilità di aggiungere l'app alla schermata iniziale . Ovviamente all'inizio ci sono state delle difficoltà. Hanno affermato che una delle maggiori sfide era creare un'interfaccia utente intuitiva perché la progettazione di un aspetto mobile è molto più diversa da quella dei siti Web standard. Secondo Laura Oades, designer per PWA:

"Sui dispositivi mobili, hai il problema aggiuntivo di creare un'interfaccia utente indipendente dalla piattaforma e non confusa" e "PWA è un territorio in gran parte inesplorato nel design e una reale opportunità per i risolutori di problemi creativi di allungarsi per definire un nuovo standard".

I risultati

• Il sito web mobile di Trivago è disponibile in 33 lingue, in 55 paesi.
• Più di 500.000 persone hanno aggiunto un collegamento Trivago alla schermata iniziale e il loro coinvolgimento è aumentato del 150% .
• Rispetto ai precedenti siti Web mobili, Progressive Web App ha attirato molti più utenti. Prima di PWA, si registravano solo lo 0,8% di visite ripetute, ora questo numero è aumentato a una media del 2%.
• Le notifiche push si sono rivelate un mezzo di comunicazione perfetto – hanno contribuito ad aumentare la conversione – il numero di clic nella PWA sulle offerte degli hotel è aumentato del 97%.

 Lettura consigliata: 7 migliori app Web progressive nel settore dei viaggi

PINTEREST

Pinterest è un social network che consente agli utenti di condividere visivamente e scoprire nuovi interessi pubblicando (noti come "pinning" su Pinterest ) immagini o video sulle proprie o altrui bacheche (cioè una raccolta di "pin", di solito con un tema) e sfogliare ciò che altri utenti hanno appuntato

Problema

Dopo aver analizzato l'utilizzo per gli utenti Web mobili non autenticati, si sono resi conto che la loro esperienza Web vecchia e lenta è riuscita a convertire solo l'1% degli utenti in registrazioni, accessi o installazioni di app native. L'opportunità di migliorare questo tasso di conversazione è stata enorme, portandoli a un investimento nella PWA.

La Pinterest PWA è nata perché focalizzata sulla crescita internazionale, che li ha portati al web mobile.

Soluzione

In 3 mesi , Pinterest ha ricostruito la propria esperienza web mobile utilizzando React, Redux e webpack. La loro riscrittura del Web mobile ha portato a numerosi miglioramenti positivi nelle metriche del core business.

I risultati

La loro riscrittura del Web mobile ha portato a diversi miglioramenti delle prestazioni.

Il tempo speso è aumentato del 40% rispetto alla vecchia esperienza sul Web mobile, le entrate pubblicitarie generate dagli utenti sono aumentate del 44% e le interazioni principali sono aumentate del 60% :

La vecchia esperienza web mobile di Pinterest era un monolito: includeva grandi pacchetti di JavaScript pesanti per la CPU che spingevano fuori la velocità con cui le pagine Pin potevano caricarsi e diventare interattive.

La loro nuova esperienza sul Web mobile rappresenta un drastico miglioramento.

Non solo hanno suddiviso e ridotto centinaia di KB dal loro JavaScript, riducendo le dimensioni del loro bundle principale da 650 KB a 150 KB, ma hanno anche migliorato le metriche chiave delle prestazioni. La prima vernice significativa è scesa da 4,2 a 1,8 e Time To Interactive è stata ridotta da 23 a 5,6.

Sebbene Pinterest distribuisca app iOS e Android, sono stati in grado di offrire la stessa esperienza di feed home di base che queste app offrono sul Web a una frazione del costo iniziale di download: solo circa 150 KB minimizzati e compressi con gzip. Ciò contrasta con i 9,6 MB necessari per offrire questa esperienza per Android e 56 MB per iOS

TWITTER

Come già saprai, Twitter è una piattaforma di social media, in cui le persone pubblicano brevi messaggi chiamati tweet. È stato creato nel marzo 2006. Ora conta più di 335 milioni di utenti attivi (luglio 2018).

Problema

Twitter ha notato che gli utenti dovevano superare molti ostacoli durante l'utilizzo del proprio sito Web mobile.

Alcuni di loro erano su reti mobili lente e avevano poco spazio nell'archiviazione dei dispositivi mobili . Di conseguenza, i visitatori erano riluttanti a trascorrere del tempo sul sito Web di Twitter o a dedicarsi a pubblicare e commentare di più. Twitter voleva trovare un'alternativa interessante per le persone che non usano la loro app nativa o non hanno abbastanza spazio per scaricarla.

Soluzione

Twitter ha deciso di creare un'app Web progressiva perché sembrava essere la migliore combinazione di un sito Web moderno e funzionalità native. Caricamento istantaneo, minor consumo di dati e ampia accessibilità erano le caratteristiche che Twitter stava cercando.

Risultati

I risultati si sono rivelati davvero impressionanti: i numeri parlano da soli:

• 20% di riduzione della frequenza di rimbalzo,
• Aumento del 65% delle pagine per sessione,
• Aumento del 75% dei Tweet inviati.

Come nelle precedenti storie di successo, il prompt " aggiungi alla schermata iniziale " e le notifiche push hanno aumentato significativamente il coinvolgimento dell'utente . Come riportato in questo case study, Twitter ha notato che 250.000 utenti giornalieri unici utilizzano Twitter Lite dalla schermata iniziale in media 4 volte al giorno. Inoltre, inviano più di 10 milioni di notifiche push al giorno.

Secondo le intenzioni di Twitter, la PWA occupa molto meno spazio (solo 600 KB) rispetto all'app Android nativa (23,5 MB), quindi c'è una maggiore possibilità che le persone abbiano abbastanza spazio nella loro memoria interna per salvarlo.

Inoltre, Twitter ha aggiunto una modalità di risparmio dati , che aiuta gli utenti a controllare la quantità di dati mobili utilizzati. Grazie a questa opzione, puoi scegliere quali immagini o video vuoi caricare completamente e quali possono rimanere solo come anteprima.

 Letture consigliate: SEO PWA: le app Web progressive (PWA) traggono vantaggio dalla SEO? (Con statistiche ed esempi)

Abbraccia il futuro dei siti web

PWA è il futuro delle applicazioni mobili. C'è la possibilità che sostituiscano le applicazioni native con il tempo, diventando una perfetta combinazione di app native e sito web. In un mondo in cui la velocità di adozione di nuove tecnologie è un vantaggio competitivo, le aziende che riescono ad abbracciare la PWA in anticipo, possono aumentare significativamente le entrate, aumentare il coinvolgimento degli utenti rimanendo un passo avanti rispetto alla concorrenza.

In passato, Apple aveva alcune limitazioni per le applicazioni Web progressive, tuttavia ora supportano sempre di più le PWA. Per i commercianti online che cercano una PWA perfetta a 360 gradi per i siti Web di eCommerce Magento , qui su SimiCart offriamo un pacchetto completo per te e il tuo negozio.