App web progressive

Un'app web progressiva (PWA) è un'app web che utilizza il miglioramento progressivo per offrire agli utenti un'esperienza più affidabile, impiega nuove funzionalità per offrire un'esperienza più integrata e può essere installata. Inoltre, poiché è un'app web, può raggiungere chiunque, ovunque e su qualsiasi dispositivo, il tutto con un unico codebase. Una volta installata, una PWA appare come qualsiasi altra app, in particolare:

  • È presente un'icona nella schermata Home, in Avvio applicazioni, in Avvio app o nel menu Start.
  • Viene visualizzata quando cerchi app sul dispositivo.
  • Si apre in una finestra autonoma, completamente separata dall'interfaccia utente di un browser.
  • Ha accesso a livelli più elevati di integrazione con il sistema operativo, ad esempio la gestione degli URL o la personalizzazione della barra delle app.
  • Funziona offline.

La piattaforma web

Il web è una piattaforma incredibile. Il mix di versatilità tra dispositivi e sistemi operativi, il modello di sicurezza incentrato sull'utente e il fatto che nessun'unica azienda controlla le proprie specifiche o implementazioni ne fanno una potente piattaforma per la distribuzione del software.

Se combinata con la collegabilità intrinseca del web, è possibile eseguire ricerche e condividere ciò che hai trovato con chiunque e ovunque. Ogni volta che visiti un sito web, si tratta dell'ultima versione di cui è stato eseguito il deployment dal publisher e la tua esperienza con quel sito può essere temporanea o definitiva, a seconda delle tue esigenze.

Le applicazioni web possono raggiungere chiunque, ovunque, su qualsiasi dispositivo con un unico codebase. Per gli sviluppatori, il web offre anche un meccanismo di implementazione trasparente e diretto. Non c'è bisogno di presentazioni, revisioni dei contenuti extra o ritardi negli aggiornamenti. Gli utenti ricevono sempre la versione più recente quando visitano la tua app. Con nuove funzionalità e tecniche, ora un'app web può consentire di interagire o visualizzare i contenuti anche quando è offline, un ostacolo impossibile da superare qualche anno fa.

App specifiche per le piattaforme

Le app specifiche della piattaforma, sia su dispositivi mobili che su computer, sono note per essere complete e affidabili. Sono sempre presenti nelle schermate Home, nelle sezioni App e nelle barre delle app. Funzionano indipendentemente dalla connessione di rete e vengono lanciate singolarmente. Possono leggere e scrivere file dal file system locale, accedere all'hardware connesso tramite USB, seriale o Bluetooth e interagire con i dati archiviati sui tuoi dispositivi, ad esempio contatti ed eventi di calendario. Nelle applicazioni specifiche della piattaforma, puoi scattare foto, riprodurre i brani elencati nella schermata Home o controllare la riproduzione dei contenuti multimediali mentre sei in un'altra app. Queste applicazioni sembrano far parte del dispositivo su cui vengono eseguite.

Un problema per le app specifiche per piattaforma è che non sono compatibili con più piattaforme e dispositivi, quindi non è facile, seppur possibile, spostare un'app per Android su iOS o iOS in Windows o ChromeOS senza creare una nuova app da zero.

Il meglio delle due piattaforme

Se si pensa alle app e alle app web in termini di funzionalità e copertura, le app sulla piattaforma rappresentano il meglio delle funzionalità, mentre le app web rappresentano il meglio della copertura. Le app web progressive si trovano all'intersezione delle funzionalità delle app di piattaforma e della copertura delle app web. Un'app web progressiva include funzionalità di entrambi.

Web

  • Collegabilità
  • Accessibile per impostazione predefinita
  • Onnipresente
  • Facile da implementare
  • Facile da aggiornare
  • Tutti possono pubblicare

App della piattaforma

  • Funzionalità offline
  • Prestazioni elevate
  • Integrazione dei dispositivi
  • Esperienza autonoma
  • Icona Installata
  • Funzionalità complete e affidabili

L'adozione ha i suoi vantaggi

Hulu, un servizio di streaming video negli Stati Uniti, ha creato una versione Progressive Web App della propria esperienza per sostituire le app desktop che avevano ricevuto recensioni negative e scarso utilizzo da parte degli utenti. Come comunicato al Google I/O 2019, uno sviluppatore potrebbe ricercare e implementare questa esperienza dall'applicazione web esistente in due settimane.

Nel giro di cinque mesi, il 96% degli utenti dell'app precedente aveva adottato la PWA, con un aumento del 27% delle visite di ritorno e del 5,5% del coinvolgimento. Poiché si trovano nel programma di avvio e nelle barre delle app, è più facile tornare alle PWA rispetto a quando si trovano in una scheda.

JD.ID, una piattaforma di e-commerce in Indonesia che fornisce servizi di consegna per molti prodotti, voleva espandere la sua presenza online concentrandosi sul rendimento e su una solida esperienza indipendente dalla rete per la propria PWA. Con questa esperienza migliorata, l'azienda ha aumentato il tasso di conversione complessivo sui dispositivi mobili del 53%, del 200% per gli utenti installati e del 26% per gli utenti attivi giornalieri.

Clipchamp è un editor video online nel browser di livello professionale che consente a chiunque di raccontare storie che vale la pena condividere tramite video. Hanno registrato un aumento del 9% della fidelizzazione degli utenti con la PWA rispetto agli utenti dell'app desktop standard e hanno registrato un aumento delle installazioni della PWA a un tasso del 97% ogni mese nei primi cinque mesi di lancio.

Gravit Designer di Corel Corporation è un potente strumento di progettazione vettoriale di livello desktop per decine di migliaia di utenti attivi giornalieri che richiedono software di illustrazione vettoriale avanzato, economico e accessibile. Dall'aggiunta di una PWA come opzione di installazione per gli utenti, hanno riscontrato che gli utenti PWA sono più attivi del 24%, la PWA rappresenta il 31% in più di utenti abituali e gli utenti PWA hanno una probabilità 2, 5 volte superiore di acquistare Gravit Designer PRO, rispetto alle altre piattaforme e alle opzioni di installazione di cui dispongono.

La svolta per lo streaming

Un ottimo esempio della potenza delle app web progressive è il settore delle piattaforme di streaming, tra cui il cloud gaming e il calcolo remoto. Dal 2021, la maggior parte dei fornitori di giochi su cloud ha lanciato le app web progressive, consentendoti di giocare ai giochi per console da qualsiasi dispositivo e solo da un browser o da un'installazione PWA: iPhone, Android, iPad, laptop, Mac o PC. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now e BlueStacks X offrono soluzioni di cloud gaming tramite browser come PWA. Offrono tutti un'esperienza eccezionale con prestazioni quasi native su tutte le piattaforme grazie a tecnologie web come WebRTC, WebAssembly e API GamePad.

Sfide

Dopo aver esaminato i vantaggi dell'utilizzo della piattaforma web per pubblicare PWA, è anche importante conoscere le sfide che potresti dover affrontare.

Compatibilità cross-browser

Apple è un'azienda fondamentale per il mondo multi-dispositivo, poiché possiede iOS, iPadOS, macOS e Safari. Anche se Apple non ha mai utilizzato pubblicamente il termine PWA, supporta le tecnologie per rendere una PWA installabile e utilizzabile offline dal 2018 su Safari per iPhone e iPad.

Tuttavia, l'implementazione delle specifiche delle app web progressive da parte di Apple non include molte funzionalità presenti in altri browser, in particolare in quelli basati sul motore Chromium.

Al centro, abbiamo anche Firefox e il suo motore Gecko con implementazioni che includono più specifiche PWA su Android e meno funzionalità di installazione su computer.

Le limitazioni includono la mancanza di notifiche push, di API di integrazione (come Web Bluetooth o WebNFC) e di tecniche di promozione dell'installazione che aiutano gli utenti a sapere che possono installare il sito web corrente per usufruire di un'esperienza con l'app. Inoltre, esistono diversi bug relativi alle funzionalità implementate.

Come per tutto lo sviluppo web, è obbligatorio testare l'esperienza su ogni piattaforma al momento del rilascio della PWA e quando viene rilasciata una nuova versione importante del browser o del sistema operativo. Quando una funzionalità non è disponibile, devi sempre fornire soluzioni di riserva o esperienze alternative.

Conoscenza delle PWA

In qualità di sviluppatore di PWA, probabilmente riscontrerai un problema di visibilità, sia dal punto di vista delle aziende che degli utenti. Alcuni proprietari di attività non conosceranno le PWA o avranno idee sbagliate sulle potenzialità e sulle sfide delle app web progressive.

Quando pubblichi una PWA, la prossima sfida è assicurarti che gli utenti capiscano che il sito web è installabile, generando un'esperienza di app installata.

Il problema di installazione è più significativo su alcune piattaforme, come iOS e iPadOS, e a volte i designer UX includono schermate che spiegano all'utente come installare l'app.

Compatibilità

Devi ricordare che un'app web progressiva è solo un'app web, quindi i contenuti e i servizi vengono eseguiti su specifiche e protocolli standard. Di conseguenza, una PWA viene eseguita tecnicamente ovunque sia eseguito il web. Non è necessario che la piattaforma sia compatibile con nessuna "specifica PWA".

Tuttavia, quando parliamo di PWA e compatibilità, in genere ci riferiamo alle funzionalità che consentono di superare i confini del browser e dei contesti solo online: installazione di icone e supporto offline.

Oltre al supporto della piattaforma web classica, controlliamo il supporto delle funzionalità di base dell'app, come l'installazione delle icone e le funzionalità offline.

    97 %

    Browser pronti per l'offline

    88 %

    Gli utenti web possono installare una PWA

I dati provengono da StatCounter e "Can I Use".

Computer desktop e laptop

In un mondo di dispositivi multifattori, è difficile capire cosa sia un computer. Tuttavia, almeno dal punto di vista del sistema operativo, questi browser e store sono compatibili con le funzionalità di installazione e offline delle PWA:

Windows 10 e 11
Google Chrome (dalla versione 73), Microsoft Edge (dalla versione 79), Microsoft Store
ChromeOS
Browser Chrome integrato (dalla versione 72), Play Store (dalla versione 85)
macOS, Linux, Windows 7 e 8.x
Google Chrome (dalla versione 73), Microsoft Edge

Nel video seguente l'utente installa una PWA dal browser su un computer, quindi vi accede come a qualsiasi altra app con la relativa finestra autonoma.

Dispositivi mobili

Per quanto riguarda smartphone e tablet, un'app web progressiva è installabile con funzionalità offline utilizzando i seguenti browser e store di app:

iOS e iPadOS
Browser di terze parti (da iOS/iPadOS 16.4), Safari (da iOS 11.3), App Store (da iOS/iPadOS 14, con alcune limitazioni), configurazione mobile per la distribuzione aziendale.
Android
Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Browser, Baidu, UCWeb, Play Store (dalla versione 72 con Google Chrome installato o browser compatibili con TWA), Galaxy Store, iframe di Managed Play per la distribuzione aziendale.

Nel video seguente, l'utente installa una PWA dal browser su un dispositivo mobile utilizzando la finestra di dialogo del browser e il menu Aggiungi a schermata Home.

Altri dispositivi

Alcuni altri piccoli dispositivi supportano le PWA, ad esempio le console per videogiochi (Xbox con Microsoft Store) o i dispositivi XR (Microsoft HoloLens, piani per Oculus di Facebook). Tuttavia, il resto dei dispositivi con un browser in genere non accetta le PWA, tra cui:

  • Console per videogiochi
  • Smart TV
  • Smartwatch
  • Automobili

La PWA funzionerà sempre nel browser di tutti i dispositivi con le sue limitazioni specifiche. Questa capacità di lavorare su molti dispositivi ti consente di creare percorsi su più dispositivi, in cui l'utente può avviare un'attività su un dispositivo e completarla su un altro, con i dati sincronizzati tra loro, con la stessa app di cui è stato eseguito il deployment.

Risorse