Le app web progressive (PWA) sono app web create e migliorate con API moderne che offrono funzionalità avanzate pur raggiungendo qualsiasi utente web su qualsiasi dispositivo con un unico codebase. Combinano l'ampia copertura delle app web con le numerose funzionalità delle app specifiche per piattaforma per migliorare l'esperienza utente.
I tre pilastri della progettazione delle PWA
Per creare una PWA che si senta bene da usare come un'applicazione specifica della piattaforma, devi progettarla in modo che sia efficace, affidabile e installabile.
Capace
Le applicazioni web sono più performanti che mai e queste funzionalità sono in continua crescita. Recentemente, il software per il web ha iniziato a sviluppare funzionalità che una volta erano accessibili solo alle app specifiche della piattaforma. Ad esempio, ora puoi creare un'app di video chat iperlocale utilizzando WebRTC, la geolocalizzazione e le notifiche push, quindi rendere l'app installabile e utilizzare WebGL e WebVR per consentire lo spostamento delle conversazioni nella realtà virtuale. L'introduzione di WebAssembly consente agli sviluppatori di sfruttare altri ecosistemi come C, C++ e Rust e di portare sul web decenni di funzionalità specifiche della piattaforma. Un ottimo esempio di sviluppatori che sfruttano le nuove funzionalità del web è Squoosh.app, un programma per la compressione di immagini basato sul web.
Sebbene alcune funzionalità non siano ancora raggiungibili dal web, le nuove e future API ampliano costantemente ciò che può fare il 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 autorizzazione sicuro e incentrato sull'utente del web, che mantiene l'utente al sicuro e rende meno complicato l'utilizzo dei nuovi siti web.
Affidabile
Un'app web progressiva affidabile è veloce e affidabile indipendentemente dalla rete. Gli utenti meritano app in grado di rispondere rapidamente alle interazioni e un'esperienza da cui possono dipendere.
La velocità è fondamentale per indurre gli utenti a utilizzare la tua esperienza. Infatti, con l'aumento dei tempi di caricamento della pagina da 1 a 10 secondi, la probabilità di rimbalzo da parte di un utente aumenta del 123%.
I problemi relativi alle prestazioni influiscono sull'intera esperienza utente, non solo sull'evento onload. Un'esperienza affidabile non induce mai gli utenti a chiedersi se l'interazione con l'app sia stata registrata o meno. Lo scorrimento e l'animazione devono
essere fluidi. Gli utenti devono percepire che la tua app ha un buon rendimento, ma anche che ne hanno bisogno.
Anche app affidabili devono essere utilizzabili indipendentemente dalla connessione di rete. Gli utenti si aspettano che le app vengano caricate rapidamente in caso di connessioni di rete lente o instabili o anche 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 con l'invio delle richieste al server. Quando una richiesta non è possibile, si aspettano che l'app comunichi che esiste il problema, invece di non avere errori o avere arresti anomali in modo invisibile.
Installabili
Se rendi installabile la PWA, la sposta fuori dal browser e in una finestra indipendente, trasformando il modo in cui gli utenti la pensano e vi interagiscono. È possibile avviare le PWA installate dalla schermata Home, dal dock, dalla barra delle applicazioni o dalla barra delle app dell'utente. L'utente può cercarle su un dispositivo e passare da un'app all'altra con il selettore di app, in modo da farle sentire parte del dispositivo su cui sono installate.
Se installi una PWA, saranno 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 di altre applicazioni o come applicazione predefinita per gestire determinati tipi di file.
Ottieni risultati dalle PWA
Il lancio di una PWA non migliora solo l'esperienza utente, Inoltre, migliora le tue metriche e aumenta il valore che ottieni dal tuo servizio. Alcuni esempi importanti sono:
- La PWA di Twitter ha portato a un aumento del 65% delle pagine per sessione, del 75% in più di tweet e di una diminuzione 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 2, 3 volte, il 58% in più di abbonamenti e il 49% in più di utenti attivi giornalieri.
- Hulu ha sostituito la propria esperienza desktop specifica per la 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 In che modo le app web progressive possono favorire il successo aziendale.