Nel 2016, gli utenti mobili hanno prima superato quelli che accedono al web da dispositivi desktop. Da allora, il cellulare non ha mostrato alcun segno di rallentamento.
Poiché tutti cercano come rendere i siti Web e le app Web più mobili, inizierai sempre più a trovare la frase "Progressive Web App". Oggi guardiamo a cosa è, come si differenzia da altre tecnologie come AMP e come è possibile iniziare.
Il cellulare non rallenta
Uno studio di Stone Temple dimostra come questa divisione continua a crescere con il passare degli anni. Ecco come sono cambiati questi trend di utilizzo dal 2016 al 2017 solo negli Stati Uniti:
E il cellulare sembra essere ancora più popolare con gli utenti globali:
Come tale, dobbiamo chiederci: "Come possiamo migliorare l'esperienza mobile così com'è? Abbiamo raggiunto l'apice della mobilità?
Google si è assunto il compito di rispondere a questa domanda con l'introduzione dell'applicazione web progressiva nel 2015. Esploriamo come si presenta il futuro del Web mobile con le applicazioni web progressive e perché è necessario prestare attenzione.
Cos'è un'app Web progressiva?
Un'app web progressiva (PWA) è quella che colma il divario tra i siti web mobili e le app mobili. Mentre sarebbe facile descrivere un PWA come un sito Web mobile all'interno di una shell di app, c'è molto di più.
Essenzialmente, richiede l'esperienza mobile che gli utenti desiderano e la amplifica con tutte le cose buone che derivano dall'avere la propria app nativa completamente reattiva. Puoi aspettarti quanto segue da un'applicazione web progressiva:
- UI e navigazione di tipo app
- Page Speed
- Affidabilità
- Presenza schermata iniziale
- Funzionalità offline
- Funzioni di telefonia (come notifiche push e geolocalizzazione)
Esistono molti tipi di siti Web che possono trarre vantaggio dall'avere un PWA. I social network come Twitter hanno già fatto il cambiamento.
Aziende di media come Forbes, siti immobiliari come Housing.com e servizi di ospitalità come Ele.me hanno anche lanciato con successo gli PWA.
Ciascuno ha avuto risultati diversi, anche se il risultato è sempre lo stesso: tempi di caricamento più rapidi, interfaccia utente migliorata e grande praticità e accesso. Che portano tutti a utenti più coinvolti.
Come si costruisce un'applicazione Web progressiva?
A differenza delle app native che di solito richiedono l'assunzione di sviluppatori di app per gestire il processo e un grande investimento di fondi per farlo, le applicazioni web progressive sono molto più semplici e spesso sono più economiche da costruire.
Un'app web progressiva è composta da due parti: un manifest di app Web e operatori di servizio. Consentitemi di spiegare ulteriormente.
Manifesto Web App
Questo è un file JSON che definisce gli elementi simili a un'app di un PWA. Include cose come:
- Nome dell'app
- Icona dell'app
- Design di navigazione ed elementi per l'intestazione e / o il piè di pagina
- Progettazione della schermata iniziale
- Altri metadati
Lavoratori del servizio
Sono gli addetti all'assistenza che danno davvero alle app web progressive il loro potere sull'esperienza web standard.
Gli addetti all'assistenza sono configurati tramite un file JavaScript. Quello che fanno è far funzionare la tua app nel modo più efficiente e veloce possibile. Inoltre, indipendentemente dal fatto che i tuoi utenti siano online o offline, hanno sempre accesso ai tuoi contenuti in quanto gli addetti ai servizi funzionano come fanno i proxy di caching.
In termini di creazione di un'applicazione web progressiva, hai un paio di opzioni.
La prima opzione è utilizzare la documentazione per sviluppatori di Google e scrivere il tuo PWA. Ma questa opzione richiede ancora un investimento di tempo e risorse.
Se non sei preparato a gestire quel livello di lavoro o preferisci concentrare le tue energie altrove, puoi utilizzare uno strumento come la piattaforma di progettazione web Duda per convertire facilmente il tuo sito web in un'applicazione web progressiva.
Basta un clic per attivare la funzione e solo pochi per configurarlo a proprio piacimento!
In che modo un'app Web progressiva è diversa da un sito Web?
Come si può vedere dal report di app per dispositivi digitali 2017 di comScore, la maggior parte delle volte gli utenti mobili trascorrono sui propri telefoni in realtà con app e non con siti Web basati su browser.
Ci sono ottime ragioni (e valide) per cui gli utenti di dispositivi mobili preferiscono l'esperienza app-like sul browser di base. E poiché il PWA aiuta gli utenti a fare quel salto senza doversi impegnare in un altro download ad alta intensità di risorse dall'app store, dovresti prestare molta attenzione alle seguenti differenze e vantaggi.
Le web application progressive sono la scelta ottimale sul web mobile perché:
- Un PWA è progettato per essere più coinvolgente in quanto utilizza barre degli strumenti e elementi facili da trovare.
- Gli utenti aggiungono la tua icona alla loro schermata iniziale. Ciò aumenta la visibilità, il che li rende più propensi a interagire con la tua app.
- I browser Android richiedono automaticamente agli utenti di installare? PWA alle schermate iniziali, che aumenta il fattore di convenienza.
- I PWA si traducono in tempi di caricamento incredibilmente rapidi.
- Gli addetti all'assistenza aumentano l'affidabilità dell'accesso agli PWA, poiché sono indipendenti dalla connettività.
- Gli PWA si integrano perfettamente con le funzionalità di telefonia degli utenti; in particolare, notifiche push, click-to-call e servizi di geolocalizzazione.
- HTTPS è un requisito per tutti i PWA, che li rende intrinsecamente più sicuri del web.
- JavaScript per il blocco del rendering
- File pesanti
- Script esterni
- CSS gonfiati
- Animazioni costose per risorse
- Il Web mobile è troppo limitante e non funziona oltre i limiti del browser.
- L'AMP è ottimo per i siti basati sui contenuti, ma non molto altro.
- Le app native sono una buona soluzione per determinati modelli di business, ma possono essere costose da costruire, difficili da gestire e difficili da mantenere felici gli utenti.
Mynet era una di queste società che ha preso atto della drastica differenza tra la sua esperienza sul sito web mobile e la sua app mobile.
Mentre l'85% del traffico ricevuto da Mynet proveniva dal Web mobile, gli utenti trascorrono il doppio del tempo nella controparte dell'app mobile. Una volta che il marchio multimediale turco ha lanciato il suo PWA (con l'aiuto di contenuti alimentati da AMP), Mynet ha visto le pagine visualizzate e il time-on-site notevolmente migliorato.
In che modo un'app Web progressiva è diversa dalle pagine mobili accelerate?
Cosa vogliono gli utenti di dispositivi mobili? Velocità, praticità e facilità d'uso: cose che entrambi gli articoli PWA e AMP fanno eccezionalmente bene. Detto questo, c'è una netta differenza tra le due piattaforme ottimizzate per dispositivi mobili create da Google.
AMP o Accelerated Mobile Pages, mantiene gli utenti all'interno del browser mobile. Tuttavia, riduce notevolmente i tempi di caricamento rimuovendo o ottimizzando gli elementi che tendono a impantanare le velocità di caricamento del browser, come:
Fondamentalmente, prende tutti quegli elementi dal backend che appesantiscono l'esperienza del frontend e li trasforma in qualcosa di più leggero e gestibile. Per questo motivo, alcune parti dell'esperienza mobile sono state compromesse, motivo per cui AMP è ideale per i siti Web di contenuti che privilegiano la leggibilità rispetto alle funzionalità.
I PWA, d'altra parte, sono veloci quanto AMP ma non sacrificano le funzionalità per farlo. Ecco perché esiste una gamma più ampia di possibilità per gli PWA.
Ciò che molti utenti potrebbero non rendersi conto, tuttavia, è che questo non deve essere una scelta dell'uno o dell'altro. Google ha sviluppato queste soluzioni in modo che possano lavorare in tandem. Caso in questione è Wego.
L'AMP è stato combinato con gli addetti all'assistenza PWA per velocità di caricamento super-veloci (meno di 1 secondo). Ciò ha comportato notevoli miglioramenti nelle visite organiche (+ 12%) e nelle conversioni (il 95% in più). Wego ha anche scoperto che il caricamento più veloce delle pagine significava più coinvolgimento (tre volte di più) con gli elementi monetizzati sull'app.
In che modo un'app Web progressiva è diversa da un'app nativa?
Uno studio di Localytics del 2016 dimostra quanto sia difficile per le app native rivendicare un posto dedicato sui dispositivi mobili degli utenti:
Ovviamente, una volta che un'applicazione ha dimostrato il suo valore e ha fatto in modo che gli utenti si collegassero e si impegnassero circa una dozzina di volte, allora quei tassi di ritenzione sembrano piuttosto solidi. Ma cosa sta succedendo qui? Perché gli utenti amano le app mobili, ma non possono impegnarsi con esse?
Bene, quando si confronta un'app nativa con un'app web progressiva, è possibile notare una chiara differenza nel motivo per cui il Web mobile si sta spostando sempre più verso il PWA:
Costo
Costa molto meno costruire un PWA, che lo rende accessibile a più imprese.
ricercabilità
I PWA possono essere classificati come qualsiasi normale sito web per dispositivi mobili nella ricerca. Questo significa che c'è una maggiore possibilità che gli utenti li incontrino rispetto a quelli che devono visitare l'app store dedicato del loro dispositivo.
risorse
I PWA tendono a funzionare magri, grazie agli addetti all'assistenza. Le app native, essendo la larghezza di banda e gli storage hog che sono, non possono competere con questo. Secondo il rapporto di comScore, uno dei principali motivi per cui gli utenti eliminano un'app dipende dalla quantità di spazio che consuma:
Flessibilità
In generale, le app native sono costruite per un dispositivo rispetto all'altro: iOS o Android. Quindi la manutenzione di un prodotto richiede almeno il doppio del lavoro nella maggior parte dei casi. Ma con i PWA che vivono nel browser e, tuttavia, possono esistere al di fuori di essi, sono compatibili con tutti i browser e i dispositivi.
condivisibilità
Gli PWA hanno URL che possono essere facilmente condivisi con altri. Le app native non lo fanno.
Tutto ciò, ovviamente, non vuol dire che dovresti evitare di costruire un'app nativa per il tuo business se ha senso. Le app native sono perfette per casi d'uso molto specifici. Per esempio:
Le piattaforme di social network, chat e intrattenimento dominano l'elenco delle app mobili più popolari. Troverai anche molti concetti di gioco, produttività e premi in app.
I PWA, d'altra parte, non hanno in genere restrizioni così severe in termini di quali tipi di aziende si comportano meglio su di essi.
Sommario
Quindi, perché c'è qualcosa di importante? Bene, se speravi di trovare un modo migliore per entrare in contatto e interagire con i tuoi utenti mobili, le altre opzioni disponibili potrebbero non averlo tagliato.
L'app web progressiva prende i punti di forza di ciascuna di queste piattaforme e le fonde in qualcosa che i nostri utenti mobili vogliono e hanno bisogno. Questo è il futuro del web mobile.