PWA (Progressive Web Apps) è uno dei cambiamenti tecnologici più discussi nel web e ha guadagnato uno slancio ineguagliabile tra i professionisti del mondo IT. Se state costruendo per il web, sono sicuro che PWA è l’ultima ‘buzzword’ che è stata aggiunta al vostro vocabolario di lavoro. Non è sorprendente perché la PWA ha reso reale il sogno inverosimile di installare applicazioni web sul telefono.
C’è già stato un sacco di riflettori e ‘geekspeaks’ sulla costruzione di PWA e i suoi vantaggi. La maggior parte dei tentativi di introdurre le PWA, soprattutto ai neofiti, sembrano essere pieni di gergo o hanno troppo codice che potrebbe intimidirli a fare il primo passo. In questo articolo, sto cercando di dare un’istantanea delle PWA, quanto basta per avviare il loro processo di apprendimento.
Che cos’è una Progressive Web App?
“Progressive Web App (PWA) è un termine usato per indicare una nuova metodologia di sviluppo software. A differenza delle applicazioni tradizionali, le progressive web app sono un ibrido tra le normali pagine web (o siti web) e un’applicazione mobile. Questo nuovo modello di applicazione tenta di combinare le caratteristiche offerte dalla maggior parte dei browser moderni con i benefici dell’esperienza mobile.”
Questo è ciò che wikipedia dice delle PWA. Beh, questo potrebbe sembrare un po’ vago o addirittura controverso. Quindi guardiamo le PWA in modo informale.
Se mai il meglio del web e il meglio delle app hanno avuto un figlio clone – è la PWA. Oppure, è solo che la pagina web ha preso tutte le “vitamine giuste” in modo che possa comportarsi più come un’app scaricata dall’App Store/ Play Store. Inizia come una normale pagina web in un browser, e mentre un utente esplora la pagina web, ottiene la richiesta se vuole “Aggiungere alla schermata iniziale”. Una volta che l’utente dà il pollice in su a questa richiesta, VOILA! La PWA viene aggiunta alla loro schermata iniziale. Una volta aperta dalla schermata iniziale, può anche nascondere i controlli dell’UI del browser e apparire come un’app.
Questo è più simile a un segnalibro glorificato che ha colpito il punto dolce tra il web e le applicazioni mobili. Dico questo perché la PWA è riuscita a colmare il divario nel web. Il web ha sempre avuto sete di prestazioni affidabili alla pari con le app native. Ha sempre desiderato un posto nella barra delle notifiche e nella schermata iniziale proprio come un’app. Più del 40% degli utenti rimbalza dai siti web che impiegano più di 3 secondi per caricarsi. La PWA è una soluzione per questa “epidemia di obesità del web” affrontata dagli utenti.
Si tratta di rimuovere l’attrito e rendere facile per gli utenti arrivare a ciò che vogliono.
Il merito di questa esperienza senza soluzione di continuità dovrebbe essere dato al Service Worker (uno script che il browser esegue in background separato dalla pagina web), che è la spina dorsale di ogni PWA. I service worker permettono un caching affidabile e intelligente, l’aggiornamento dei contenuti in background, le notifiche push e le funzionalità offline più interessanti per i siti visitati in precedenza. Questo significa che, dopo la prima visita a un sito web, il sito e l’app saranno affidabili e veloci anche su reti deboli.
Ma qui potrebbe sorgere una domanda – che dire del primo carico veloce con prestazioni affidabili? È qui che Accelerated Mobile Pages (AMP) incontra il lavoratore dei servizi. AMP fornisce componenti web affidabili e veloci per il primo carico. Questi componenti sono molto più veloci da caricare e meno affamati di dati. I siti web che usano la combinazione di AMP e Service Worker forniranno una velocità affidabile come le app native. Una volta che la pagina viene caricata, il sito configura il service worker e le risorse vengono memorizzate nella cache in modo intelligente. Questo manterrà sempre aggiornata la PWA liberando così gli utenti dai frequenti aggiornamenti da fare dall’App Store.
PWA in breve:
- Affidabile: Caricamento veloce e funziona offline
- Veloce: Animazioni fluide, scorrimento senza seghe e navigazione senza soluzione di continuità anche su reti difettose
- Coinvolgente: Lanciato dalla schermata iniziale e può ricevere notifiche push
Perché è importante?
È un mito che gli utenti scaricheranno volentieri l’app di ogni sito web che visitano frequentemente. Secondo Comscore Mobile App Report, oltre il 50% degli utenti americani di smartphone scaricano Zero App al mese. Cioè sono finiti i giorni in cui il telefono è pieno di applicazioni e la fase di luna di miele degli smartphone si sta esaurendo. Ogni passo per scaricare un’app riduce il 20% degli utenti. PWA riduce i passaggi tra la scoperta di un’app e il suo inserimento nella schermata iniziale e quindi elimina l’attrito per l’installazione di un’app. Questo fornisce un terreno molto fertile per le aziende per lanciare le loro PWA.
Le seguenti tre metriche possono essere evidenziate per capire l’importanza delle PWA nel plasmare il futuro web.
a. Reach : Il pubblico del web mobile è cresciuto ad un ritmo vertiginoso negli ultimi anni. Google ha riferito che Chrome ha 1 miliardo di utenti mobili rispetto ai precedenti 400 milioni di utenti nel 2016. Secondo il rapporto di Comscore, la portata del web mobile è 2,5 volte superiore a quella delle app, considerando i primi 1000 siti e app. Questo è il motivo per cui la decisione di Flipkart, Myntra ecc. di abbandonare il loro sito web e di essere “solo app” si è ritorta contro. Se potessimo fornire un’esperienza migliore a un pubblico più ampio, potremmo sicuramente ottenere un vantaggio competitivo sugli altri.
b. Acquisizione: Un’altra seria preoccupazione affrontata dalle app mobili è la loro scopribilità da parte degli utenti rispetto ai siti web. Il costo di acquisizione degli utenti del web sarà 10 volte più economico di quello delle app native. Con una maggiore esposizione e un basso attrito per l’on-boarding, è probabile che le PWA acquisiscano più utenti con una spesa molto inferiore.
c. Conversione: L’esperienza dell’utente da un capo all’altro senza soluzione di continuità, anche con reti difettose, fornita dalle PWA, migliora il numero di conversioni di successo. Flipkart ha lanciato la sua PWA ‘Flipkart-lite’, che sostiene di aver fornito un aumento del tasso di conversione del 70% con un costo di acquisizione inferiore.
In sintesi: Le PWA aiutano a migliorare le conversioni aumentando la portata potenziale con bassi costi di acquisizione.
Come iniziare?
Una volta che si conosce una nuova tecnologia, la prossima sfida in linea è la decisione di adottarla. La maggior parte delle persone si trova in un dilemma a questo punto. La decisione dovrebbe essere guidata dal vostro specifico bisogno di business. I seguenti due casi potrebbero aiutarvi a identificare il metodo che fa per voi per implementare le PWA.
a) Da zero
Considerate lo scenario quando un’azienda sta costruendo un nuovo sito web o sta attraversando una riprogettazione. In questo caso, costruire una PWA da zero ha senso ed è fattibile. Questo avrà l’azienda a sfruttare la potenza di PWA con AMP, service workers, App shell e Web Manifest. Per esempio. Secondo Ali Express, una volta che hanno rinnovato il loro sito web come PWA, sono stati in grado di aumentare il loro tasso di conversione per i nuovi utenti del 104%, hanno guadagnato 2 volte più pagine visitate per sessione per utente attraverso tutti i browser e il 74% di aumento del tempo trascorso per sessione attraverso tutti i browser.
b) Una versione semplice o una singola caratteristica
Quando costruire da zero non è realistico, si può sempre costruire una versione semplice del sito web o concentrarsi su una singola caratteristica che ha un alto impatto per gli utenti finali. L’obiettivo è quello di fornire un’esperienza veloce, coinvolgente e affidabile. AirBerlin è un esempio appropriato in questo caso. Si sono concentrati sull’esperienza post prenotazione nel loro PWA. Dopo che un passeggero ha fatto il check-in, può accedere ai dettagli del suo viaggio e alla carta d’imbarco anche senza connettività internet.
4. Sfide nella PWA
Ci sono alcune sfide nella PWA che devono essere considerate mentre la si sceglie.
a) Supporto Cross Browser: mentre Chrome, Opera, e il browser android di Samsung supportano la PWA, IE, Edge e Safari devono ancora estendere il loro supporto.
b) Funzionalità limitata: PWA non ha supporto per nessun hardware che non sia supportato da HTML5
c) Legittimità limitata: Dato che non c’è un negozio centrale di download per le PWA, mancano di dare un senso di legittimità e di fiducia che di solito è dato dalle app native da Play Store/App Store.
d) Supporto di login tra applicazioni: le app native hanno la capacità di parlare con altre app e autenticare i login (Facebook, Twitter, Google). Come una pagina web, la PWA non ha la capacità di comunicare con altre app installate.
Conclusione
Non possiamo dire che la PWA ucciderà le app native in futuro. Ma c’è ancora un crescente interesse per questo approccio nella comunità. Le PWA sono ancora nella loro infanzia con un sacco di sfide da affrontare. Eppure, hanno il potenziale per creare un cambiamento nel modo in cui il web funziona.
Spizio di riflessione
Secondo Henrik Joreteg, “le PWA sono la cosa più grande che sia successa sul web mobile da quando Steve ha introdotto l’iPhone!”
Discutibile? Controverso? D’accordo?
Pensaci prima che il tempo voli!