Le app web progressive (PWA) sono app web create e migliorate con API moderne per offrire funzionalità avanzate, raggiungendo al contempo qualsiasi utente web su qualsiasi dispositivo con un unico codebase. Combinano l'ampia copertura delle app web con le ricche funzionalità delle app specifiche della piattaforma per migliorare l'esperienza utente.
I tre pilastri della progettazione di PWA
Per creare una PWA che sia piacevole da usare come un'applicazione specifica della piattaforma, devi progettarla in modo che sia capace, affidabile e installabile.
Capace
Le applicazioni web sono più potenti che mai e le loro funzionalità sono in continua crescita. Di recente, il software per il web ha iniziato a sviluppare funzionalità che un tempo erano accessibili solo alle app specifiche per piattaforma. Ad esempio, ora puoi creare un'app di videochiamata iperlocale utilizzando WebRTC, geolocalizzazione e notifiche push, quindi rendere l'app installabile e utilizzare WebGL e WebVR per consentire alle conversazioni di passare alla realtà virtuale. L'introduzione di WebAssembly consente agli sviluppatori di accedere ad altri ecosistemi, come C, C++ e Rust, e di portare sul web decenni di funzionalità precedentemente specifiche per la piattaforma. Un ottimo esempio di sviluppatori che sfruttano le nuove funzionalità del web è Squoosh.app, un compressore di immagini basato sul web.
Sebbene alcune funzionalità non siano ancora disponibili sul web, le API nuove e in arrivo ampliano costantemente le possibilità del web con funzionalità come l'accesso al file system, i controlli multimediali, i badge delle app e il supporto completo degli appunti. Tutte queste funzionalità sono create utilizzando il modello di autorizzazioni sicuro e incentrato sull'utente del web, che protegge l'utente e rende meno intimidatorio l'utilizzo di nuovi siti web.
Affidabile
Un'app web progressiva affidabile è veloce e sicura, indipendentemente dalla rete. Gli utenti meritano app che rispondano rapidamente all'interazione e un'esperienza su cui possono fare affidamento.
La velocità è fondamentale per convincere gli utenti a utilizzare la tua esperienza. Infatti, man mano che il tempo di caricamento della pagina aumenta da 1 a 10 secondi, la probabilità che un utente abbandoni la pagina aumenta del 123%.
I problemi di prestazioni influiscono sull'intera esperienza utente, non solo sull'evento onload. Un'esperienza affidabile non lascia mai gli utenti con il dubbio che un'interazione con l'app sia stata registrata o meno. Lo scorrimento e l'animazione devono essere fluidi. Gli utenti devono percepire la tua app come performante tanto quanto hanno bisogno che lo sia effettivamente.
Le app affidabili devono essere utilizzabili indipendentemente dalla connessione di rete. Gli utenti si aspettano che le app si carichino rapidamente su connessioni di rete lente o instabili o anche quando sono offline. Si aspettano che i contenuti più recenti con cui hanno interagito, come tracce multimediali o biglietti e itinerari, siano disponibili e utilizzabili anche se l'app ha problemi a inviare richieste al tuo server. Quando una richiesta non è possibile, si aspettano che l'app li informi che c'è un problema, invece di non riuscire a eseguire l'operazione o di arrestarsi in modo anomalo.
Installabile
Rendere installabile la PWA significa spostarla dal browser a una finestra autonoma, trasformando il modo in cui gli utenti la percepiscono e interagiscono con essa. Le PWA installate possono essere avviate dalla schermata Home, dal dock, dalla barra delle app o dalla barra delle app dell'utente. L'utente può cercarli su un dispositivo e passare da uno all'altro con il selettore app, facendoli sentire parte del dispositivo su cui sono installati.
L'installazione di una PWA rende disponibili anche nuove funzionalità, tra cui le scorciatoie da tastiera, che di solito sono riservate in un browser. Le PWA possono anche registrarsi per accettare contenuti da altre applicazioni o per essere l'applicazione predefinita per gestire determinati tipi di file.
Ottenere risultati dalle PWA
Il lancio di una PWA non migliora solo l'esperienza utente. Migliora anche le tue metriche e aumenta il valore che ottieni dal tuo servizio. Alcuni esempi prominenti includono:
- La PWA di Twitter ha portato a un aumento del 65% delle pagine per sessione, del 75% dei tweet e a una riduzione del 20% della frequenza di rimbalzo, il tutto riducendo le dimensioni dell'app di oltre il 97%.
- Dopo il passaggio a una PWA, Nikkei ha registrato un aumento del traffico organico di 2, 3 volte, del 58% degli abbonamenti e del 49% degli utenti attivi giornalieri.
- Hulu ha sostituito l'esperienza desktop specifica della piattaforma con una PWA e ha registrato un aumento del 27% delle visite di ritorno.
Per ulteriori informazioni sui vantaggi dell'utilizzo delle PWA, consulta l'articolo In che modo le app web progressive possono favorire il successo aziendale.