Le app web progressive (PWA) sono app web create e migliorate con API moderne per offrire funzionalità avanzate e raggiungere qualsiasi utente web su qualsiasi dispositivo con un'unica base di codice. Combinano l'ampia copertura delle app web con le ricche funzionalità delle app specifiche della piattaforma per migliorare l'esperienza utente.
I tre pilastri del design delle 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 queste funzionalità sono in costante crescita. Di recente, il software per il web ha iniziato a sviluppare funzionalità che un tempo erano accessibili solo ad app specifiche per la piattaforma. Ad esempio, ora puoi creare un'app di videochat iperlocale utilizzando WebRTC, la geolocalizzazione e le notifiche push, poi 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 della piattaforma. Un ottimo esempio di sviluppatori che sfruttano le nuove funzionalità del web è Squoosh.app, un compressore di immagini basato sul web.
Anche se alcune funzionalità non sono ancora alla portata del web, le API nuove e future stanno ampliando costantemente le potenzialità del web con funzionalità come l'accesso al file system, i controlli multimediali, i badge delle app e il supporto completo della clipboard. Tutte queste funzionalità sono create utilizzando il modello di autorizzazione 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 affidabile indipendentemente dalla rete. Gli utenti meritano app che rispondano rapidamente alle interazioni e un'esperienza su cui possono fare affidamento.
La velocità è fondamentale per convincere gli utenti a utilizzare la tua esperienza. Infatti, man mano che i tempi di caricamento della pagina aumentano da 1 a 10 secondi, la probabilità di un rimbalzo dell'utente aumenta del 123%.
I problemi di prestazioni interessano l'intera esperienza utente, non solo l'evento onload. Un'esperienza affidabile non lascia mai gli utenti in dubbio sul fatto che sia stata registrata o meno un'interazione con l'app. Lo scorrimento e l'animazione devono essere scorrevoli. Gli utenti devono percepire la tua app come un'app che funziona bene, ma deve anche funzionare bene.
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 inaffidabili o persino 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 avvisi che si è verificato un problema, anziché bloccarsi o arrestarsi in modo silenzioso.
Installabile
Se rendi installabile la tua PWA, questa viene spostata dal browser in una finestra autonoma, trasformando il modo in cui gli utenti la percepiscono e interagiscono con essa. I PWA installati possono essere avviati dalla schermata Home, dalla barra delle app, dalla barra delle app o dalla sezione App dell'utente. L'utente può cercarle su un dispositivo e passare da una all'altra con il selettore di app, facendole sentire parte del dispositivo su cui sono installate.
L'installazione di una PWA rende disponibili anche nuove funzionalità, tra cui le scorciatoie da tastiera, che in genere sono riservate a 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 inoltre le tue metriche e aumenta il valore che ottieni dal tuo servizio. Ecco alcuni esempi di annunci:
- La PWA di Twitter ha generato un aumento del 65% delle pagine per sessione, un aumento del 75% dei tweet e una diminuzione del 20% del tasso di rimbalzo, il tutto riducendo le dimensioni dell'app di oltre il 97%.
- Dopo il passaggio a una PWA, Nikkei ha registrato un aumento di 2, 3 volte del traffico organico, del 58% delle iscrizioni e del 49% degli utenti attivi giornalieri.
- Hulu ha sostituito la propria 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 app web progressive, consulta In che modo le app web progressive possono favorire il successo delle attività.