In che modo le app web progressive possono favorire il successo aziendale

Sébastien Fourault
Sébastien Fourault

Le app web progressive sono sulla roadmap di molte aziende per modernizzare i loro siti web e adattarsi alle nuove aspettative degli utenti. Come per molte tecnologie, le PWA pongono domande: ciò che vogliono i miei clienti, quanto può far crescere la mia attività, cosa è tecnicamente fattibile?

Identifica i tuoi stakeholder.
Identifica gli stakeholder.

Per definire la tua strategia digitale vengono spesso coinvolti diversi stakeholder: il product manager e il direttore marketing sono comproprietari dell'impatto aziendale di ciascuna funzionalità, il responsabile della tecnologia valuta la fattibilità e l'affidabilità di una tecnologia e i ricercatori dell'esperienza utente verificano che una funzionalità risponda a un problema reale del cliente.

In questo articolo vogliamo aiutarti a rispondere a queste tre domande e a plasmare il tuo progetto PWA. Inizierai dalle esigenze dei tuoi clienti, traducilo in funzionalità PWA e ti concentrerai sulla misurazione dell'impatto di ognuna di queste sull'attività.

Le PWA soddisfano le esigenze dei clienti

Una regola che noi di Google adoriamo per creare i prodotti è "concentrarsi sull'utente: tutto il resto viene dopo". Metti in primo piano gli utenti: quali sono le esigenze dei miei clienti e in che modo una PWA le soddisfa?

Identifica le esigenze dei clienti.
Identifica le esigenze dei clienti.

Durante le ricerche con gli utenti, troviamo alcuni schemi interessanti:

In base a queste osservazioni, i clienti preferiscono esperienze veloci, installabili, affidabili e coinvolgenti (F.I.R.E.).

Le PWA sfruttano le moderne funzionalità web

Le PWA forniscono un insieme di best practice e API web moderne volte a soddisfare le esigenze dei clienti rendendo il tuo sito veloce, installabile, affidabile e coinvolgente.

Ad esempio, l'utilizzo di un service worker per memorizzare le risorse nella cache ed eseguire il precaricamento predittivo rende il sito più veloce e affidabile. Rendere il tuo sito installabile offre ai clienti un modo semplice per accedervi direttamente dalla schermata Home o da Avvio applicazioni. Inoltre, API come le notifiche push web semplificano il ricoinvolgimento degli utenti con contenuti personalizzati per generare fedeltà.

Migliorare l'esperienza utente con le funzionalità web.
Migliorare l'esperienza utente con le funzionalità web.

Comprendere l'impatto aziendale

La definizione di successo aziendale può dipendere da molti fattori, a seconda della tua attività:

  • Utenti che trascorrono più tempo sul tuo servizio
  • Frequenze di rimbalzo ridotte per i lead
  • Tassi di conversione migliorati
  • Aumento dei visitatori di ritorno

La maggior parte dei progetti PWA genera un tasso di conversione da dispositivo mobile più elevato. Puoi scoprire di più nei numerosi case study di PWA. A seconda dei tuoi scopi, potresti voler dare priorità agli aspetti delle PWA più pertinenti per la tua attività, ed è assolutamente normale. Le funzionalità delle PWA possono essere selezionate e lanciate separatamente.

Misuriamo l'impatto aziendale di ognuna di queste fantastiche funzionalità F.I.R.E.

L'impatto commerciale di un sito web veloce

Un recente studio di Deloitte Digital dimostra che la velocità delle pagine ha un impatto significativo sulle metriche aziendali.

Puoi fare molto per ottimizzare la velocità del tuo sito e migliorare i percorsi critici degli utenti per tutti. Se non sai da dove iniziare, consulta la sezione Veloce e utilizza Lighthouse per dare la priorità agli aspetti più importanti da risolvere.

Quando lavori alle ottimizzazioni della velocità, inizia a misurare spesso la velocità del sito con strumenti e metriche appropriati per monitorare i tuoi progressi. Ad esempio, puoi misurare le metriche con Lighthouse, fissare obiettivi chiari, come avere punteggi"buoni" per i Segnali web essenziali e incorporare un budget delle prestazioni nel processo di creazione. Grazie alle tue misurazioni giornaliere e alla metodologia del "valore della velocità", puoi isolare l'impatto delle variazioni incrementali della velocità e calcolare le entrate extra generate dal tuo lavoro.

Misura il valore della velocità e correlalo alle conversioni.
Misura il valore della velocità e correlalo alle conversioni.

Ebay ha impostato un obiettivo aziendale più rapido per il 2019. Ha utilizzato tecniche come il budget delle prestazioni, l'ottimizzazione del percorso critico e il precaricamento predittivo. La conclusione è che, per ogni miglioramento di 100 millisecondi nel tempo di caricamento della pagina di ricerca, il numero di aggiunte alla scheda è aumentato dello 0,5%.

Un miglioramento di 100 ms del tempo di caricamento ha portato a un aumento dello 0,5% del conteggio dei prodotti aggiunti al carrello per eBay.
Un miglioramento di 100 ms del tempo di caricamento ha portato a un aumento dello 0,5% del numero di aggiunte al carrello per eBay.

L'impatto commerciale di un sito web installabile

Perché vuoi che un utente installi la tua PWA? Per tornare più facilmente al tuo sito. Se un'installazione di app per Android comporta l'aggiunta di almeno tre passaggi (reindirizzamento al Play Store, download dell'app, avvio dell'app), l'installazione di PWA viene eseguita senza problemi con un solo clic, senza allontanare l'utente dall'attuale canalizzazione di conversione.

L'esperienza di installazione dovrebbe essere fluida.
L'esperienza di installazione dovrebbe essere fluida.

Dopo aver installato un'app, gli utenti possono avviarla con un clic utilizzando l'icona nella schermata Home, vederla nella barra delle applicazioni quando passano da un'app all'altra o trovarla tramite un risultato di ricerca delle app. Questo approccio dinamico prende il nome di Discover-Launch-Switch e rendere installabile la PWA è la chiave per sbloccare l'accesso.

Oltre a essere accessibile da piattaforme di rilevamento e avvio familiari sul dispositivo, una PWA viene avviata esattamente come un'app specifica per la piattaforma, ma in un'esperienza a sé stante, separata dal browser. Inoltre, beneficia dei servizi dei dispositivi a livello di sistema operativo, come selettore di app e impostazioni.

Gli utenti che installano la PWA sono probabilmente i tuoi utenti più coinvolti, con metriche sul coinvolgimento migliori rispetto ai visitatori occasionali, tra cui più visite ripetute, maggiore tempo sul sito e tassi di conversione più elevati, spesso alla pari con gli utenti di app specifiche per piattaforma sui dispositivi mobili.

Per rendere installabile la PWA, deve soddisfare i criteri di base. Una volta soddisfatti questi criteri, puoi promuovere l'installazione all'interno della tua esperienza utente su computer e dispositivi mobili, compreso iOS.

Le PWA sono installabili ovunque.
Le PWA sono installabili ovunque.

Dopo aver iniziato a promuovere l'installazione della PWA, devi misurare quanti utenti installano la PWA e in che modo la utilizzano.

Per massimizzare il numero di utenti che installano il tuo sito, ti consigliamo di testare diversi messaggi promozionali (ad esempio, "installa in un secondo" o "aggiungi la nostra scorciatoia per seguire l'ordine"), posizionamenti diversi (banner di intestazione, in-feed) e prova a proporli in diversi passaggi della canalizzazione di installazione (nella seconda pagina visitata o dopo una prenotazione).

Per capire da dove gli utenti abbandonano il sito e come migliorare la fidelizzazione, la canalizzazione di installazione può essere misurata in quattro modi:

  • Numero di utenti idonei all'installazione
  • Numero di utenti che hanno fatto clic sulla richiesta di installazione
  • Numero di utenti che hanno accettato e rifiutato la richiesta di installazione
  • Numero di utenti che hanno installato correttamente

Puoi promuovere l'installazione della tua PWA a tutti gli utenti o adottare un approccio più prudente sperimentando con un piccolo gruppo di utenti.

Alcuni giorni o settimane dovrebbero fornire dati sufficienti per misurare l'impatto sulla tua attività. Qual è il comportamento degli utenti provenienti dalla scorciatoia installata? Interagiscono di più o generano più conversioni?

Per segmentare gli utenti che hanno installato la tua PWA, monitora l'evento appinstalled e utilizza JavaScript per verificare se gli utenti sono in modalità autonoma, che indica l'utilizzo della PWA installata. Poi utilizzale come variabili o dimensioni per il monitoraggio delle analisi.

Misura il valore dell'installazione.
Misura il valore dell'installazione.

Il case study di Weekendesk è interessante. Per aumentare le probabilità che un utente installi la sua PWA, promuove l'installazione sulla seconda pagina visitata. Gli utenti che hanno lanciato la PWA dalla schermata Home erano il doppio più propensi a prenotare un soggiorno tramite la PWA.

Gli utenti installati hanno registrato un tasso di conversione 2,5 volte superiore.
Gli utenti che hanno installato l'app hanno registrato un tasso di conversione 2,5 volte superiore.

L'installazione è un ottimo modo per invogliare le persone a tornare sul tuo sito e migliorare la fedeltà dei clienti. Puoi anche pensare di personalizzare l'esperienza per gli utenti premium.

Anche se hai un'app specifica per la piattaforma, gli utenti potrebbero pensare di non volerla o non aver bisogno di installarla. Questi utenti parzialmente coinvolti potrebbero pensare che una PWA sia adatta a loro, in quanto viene spesso percepita come più leggera e può essere installata con meno attriti.

Le PWA possono raggiungere gli utenti parzialmente coinvolti.
Le PWA possono raggiungere gli utenti parzialmente coinvolti.

L'impatto commerciale di un sito web affidabile

Il gioco Dino di Chrome, offerto quando un utente è offline, viene giocato più di 270 milioni di volte al mese. Questo numero impressionante mostra che l'affidabilità della rete è una notevole opportunità per l'utilizzo delle PWA, soprattutto nei mercati con reti inaffidabili o dati mobili costosi come India, Brasile, Messico o Indonesia.

Quando viene lanciata un'app installata da uno store, gli utenti si aspettano che si apra indipendentemente dal fatto che siano connessi a internet o meno. Lo stesso vale per le app web progressive.

Come minimo, deve essere pubblicata una pagina offline semplice che indichi all'utente che l'app non è disponibile senza una connessione di rete. Poi, valuta la possibilità di portare l'esperienza a un livello superiore fornendo funzionalità pertinenti quando sei offline. Ad esempio, puoi fornire l'accesso a biglietti o carte d'imbarco, liste desideri offline, dati di contatto del call center, articoli o ricette che l'utente ha visualizzato di recente e così via.

Essere utile, anche quando sei offline.
Essere utile, anche quando sei offline.

Dopo aver implementato un'esperienza utente affidabile, ti consigliamo di misurarla: quanti utenti passano alla modalità offline, in quali aree geografiche e restano sul sito web quando la rete torna alla rete? Analytics può indicarti quando generalmente gli utenti sono offline e online. Indica il numero di utenti che continuano a navigare sul tuo sito web dopo il ritorno della rete.

Trivago ha registrato un aumento del 67% degli utenti che sono tornati online e hanno continuato a navigare.
Trivago ha registrato un aumento del 67% degli utenti che sono tornati online e continuano a navigare.

Il case study di Trivago illustra l'impatto che ciò può avere sui tuoi scopi commerciali. Per gli utenti le cui sessioni sono state interrotte da un periodo offline (circa il 3% degli utenti), il 67% di chi torna online ha continuato a navigare nel sito.

L'impatto commerciale di un sito web coinvolgente

Le notifiche push web consentono agli utenti di attivare aggiornamenti tempestivi dai siti di cui hanno bisogno o che li interessano e ti consentono di coinvolgerli nuovamente con contenuti pertinenti e personalizzati.

Ma fai attenzione. Chiedere agli utenti di registrarsi per ricevere notifiche web la prima volta che arrivano e senza presentarne i vantaggi può essere percepito come spam e influire negativamente sulla tua esperienza. Assicurati di seguire le best practice quando chiedi di ricevere notifiche e di incoraggiare l'accettazione tramite utilizzi pertinenti come ritardi dei treni, monitoraggio dei prezzi, prodotti non disponibili e così via.

Tecnicamente, le notifiche push sul web vengono eseguite in background grazie a un service worker e sono spesso inviate da un sistema creato per la gestione delle campagne (ad es. Firebase). Questa funzionalità offre un grande valore aziendale per gli utenti di dispositivi mobili (Android) e desktop. Aumenta le visite ripetute e, di conseguenza, le vendite e le conversioni.

Per misurare l'efficacia delle campagne push, devi misurare l'intera canalizzazione, tra cui:

  • Numero di utenti idonei per le notifiche push
  • Numero di utenti che fanno clic su una richiesta UI di notifica personalizzata
  • Numero di utenti che concedono l'autorizzazione alle notifiche push
  • Numero di utenti che ricevono notifiche push
  • Numero di utenti che interagiscono con le notifiche
  • Conversione e coinvolgimento degli utenti provenienti da una notifica
Misura il valore delle notifiche push web.
Misura il valore delle notifiche push web.

Esistono molti case study utili sulle notifiche push web, come ad esempio quello in cui Carrefour ha moltiplicato il tasso di conversione per 4,5 per coinvolgere nuovamente gli utenti con carrelli abbandonati.

La P nella PWA: un lancio progressivo, funzione per funzione

Le PWA sono siti web moderni che combinano l'enorme copertura del web insieme a tutte le funzionalità facili da usare che gli utenti si aspettano nelle app per Android, iOS o desktop. Utilizzano un insieme di best practice e API web moderne che possono essere implementate in modo indipendente a seconda delle specificità e delle priorità della tua attività.

Avvia progressivamente la PWA.
Avvia progressivamente la PWA.

Per accelerare la modernizzazione del sito web e renderlo una vera PWA, ti consigliamo di adottare un approccio agile, lanciando funzionalità per funzionalità. In primo luogo, cerca con gli utenti quali funzionalità offrirebbero loro il maggior valore, poi offrile ai tuoi designer e sviluppatori e, infine, non dimenticare di misurare con precisione quanti guadagni extra generati dalla tua PWA.