App web progressive

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

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

La piattaforma web

Il web è una piattaforma incredibile. Il suo mix di universalità per tutti i dispositivi e i sistemi operativi, il suo modello di sicurezza basato sull'utente e il fatto che nessuna singola azienda ne controlli le specifiche o l'implementazione lo rende una piattaforma potente per la distribuzione di software.

Grazie alla collegabilità intrinseca del web, è possibile eseguire ricerche al suo interno e condividere ciò che hai trovato con chiunque, ovunque. Ogni volta che visiti un sito web, si tratta dell'ultima versione implementata dal publisher e la tua esperienza con il sito può essere temporanea o permanente, come desideri.

Le applicazioni web possono raggiungere chiunque, ovunque e su qualsiasi dispositivo con un unico codebase. Per gli sviluppatori, il web offre anche un meccanismo di deployment trasparente e semplice. Non sono necessari pacchetti, né ulteriori revisioni dei contenuti né ritardi negli aggiornamenti. Gli utenti ricevono sempre la versione più recente quando visitano la tua app. Con nuove funzionalità e tecniche, un'app web può ora consentirti di interagire o visualizzare i contenuti anche quando sei offline, un ostacolo che era impossibile superare alcuni anni fa.

App specifiche per piattaforma

Le app specifiche per piattaforma, sia mobile che desktop, sono note per essere ricche e affidabili. Sono sempre presenti, sulle schermate Home, sui dock e sulle barre delle applicazioni. Funzionano indipendentemente dalla connessione di rete e si avviano in un'esperienza autonoma. Possono leggere e scrivere file dal file system locale, accedere a hardware collegato tramite USB, seriale o Bluetooth e interagire con i dati archiviati sui tuoi dispositivi, ad esempio contatti ed eventi nel calendario. In applicazioni specifiche della piattaforma, puoi scattare foto, riprodurre brani elencati nella schermata Home o controllare la riproduzione di contenuti multimediali mentre utilizzi un'altra app. Queste applicazioni sembrano parte del dispositivo su cui vengono eseguite.

Una sfida per le app specifiche per piattaforma è che non sono compatibili con più piattaforme e dispositivi, pertanto non è facile, se nemmeno possibile, spostare un'app per Android su iOS o iOS su Windows o ChromeOS senza creare una nuova app da zero.

Il meglio delle due modalità

Se pensi alle app e alle app web della piattaforma in termini di funzionalità e copertura, le app della piattaforma rappresentano il meglio delle funzionalità, mentre le app web sono quelle che rappresentano il meglio della copertura. Le app web progressive rappresentano il punto di incontro tra le funzionalità delle app della piattaforma e la portata delle app web. Un'app web progressiva include funzionalità di entrambi i mondi.

Web

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

App della piattaforma

  • Con funzionalità offline
  • Prestazioni elevate
  • Integrazione dei dispositivi
  • Esperienza autonoma
  • Icona Installata
  • Ricco e affidabile

L'adozione ha i suoi vantaggi

Hulu, un servizio di streaming video negli Stati Uniti, ha creato una versione dell'app web progressiva per sostituire le app desktop che hanno ricevuto recensioni negative degli utenti e un utilizzo scarso. Come comunicato al Google I/O 2019, uno sviluppatore ha potuto ricercare e implementare questa esperienza dalla sua applicazione web esistente in due settimane.

Nell'arco di cinque mesi, il 96% degli utenti di app legacy aveva adottato la PWA, con un aumento del 27% delle visite di ritorno e del 5,5% del coinvolgimento. Poiché si trova nell'Avvio app e nelle barre delle app, è più facile tornare alle PWA rispetto a una semplice scheda.

JD.ID, una piattaforma di e-commerce in Indonesia che fornisce servizi di consegna per molti prodotti, voleva espandere la propria presenza online concentrandosi sulle prestazioni e su una solida esperienza indipendente dalla rete per la sua PWA. Grazie a questa esperienza migliorata, l'azienda ha aumentato il tasso di conversione da dispositivo mobile complessivo del 53% e del 200% per gli utenti installati, nonché un aumento degli utenti attivi giornalieri del 26%.

Clipchamp è un editor video online integrato e compatibile con computer desktop che consente a chiunque di raccontare storie che vale la pena condividere con i video. L'azienda ha registrato un aumento del 9% della fidelizzazione degli utenti con la PWA rispetto agli utenti delle app desktop standard e ha registrato un aumento delle installazioni di PWA del 97% ogni mese nei primi cinque mesi di lancio.

Gravit Designer di Corel Corporation è un potente strumento di progettazione vettoriale di livello desktop che serve decine di migliaia di utenti attivi giornalieri che richiedono un software di illustrazione vettoriale ricco, economico e accessibile. Da quando gli utenti hanno aggiunto una PWA come opzione di installazione, hanno notato che gli utenti di PWA sono il 24% più attivi, il 31% in più di utenti ricorrenti e gli utenti di PWA hanno una probabilità 2,5 volte maggiore di acquistare Gravit Designer PRO rispetto alle altre piattaforme e opzioni di installazione.

Il punto di svolta dello streaming

Un ottimo esempio della potenza delle app web progressive è il settore delle piattaforme di streaming, tra cui il cloud gaming e il computing remoto. Dal 2021, la maggior parte dei provider di giochi cloud ha lanciato le app web progressive, che ti consentono 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 il browser come PWA. Offrono tutti un'ottima esperienza con prestazioni simili a quelle native su tutte le piattaforme grazie a tecnologie web come le API WebRTC, WebAssembly e GamePad.

sfide

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

Compatibilità tra browser

È fondamentale per il mondo multi-dispositivo, perché possiede iOS, iPadOS, macOS e Safari. Apple non ha mai usato il termine PWA in pubblico, ma dal 2018 supporta le tecnologie che rendono una PWA installabile e compatibile con la modalità offline su Safari per iPhone e iPad.

Tuttavia, l'implementazione delle specifiche PWA da parte di Apple non comprende molte funzionalità di altri browser, in particolare i browser basati sul motore Chromium.

Al centro ci sono anche Firefox e il suo motore Gecko con implementazioni che includono più specifiche delle 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 tecniche di promozione delle installazioni che aiutano gli utenti a sapere che possono installare l'attuale sito web per usufruire di un'esperienza con l'app. Inoltre, esistono diversi bug con le funzionalità implementate.

Come per tutto lo sviluppo web, è obbligatorio testare l'esperienza su ogni piattaforma quando rilasci la PWA e quando viene rilasciata una nuova versione principale del browser o del sistema operativo. Dovresti sempre fornire soluzioni di riserva o esperienze alternative quando una funzionalità non è disponibile.

Notorietà delle PWA

In qualità di sviluppatore di PWA, probabilmente incontrerai problemi di notorietà, sia sul lato attività che sugli utenti. Alcuni proprietari di attività non conoscono le PWA o potrebbero avere idee errate sulla potenza e sulle sfide poste dalle app web progressive.

Quando pubblichi una PWA, la prossima sfida consiste nell'assicurarti che gli utenti capiscano che il sito web è installabile, quindi l'esperienza utente dell'app è installata.

Il problema dell'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 contenuti e servizi vengono eseguiti in base a specifiche e protocolli standard. Di conseguenza, tecnicamente una PWA viene eseguita ovunque viene eseguito il web. Non è necessario che la piattaforma sia compatibile con qualsiasi "specifica della PWA".

Tuttavia, quando parliamo di PWA e di compatibilità, in genere stiamo pensando alle funzionalità per oltrepassare i confini del browser e dei contesti solo online: installazione delle icone e supporto offline.

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

    97 %

    Browser pronti per la modalità offline

    88 %

    Gli utenti web possono installare una PWA

Dati provenienti da StatCounter e Can I Use.

Computer e laptop

In un mondo di dispositivi a più fattori, è difficile capire che cos'è un computer. Tuttavia, almeno dal punto di vista del sistema operativo, questi browser e store sono compatibili con l'installazione PWA e con le funzionalità offline:

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 desktop e poi vi accede come qualsiasi altra app con la sua finestra autonoma.

Dispositivi mobili

Per quanto riguarda telefoni cellulari e tablet, un'app web progressiva può essere installata con funzionalità offline utilizzando i seguenti browser e app store:

iOS e iPadOS
Safari (da iOS 11.3), AppStore (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 della versione gestita di 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 anche il menu Aggiungi alla schermata Home.

Altri dispositivi

Alcuni altri piccoli dispositivi supportano le PWA, come le console per videogiochi (Xbox con Microsoft Store) o i dispositivi XR (Microsoft Hololens, piani per Oculus di Facebook). Tuttavia, gli altri dispositivi con un browser in genere non accettano le PWA, tra cui:

  • Console per videogiochi
  • Smart TV
  • Smartwatch
  • Auto

La PWA funzionerà sempre nel browser di tutti i dispositivi con le loro limitazioni specifiche. Questa capacità di funzionare su più dispositivi ti consente di creare percorsi multi-dispositivo, in cui l'utente può avviare un'attività su un dispositivo e completarla su un altro dispositivo, con i dati sincronizzati tra di essi, con la stessa app implementata.

Risorse