Dall'introduzione di Progressive Web Apps nel 2015, molte aziende hanno tratto grande vantaggio da questa tecnologia. Sono in grado di offrire esperienze utente estremamente coinvolgenti, raggiungendo allo stesso tempo nuove basi utenti. I casi d'uso più importanti sono venuti da grandi aziende come Twitter, Trivago, Alibaba e Walmart, con tassi di conversione raddoppiati e ricavi in crescita più veloci che mai.
Le storie di successo di PWA di questi giganti aziendali sono logicamente attraenti per varie piccole e medie imprese. Con l'uso di Progressive Web App, i commercianti possono ora offrire la stessa esperienza simile a un'app ad alta conversione di un'app nativa a un pubblico molto più vasto sul Web mobile, rendendola una tecnologia da non perdere per aziende di qualsiasi dimensione .
Che cos'è un'app Web progressiva?
Fondamentalmente, un'app Web progressiva (PWA) è un'applicazione Web che utilizza le più recenti funzionalità Web per offrire agli utenti un'esperienza nativa simile a un'app. È la tecnologia che porterà coerenza tra web e app native e sostituirà entrambe con un'unica istanza.
Storicamente, le app native hanno offerto un'esperienza molto più ricca rispetto al Web mobile, creando un forte coinvolgimento con l'utente finale. Un'applicazione Web progressiva è un sito Web che si presenta e si comporta come un'app nativa, il che significa che sono incredibilmente veloci, possono essere aggiunti alla schermata principale di uno smartphone, inviare notifiche push e persino lavorare offline.
Le app Web progressive sono:
1. affidabile.
Si caricano all'istante, indipendentemente dallo stato della rete ed eliminano la dipendenza da una connessione di rete, garantendo un'esperienza utente immediata e affidabile, anche con una connessione Internet errata o inesistente.
2. Incredibilmente veloce.
Se il tuo sito è lento, i clienti se ne vanno, facendoti perdere potenziali vendite. Le PWA si caricano in modo estremamente rapido e rispondono rapidamente alle interazioni dell'utente. Il miglioramento delle prestazioni del sito Web influisce positivamente sulle conversioni, sull'esperienza utente e sui tassi di conservazione.
3. Altamente coinvolgente.
Offrono una vera esperienza con le app native, comprese le funzionalità web come l'opzione per inviare notifiche push e apparire sulla schermata iniziale.
Perché la tua azienda ha bisogno di un'app Web progressiva
Con il traffico mobile che supera il traffico desktop – attualmente il 60% del traffico proviene da dispositivi mobili – è fondamentale per i commercianti fornire la migliore esperienza di acquisto per coinvolgere il proprio pubblico. Mentre il traffico mobile è in crescita, i tassi di conversione non lo sono: il traffico mobile rappresenta ancora solo il 16% della conversione totale.
Google riferisce che quando un negozio di e-commerce sta passando a un'app Web progressiva, in genere assistono a un aumento complessivo delle entrate del 20%, con i tassi di conversione sul cellulare che raddoppiano in alcuni casi.
Qualsiasi webshop nuovo ed esistente dovrebbe considerare di offrire i propri servizi non solo come un negozio online standard, ma come un'app Web progressiva. Con la maggior parte dei siti Web di e-commerce che non adottano ancora questa nuova tecnologia, rappresentano un'opportunità rara ed entusiasmante per anticipare la concorrenza.
1. Migliore adozione da parte dell'utente mediante l'installazione sulla schermata principale.
Le app Web progressive offrono un'esperienza utente estremamente coinvolgente, con le stesse funzionalità delle app native. Le app Web progressive possono essere installate nella schermata principale, rendendole direttamente accessibili agli utenti.
In un mese tipico, la quantità media di app scaricate da un utente di smartphone è vicina allo zero. Le persone non scaricano app.
Con un'app Web progressiva, il "download" è semplice come visitare un collegamento Web e accettare una richiesta. Dal punto di vista dell'utente, il sito Web si trasformerà in un'app "reale", quindi non in una scorciatoia del browser, posizionandola nella schermata iniziale. Ciò ottiene lo stesso risultato del download da un app store, ma senza il fastidio di passare attraverso il processo di app store. Inoltre, dopo l'installazione di PWA sulla schermata principale, non sono necessari ulteriori aggiornamenti. Le PWA vengono aggiornate automaticamente in background, garantendo ai tuoi clienti di vedere sempre i contenuti più recenti.
Forse non sorprende quindi che le aziende riferiscano che i loro utenti installano le loro PWA, mentre in precedenza hanno rifiutato la loro app nativa.
Flipkart ha visto il 60% dei clienti che aveva disinstallato la propria app nativa tornare a utilizzare Flipkart PWA. Per l'adozione da parte degli utenti di qualsiasi sito Web, le installazioni rapide con PWA dimostrano di fare la differenza in termini di coinvolgimento e successo degli utenti.
2. Promuovere il coinvolgimento degli utenti con le notifiche push.
Simile a un'app nativa, PWA offre la possibilità di inviare notifiche push ai dispositivi mobili. Con un modo molto intuitivo, le aziende possono raggiungere il proprio pubblico dove sono maggiormente: direttamente sul proprio dispositivo mobile, creando un'esperienza utente altamente coinvolgente.
Questi piccoli messaggi hanno un grande impatto: attirano sempre l'attenzione. Rispetto al marketing tradizionale, come le e-mail, le Notifiche Push hanno il grande vantaggio di apparire direttamente sul telefono di una persona; si distinguono dalla massa e, soprattutto, un'azienda non ha bisogno di fare molti sforzi per raccogliere indirizzi e-mail o altre informazioni prima di poter interagire con il proprio pubblico.
Circa il 96% degli utenti di Internet naviga sul Web in modo anonimo, non lascia i propri indirizzi e-mail o le informazioni di contatto sui siti Web e non crea un account. Questo è un gigantesco punto cieco che ogni azienda sogna di trasformare in un punto dolce.
La soglia per consentire una notifica push quando si visita un sito Web è molto inferiore alla soglia per iscriversi a un servizio di newsletter. Google riferisce che quasi il 60% degli utenti sta permettendo ai propri PWA di inviare loro notifiche, il che aumenta significativamente le opportunità di promuovere prodotti o servizi. I benchmark del settore mostrano che 2,7 volte più persone si apriranno e faranno clic su una notifica push web rispetto a un'e-mail.
3. Costi di sviluppo ridotti, innovazione più rapida e consegna continua.
Le aziende con una strategia multi-piattaforma omnicanale stanno attualmente sviluppando, mantenendo e promuovendo fino a 4 sistemi: il loro sito Web (reattivo), la loro app Android, le loro app iOS e in alcuni casi anche le app native di Windows 10.
Mentre la creazione, l'ottimizzazione e la manutenzione di un sito Web reattivo è già un processo ad alta intensità di risorse, lo sviluppo aggiuntivo di app native quadruplica facilmente tale investimento. Ciò non è solo dovuto alla creazione di un'app, ma anche al monitoraggio, alla manutenzione, ai miglioramenti e ai processi di revisione dell'app store in corso (e non dimentichiamoci della famigerata imposta Apple del 30%).
Un'app Web progressiva elimina completamente la necessità di sviluppo, manutenzione e marketing di qualsiasi piattaforma diversa dal sito Web PWA. Ciò offre un'opportunità unica per servire tutti i canali da un'unica piattaforma, che è costruita, gestita e revisionata da un team. Riduce drasticamente i costi e il time-to-market, pur mantenendo la stessa esperienza utente e le stesse capacità per tutti i clienti e mantenendo la strategia multicanale.
4. Eccellenti prestazioni istantanee.
Gli utenti di Internet richiedono sempre maggiore velocità, in particolare con l'enorme aumento dell'utilizzo del mobile-first e persino del mobile-online. La ricerca mostra che il 53% dei visitatori lascia un sito Web dopo solo 3 secondi di caricamento della pagina e i tassi di conversione diminuiscono del 21,8% su ogni 1 secondo di ritardo nella velocità della pagina.
È quasi incredibile che il tempo medio di caricamento delle pagine Web su dispositivi mobili su reti 3G sia di 19 secondi e 14 secondi su reti 4G.
Il rapporto, "The Need for Mobile Speed", ha scoperto che i siti mobili caricati in cinque secondi hanno prestazioni molto migliori rispetto a quelli che hanno impiegato 19 secondi per caricare: i siti caricati in 5 secondi vantano una visibilità degli annunci superiore del 25%, sessioni medie più lunghe del 70% e una frequenza di rimbalzo inferiore del 35%.
Le Web App progressive sono progettate per offrire all'utente un'esperienza estremamente fluida e veloce. Sfruttando i vantaggi in termini di velocità del Web e la memorizzazione nella cache "client" di tipo "nativo", supera entrambi i carichi di pagina. Le PWA possono essere caricate in solo 1 secondo, creando una vera esperienza di velocità "istantanea", coinvolgendo l'utente fin dall'inizio.
Inoltre, le Web App Progressive utilizzano significativamente meno spazio su disco, sia sul server aziendale che sul dispositivo dell'utente, offrendo vantaggi quali tempi di caricamento più rapidi, minore utilizzo dei dati e meno spazio di archiviazione richiesto.
Il PWA di BookMyShow impiega meno di 3 secondi per caricarsi e ha aumentato i tassi di conversione di oltre l'80%. La PWA è 54 × più piccola di un'app per Android e 180 × più piccola di un'app per iOS.
5. I PWA possono migliorare il tuo SEO.
Poiché un PWA è basato sul web, tutto è rilevabile dai motori di ricerca. Qualsiasi contenuto all'interno di un PWA può essere collegato, condiviso e classificato da Google e Bing. Ciò contrasta con le app native, che non consentono la scansione da parte dei robot dei motori di ricerca. Abbattendo le barriere tra web e native, gli utenti possono essere direttamente collegati ai prodotti digitali più sofisticati, su qualsiasi dispositivo, in qualsiasi momento.
Tempi di caricamento super veloci, velocità di rimbalzo ridotte, utilizzo minimo dei dati ed esperienze altamente coinvolgenti sono di default booster per le classifiche SEO. Con PWA che offre vantaggi come questi pronti all'uso, è logico pensare che l'utilizzo di un PWA comporterà automaticamente un posizionamento SEO più elevato. Se fatto bene, questo è assolutamente vero. Google classificherà PWA ben progettato più alto rispetto a qualsiasi altro sito Web normale.
Tuttavia, il SEO tecnico è molto importante. È fondamentale assicurarsi che la tecnologia delle app Web progressive sia servita nel modo giusto. Le app Web progressive sfruttano la flessibilità di JavaScript, il che significa che Google vede la singola pagina pubblicata come un sito JavaScript. Google esegue la scansione dei siti PWA proprio come farebbe la scansione di un sito AJAX o JavaScript, ma la capacità dei motori di ricerca di scoprire, scansionare e indicizzare correttamente i contenuti, che dipende fortemente da JavaScript, è stata storicamente scarsa.
Fortunatamente, non c'è motivo di preoccuparsi. Gli sviluppatori che sviluppano PWA devono essere consapevoli di come ottimizzare il sito per garantire che la pagina venga indicizzata in modo appropriato, cosa che può essere facilmente eseguita con tecniche come il rendering lato server – fornendo a PWA l'architettura giusta per ottenere le migliori classifiche SEO che meritano.
Ecco alcune grandi risorse per PWA SEO:
6. Aumento dei tassi di conversione.
È ovvio che una migliore esperienza utente si traduce in tassi di conversione più elevati. Se l'attrito e le frustrazioni vengono rimossi da un negozio online, diventa più facile per i clienti raggiungere i propri obiettivi – e quindi quelli del business.
Le PWA offrono enormi opportunità per offrire esperienze migliori, sotto ogni aspetto.
Lancôme ha visto un aumento del 17% nelle conversioni, un aumento del 53% nelle sessioni mobili su iOS e un aumento dell'8% nei tassi di conversione sui carrelli recuperati tramite notifiche push.
Alibaba ha registrato il 76% di conversioni in più tra i browser, il 14% in più di utenti attivi mensili su iOS, il 30% in più di utenti attivi mensili su Android e un tasso di interazione del 400% in più da "Aggiungi a Homescreen".
Tutto ciò che riguarda le PWA è più veloce, più snello, più fluido ed efficiente ed è percepito dall'utente. Dal caricamento istantaneo in background sulla schermata principale alla navigazione a schermo intero, al caricamento istantaneo della pagina e all'utilizzo minimo dello spazio sul dispositivo. L'utente ha un'esperienza molto migliore, completa le proprie attività e tornerà di nuovo felicemente in futuro, anche se attivato da una notifica push altamente coinvolgente.
Anatomia di un'app Web progressiva
Alla base, una PWA è un'applicazione Web che utilizza le più recenti funzionalità Web per offrire agli utenti un'esperienza nativa simile a un'app.
Nel 2015, Alex Russell ha introdotto il termine "app web progressiva". Ha raccontato una conversazione tra se stesso e Frances Berriman, in cui "hanno elencato gli attributi di [a] nuova classe di applicazioni "basate sull'evoluzione graduale e potente dei browser moderni.
Hanno creato una serie di "attributi" che le webapp dovrebbero costituire per ottenere la qualifica di App Web progressiva. Questi attributi sono:
- Progressivo —PWA dovrebbe funzionare per tutti gli utenti, indipendentemente dalla scelta del browser perché è costruito con un miglioramento progressivo come principio fondamentale.
- di risposta – PWA dovrebbe funzionare su qualsiasi dispositivo, su qualsiasi dimensione: desktop, mobile, tablet o qualunque sia il prossimo.
- Connettività indipendente —PWA non dipendono dalla disponibilità della rete.
- App-like– L'utente godrà di una vera esperienza con un'app nativa, in termini di velocità e interazione dell'utente.
- Fresco– Il PWA è sempre aggiornato, non sono richiesti aggiornamenti
- Sicuro– Sempre servito tramite HTTPS.
- Scopribile– Contrariamente alle app native reali, una PWA è identificabile come "applicazione" e consente ai motori di ricerca di trovarla e indicizzarla.
- Re-inseribile– PWA offre ai marketeer la possibilità di interagire facilmente con i visitatori attraverso funzionalità come le notifiche push, che prima erano disponibili solo per le app native.
- installabile– Una PWA consente agli utenti di aggiungere app che ritengono più utili nella schermata principale senza il fastidio di passare attraverso un app store.
- collegabile– Una PWA ha una struttura URL effettiva, che semplifica la condivisione dell'applicazione tramite URL, ma rende anche disponibili le pagine della PWA da utilizzare per scopi di marketing come SEA.
Questo insieme di "attributi" riguarda l'esperienza dell'utente e il modo in cui utilizziamo il Web: sicurezza, velocità, coinvolgimento e condivisione. Tecnicamente, tuttavia, un'app Web progressiva può essere definita da tre criteri.
I tre criteri di base che un sito deve soddisfare per qualificarsi come PWA sono:
- HTTPS– è necessario fornire un PWA su HTTPS per garantire un ambiente e una trasmissione di dati sicuri e protetti.
- Manifest app Web– una PWA necessita di un manifest di app Web, un file JSON contenente tutti i metadati che il dispositivo deve conoscere sulla pagina per poterlo installare sulla schermata principale. Il file contiene informazioni come icone, colori, caratteri, URL della pagina di destinazione, ecc.
- Operai di servizio– l'ingrediente più importante di un PWA è il Service Worker. Si tratta di funzionalità di sblocco tecnicamente "proxy javascript" come la modalità offline, la velocità istantanea e la capacità di inviare notifiche push.
Fare cose come le Notifiche Push e la modalità offline era precedentemente impossibile sul web a causa delle limitazioni del browser, ma con l'uso dei Service Worker queste funzionalità ora sono state sbloccate. Service Worker è una tecnologia introdotta da Google che ti consente di controllare le richieste di rete a livello di programmazione, che a sua volta ti consente di creare esperienze offline e fornire velocità istantanea. Inoltre, è possibile eseguire attività in background, che consente di inviare e visualizzare notifiche push anche quando il browser è chiuso.
Hai bisogno di un PWA per il tuo negozio?
Qualsiasi azienda che vende online trarrebbe beneficio da un PWA. Quando il tempo di caricamento della pagina mobile va da 1 secondo a 5 secondi, la probabilità di rimbalzo aumenta del 90%. Quando i clienti vengono bloccati da un checkout lento, la vendita è a rischio. L'esperienza utente migliorata e le elevate velocità di pagina di un'app Web progressiva consentono al cliente di completare l'attività desiderata in modo rapido ed efficiente. Le PWA offrono velocità della pagina da due a quattro volte più veloci, garantendo agli utenti sudati di rimanere coinvolti e convertirsi.
Se un sito di e-commerce raddoppierà il loro tasso di conversione durante l'implementazione di un'app Web progressiva, è ovviamente difficile prevedere. Una cosa è certa: con questa nuova tecnologia le aziende possono ora offrire la stessa esperienza di app nativa ad alta conversione di un'app nativa al suo pubblico molto più vasto sul Web mobile. I primi utenti dimostrano che le app Web progressive hanno davvero cambiato il loro business.
1. Creazione di un'app Web progressiva.
Trasformare il tuo sito di e-commerce in un'app Web progressiva è un processo che qualsiasi negozio online dovrebbe assolutamente considerare di fare entro il prossimo anno. Non solo ti offrirà tutti i grandi vantaggi, ma ti assicurerà anche di stare al passo con la concorrenza.
Un grosso malinteso, tuttavia, è che se si desidera beneficiare delle funzionalità PWA è necessario sostituire completamente il front-end, facendo credere alle aziende che adottare PWA sia un processo estremamente intenso e costoso.
Fortunatamente, è vero il contrario! La tecnologia PWA consente un'implementazione modulare, beneficiando di vantaggi con un time-to-market minimo. Ad esempio, se desideri iniziare dando al tuo pubblico l'opportunità di installare il tuo PWA sul loro schermo di casa, l'unica cosa che devi fare è installare un Web App Manifest. Inoltre, a partire da un'app nativa come le Notifiche Push può essere eseguita in soli 5 minuti con le estensioni disponibili nel negozio BigCommerce.
L'applicazione di tali tecniche nei negozi esistenti è il primo passo per migliorare l'esperienza dell'utente e aumentare i tassi di conversione, in un tempo di immissione sul mercato minimo e con un costo di implementazione basso.
2. Creazione di un'app Web progressiva con BigCommerce e DEITY Falcon.
La piattaforma heada SaaS aperta altamente espandibile di BigCommerce offre alle aziende un mondo di possibilità con integrazioni di classe enterprise, API flessibili e webhook. Utilizzando le stesse tecnologie, DEITY Falcon ha creato una piattaforma di lancio open source per vetrine PWA altamente coinvolgenti.
In combinazione con DEITY Falcon, BigCommerce offre l'opportunità a ogni negozio di trarre vantaggio dai vantaggi delle Progressive Web App. Utilizzando BigCommerce come motore di back-end core e-commerce, combinato con DEITY Falcon come front-end PWA, le aziende di tutte le forme e dimensioni possono iniziare a offrire ai loro utenti esperienze Web robuste, altamente scalabili e sorprendenti, approfittando di tutti i vantaggi delle app riducendo al minimo il time-to-market e tutto ciò a un costo totale di proprietà inferiore rispetto a qualsiasi altra piattaforma di e-commerce leader.
Riepilogo: cosa dovresti fare dopo
Con i telefoni cellulari fortemente integrati nella maggior parte degli aspetti della nostra vita, il dispositivo sta cambiando radicalmente il modo di fare acquisti. La nostra richiesta di esperienze utente migliori e altamente coinvolgenti, tempi di caricamento istantanei, accesso immediato alle informazioni e indipendenza della rete sta crescendo rapidamente.
Come titolari di attività commerciali, non possiamo ignorare la combinazione dell'esperienza immersiva offerta dalle app native unita alla portata e alla facilità di accesso a Internet che PWA ci offre. Iniziare con Progressive Web Apps non è qualcosa che dovrebbe essere più ritardato.
Sia che tu scelga di utilizzare la PWA completa o di fare piccoli passi iniziando, ad esempio, con le Notifiche Push e "aggiungi alla schermata iniziale", l'adozione di una strategia PWA dovrebbe essere una priorità assoluta per qualsiasi tipo di azienda, grande o piccola.
Con investimenti minimi richiesti e un time-to-market record di velocità, chiunque può iniziare a cambiare drasticamente l'esperienza che offre oggi al proprio pubblico, aumentando i tassi di conversione e, in definitiva, migliorando i propri risultati.
