Le PWA sono la via? Tutto ciò che devi sapere sulle app Web progressive per l'e-commerce

Dall'introduzione delle Progressive Web Apps nel 2015, molte aziende hanno sfruttato molto questa tecnologia. Sono in grado di offrire esperienze utente altamente coinvolgenti, raggiungendo allo stesso tempo nuove basi di utenti. I casi d'uso più importanti provengono da grandi aziende come Twitter, Trivago, Alibaba e Walmart, che hanno registrato tassi di conversione raddoppiati e ricavi in ​​crescita più velocemente che mai.

Le storie di successo PWA di questi giganti del business sono logicamente allettanti per varie piccole e medie imprese. Con l'uso di Progressive Web App, i commercianti possono ora fornire la stessa esperienza simile a un'app ad alta conversione di un'app nativa a un pubblico molto più ampio sul Web mobile, rendendo questa tecnologia imperdibile per aziende di qualsiasi dimensione .

Cos'è un'app Web progressiva?

Al centro, un'app Web progressiva (PWA) è un'applicazione Web che utilizza le più recenti funzionalità Web per offrire agli utenti un'esperienza simile a un'app nativa. È la tecnologia che porterà coerenza tra il Web e le app native e sostituirà entrambe con un'unica istanza.

Storicamente, le app native fornivano un'esperienza molto più ricca rispetto al Web mobile, creando un elevato coinvolgimento con l'utente finale. Un'applicazione Web progressiva è un sito Web che si presenta e si comporta allo stesso modo di un'app nativa, il che significa che è incredibilmente veloce, può essere aggiunta alla schermata iniziale di uno smartphone, inviare notifiche push e persino lavorare offline.

Le app Web progressive sono:

1. Affidabile.

Si caricano istantaneamente, indipendentemente dallo stato della rete. Eliminano la dipendenza da una connessione di rete, garantendo un'esperienza utente istantanea e affidabile, anche con una connessione Internet scadente 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 veloce e rispondono rapidamente alle interazioni dell'utente. Il miglioramento delle prestazioni del sito Web influisce positivamente sulla conversione, sull'esperienza utente e sui tassi di fidelizzazione.

3. Altamente coinvolgente.

Forniscono una vera esperienza nativa dell'app, comprese 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 offrire 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 segnala che quando un negozio di e-commerce passa a un'app Web progressiva, generalmente registra un aumento complessivo delle entrate del 20%, con tassi di conversione sui dispositivi mobili in alcuni casi raddoppiati.

Qualsiasi negozio online nuovo ed esistente dovrebbe considerare di fornire i propri servizi non solo come un negozio online standard, ma come un'app Web progressiva. Poiché la maggior parte dei siti Web di e-commerce non ha ancora adottato questa nuova tecnologia, rappresentano un'opportunità rara ed entusiasmante per superare la concorrenza.

1. Migliore adozione da parte degli utenti installando nella schermata iniziale.

Le app Web progressive offrono un'esperienza utente estremamente coinvolgente, con le stesse funzionalità delle app native. Le Progressive Web App possono essere installate nella schermata iniziale, rendendole direttamente accessibili agli utenti.

In un mese tipo, la quantità media di app scaricate da un utente di smartphone è prossima allo zero. Le persone non scaricano app.

Con un'app Web progressiva, "scaricare" è 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, essendo posizionato sulla schermata iniziale. Ciò ottiene lo stesso risultato del download da un app store, ma senza il fastidio di dover eseguire il processo di app store. Inoltre, dopo l'installazione della PWA nella schermata iniziale, non sono necessari ulteriori aggiornamenti. Le PWA vengono aggiornate automaticamente in background, assicurando ai tuoi clienti di vedere sempre i contenuti più recenti.

Forse non sorprende quindi che le aziende stiano segnalando 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 avevano 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. Aumentare 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 di più:direttamente sul proprio dispositivo mobile, creando un'esperienza utente altamente coinvolgente.

Questi piccoli messaggi hanno un grande impatto:catturano l'attenzione, sempre. Rispetto al marketing tradizionale, come le email, le Push Notification 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 Internet naviga sul Web in modo anonimo, non lascia i propri indirizzi e-mail o informazioni di contatto sui siti Web e non configura un account. Questo è un gigantesco punto cieco che ogni azienda sogna di trasformare in un punto debole.

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 segnala che quasi il 60% degli utenti consente alle proprie PWA di inviare notifiche, il che aumenta notevolmente le opportunità di promuovere prodotti o servizi. I benchmark di settore mostrano che 2,7 volte più persone 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 multicanale e multipiattaforma stanno attualmente costruendo, 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.

Sebbene la creazione, l'ottimizzazione e la manutenzione di un sito Web reattivo siano già un processo ad alta intensità di risorse, lo sviluppo aggiuntivo di app native quadruplica facilmente tale investimento. Ciò non è dovuto solo alla creazione di un'app, ma anche al monitoraggio continuo, alla manutenzione, ai miglioramenti e ai processi di revisione dell'app store (e non dimentichiamoci della famigerata tassa 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 di servire tutti i canali da un'unica piattaforma, creata, mantenuta e assistita da un unico team. Riduce drasticamente i costi e il time-to-market, offrendo al contempo la stessa esperienza utente e capacità a tutti i clienti e mantenendo la strategia multicanale.

4. Eccellenti prestazioni istantanee.

Gli utenti di Internet richiedono sempre maggiore velocità, soprattutto con il massiccio aumento dell'utilizzo mobile-first e persino mobile-online. La ricerca mostra che il 53% dei visitatori lascia un sito Web dopo soli 3 secondi di caricamento della pagina e i tassi di conversione diminuiscono del 21,8% su ogni 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 rilevato che i siti per dispositivi mobili caricati entro cinque secondi hanno prestazioni molto migliori rispetto a quelli che hanno impiegato 19 secondi per caricarsi:i siti caricati entro 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 app Web progressive sono progettate in base alla progettazione per esperienze utente estremamente fluide e veloci. Sfruttando i vantaggi in termini di velocità del Web e della memorizzazione nella cache lato client in "stile nativo", supera entrambi i caricamenti della pagina. Le PWA possono essere caricate in appena 1 secondo, creando una vera esperienza di velocità "istantanea", coinvolgendo l'utente fin dall'inizio.

Inoltre, le Progressive Web App utilizzano molto meno spazio su disco, sia sul server aziendale che sul dispositivo dell'utente, offrendo vantaggi come tempi di caricamento più rapidi, minore utilizzo dei dati e minore spazio di archiviazione richiesto.

La PWA di BookMyShow impiega meno di 3 secondi per caricarsi e aumenta i tassi di conversione di oltre l'80%. La PWA è 54 volte più piccola di un'app Android e 180 volte più piccola di un'app iOS.

5. Le PWA possono migliorare la tua SEO.

Poiché una PWA è basata sul Web, tutto è rilevabile dai motori di ricerca. Qualsiasi contenuto all'interno di una PWA può essere collegato, condiviso e classificato da Google e Bing. Ciò contrasta con le app native, che non consentono di essere scansionate dai robot dei motori di ricerca. Abbattendo le barriere tra web e nativo, gli utenti possono essere collegati direttamente ai prodotti digitali più sofisticati, su qualsiasi dispositivo, in qualsiasi momento.

Tempi di caricamento super veloci, frequenze di rimbalzo ridotte, utilizzo minimo dei dati ed esperienze altamente coinvolgenti sono per impostazione predefinita booster per le classifiche SEO. Con la PWA che offre vantaggi come questi pronti all'uso, è logico pensare che l'utilizzo di una PWA comporterà automaticamente un posizionamento SEO più elevato. Se fatto bene, questo è assolutamente vero. Google classificherà le PWA ben progettate più in alto rispetto a qualsiasi altro sito Web normale.

Tuttavia, la SEO tecnica è molto importante. È fondamentale assicurarsi che la tecnologia delle Progressive Web Apps 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'è bisogno di preoccuparsi. Gli sviluppatori che creano 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 alle PWA l'architettura giusta per ottenere i migliori ranking SEO che meritano.

Ecco alcune ottime risorse per PWA SEO:

• PWA SEO:sviluppo di PWA ottimizzate e come convalidarle
• App SEO e Web progressive:uno sguardo al futuro
• Crea app Web progressive che non distruggano la tua SEO
• Le app Web progressive aiutano l'ottimizzazione organica dei motori di ricerca?

6. Aumento dei tassi di conversione.

È logico che una migliore esperienza utente si traduca in tassi di conversione più elevati. Se le frizioni e le frustrazioni vengono rimosse da un negozio online, diventa più facile per i clienti raggiungere i propri obiettivi e quindi gli obiettivi aziendali.

Le PWA offrono enormi opportunità per offrire esperienze migliori, sotto ogni aspetto.

Lancôme ha registrato un aumento del 17% delle conversioni, un aumento del 53% delle sessioni mobili su iOS e un aumento dell'8% dei tassi di conversione sui carrelli recuperati tramite le notifiche push.

Alibaba ha registrato il 76% in più di conversioni 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 superiore del 400% da "Aggiungi a Homescreen".

Tutto ciò che riguarda le PWA è più veloce, più snello, più fluido e più efficiente e l'utente lo sente. Dal caricamento istantaneo in background sulla schermata iniziale alla navigazione a schermo intero, ai caricamenti istantanei delle pagine e all'utilizzo minimo dello spazio sul dispositivo. L'utente ha un'esperienza molto migliore, completa le proprie attività e tornerà felicemente in futuro, indipendentemente dal fatto che venga attivato o meno da una notifica push altamente coinvolgente.

Anatomia di un'app Web progressiva

Fondamentalmente, una PWA è un'applicazione Web che utilizza le più recenti funzionalità Web per offrire agli utenti un'esperienza simile a un'app nativa.

Nel 2015, Alex Russell ha introdotto il termine "app web progressiva". Ha raccontato una conversazione tra lui e Frances Berriman, in cui "hanno enumerato gli attributi di [una] nuova classe di applicazioni" sulla base dell'evoluzione graduale e potente dei browser moderni.

Hanno creato una serie di "attributi" che le webapp dovrebbero costituire per ottenere la qualifica di Progressive Web App. Questi attributi sono:

1. Progressivo —PWA dovrebbe funzionare per ogni utente, indipendentemente dalla scelta del browser, perché è costruito con un miglioramento progressivo come principio fondamentale.
2. Reattivo — PWA dovrebbe funzionare su qualsiasi dispositivo, di qualsiasi dimensione:desktop, mobile, tablet o qualsiasi altra cosa.
3. Connettività indipendente —Le PWA non dipendono dalla disponibilità della rete.
4. Simile ad un'app — L'utente godrà di una vera esperienza di app nativa, in termini di velocità e interazione con l'utente.
5. Fresco — La PWA è sempre aggiornata, non sono richiesti aggiornamenti
6. Sicuro — Sempre servito tramite HTTPS.
7. Rilevabile — A differenza delle vere app native, una PWA è identificabile come "applicazione" e consente ai motori di ricerca di trovarla e indicizzarla.
8. Riattivabile — PWA offre agli operatori di marketing la possibilità di coinvolgere nuovamente i visitatori facilmente attraverso funzionalità come le notifiche push, che prima erano disponibili solo per le app native.
9. Installabile — Una PWA consente agli utenti di aggiungere le app che ritengono più utili alla schermata iniziale senza il fastidio di passare attraverso un app store.
10. Collegabile — Una PWA ha una struttura URL reale, che semplifica la condivisione dell'applicazione tramite URL, ma rende anche disponibili le pagine della PWA per essere utilizzate 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 parlando, tuttavia, un'app Web progressiva può essere definita in base a tre criteri.

I tre criteri di base che un sito deve soddisfare per qualificarsi come PWA sono:

1. HTTPS — una PWA deve essere servita su HTTPS per garantire un ambiente sicuro e protetto e la trasmissione dei dati.
2. Manifest dell'app Web — una PWA necessita di un Web App Manifest, un file JSON contenente tutti i metadati che il dispositivo deve conoscere sulla pagina per poterla installare nella schermata iniziale. Il file contiene informazioni come icone, colori, caratteri, URL pagina di destinazione ecc.
3. Operatori di servizio — l'ingrediente più importante di una 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 erano precedentemente impossibili sul Web a causa delle limitazioni del browser, ma con l'uso di Service Workers queste funzionalità sono state ora sbloccate. Il Service Worker è una tecnologia introdotta da Google che ti consente di controllare le richieste di rete in modo programmatico, il che a sua volta ti consente di creare esperienze offline e fornire velocità istantanea. Inoltre, puoi eseguire attività in background, il che ti consente di inviare e visualizzare notifiche push anche quando il browser è chiuso.

Hai bisogno di una PWA per il tuo negozio?

Qualsiasi azienda che vende online trarrebbe vantaggio da una 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 l'elevata velocità delle pagine di un'app Web progressiva consentono al cliente di completare l'attività desiderata in modo rapido ed efficiente. Le PWA offrono velocità di pagina da due a quattro volte superiori, garantendo agli utenti guadagnati con fatica di rimanere coinvolti e convertirsi.

Se un sito di e-commerce raddoppierà il 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 fornire la stessa esperienza simile a un'app ad alta conversione di un'app nativa a un pubblico molto più ampio sul Web mobile. I primi utenti dimostrano che le Progressive Web App 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 eseguire entro il prossimo anno. Non solo ti fornirà tutti i grandi vantaggi, ma ti assicurerà anche di stare al passo con la concorrenza.

Un grande equivoco, tuttavia, è che se si desidera beneficiare delle funzionalità PWA è necessario sostituire completamente il front-end, facendo credere alle aziende che l'adozione di PWA sia un processo molto intenso e costoso.

Per fortuna, è 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 la tua PWA sulla schermata iniziale, l'unica cosa che devi fare è installare un manifesto dell'app Web. Inoltre, iniziare con app native come le notifiche push può essere eseguito 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, con un time to market minimo e con un basso costo di implementazione.

2. Realizzazione di un'app web progressiva con BigCommerce e DEITY Falcon.

La piattaforma headless SaaS aperta altamente estensibile 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.

Insieme a DEITY Falcon, BigCommerce offre a ogni negozio l'opportunità di trarre vantaggio dai vantaggi delle Progressive Web Apps. Utilizzando BigCommerce come motore di back-end principale dell'e-commerce, combinato con DEITY Falcon come front-end PWA, le aziende di tutte le forme e dimensioni diverse possono iniziare a offrire ai propri utenti esperienze Web solide, altamente scalabili e sorprendenti, traendo vantaggio da tutti i vantaggi dell'app riducendo al minimo il time-to-market e tutto questo a un costo totale di proprietà inferiore rispetto a qualsiasi altra piattaforma di e-commerce leader.

Riepilogo esecutivo: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 in cui acquistiamo. La nostra richiesta di esperienze utente migliori e altamente coinvolgenti, tempi di caricamento istantanei, accesso istantaneo alle informazioni e indipendenza dalla rete sta crescendo rapidamente.

In qualità di imprenditori, non possiamo ignorare la combinazione dell'esperienza immersiva offerta dalle app native unita alla portata e alla facilità di accesso a Internet che le PWA ci stanno fornendo. Iniziare con Progressive Web Apps non è qualcosa che dovrebbe essere ritardato ulteriormente.

Sia che tu scelga di passare a una PWA completa o di intraprendere 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 attività, grande o piccola che sia.

Con investimenti minimi richiesti e un time-to-market record, chiunque può iniziare a cambiare drasticamente l'esperienza che offre oggi al proprio pubblico, aumentando i tassi di conversione e, in definitiva, migliorando i risultati finali.