App Web progressive per desktop: una svolta importante

Quando si parla di Progressive Web Apps (PWA), le applicazioni mobili sono la prima cosa che viene in mente poiché è sempre stato così.

 Letture consigliate: Cos'è la Progressive Web App

Tuttavia, con il passare del tempo, i principali browser come Chrome con le loro iniziative PWA stanno ora irrompendo nel mercato desktop, espandendo ancora di più il potenziale apparentemente illimitato delle PWA.

Da Chrome 70 in poi, gli utenti possono ora installare app Web progressive desktop su Windows e Linux. Una volta installati, vengono avviati dal menu Start e vengono eseguiti come tutte le altre app installate, senza barra degli indirizzi o schede.

E non si ferma a questo . Le basi di una PWA ibrida Microsoft Store vengono stabilite passo dopo passo: in Microsoft Store, le app Web progressive sono ora alla pari con l'applicazione Windows nativa, espandendo così la sua portata all'intera base di installazione di Windows 10 di quasi 700 milioni utenti mensili attivi.

Comprendere le PWA desktop e perché è così importante

Possedendo tutti i vantaggi delle app Web progressive e altro ancora , l'app Web progressiva desktop sta diventando costantemente la tendenza nello sviluppo di app desktop.

 Letture consigliate: 12 esempi di app Web progressive per la tua ispirazione

Per una breve comprensione di Desktop PWA, puoi immaginare che Desktop PWA sia come quello di un documento online o di un documento Google che funziona utilizzando i componenti web. Le applicazioni desktop native, d'altra parte, sono come Microsoft Word : sono buone, hanno un po' di dimensioni e sono progettate per funzionare senza intoppi. Il motivo per cui Desktop PWA è il caldo in questo momento è perché Desktop PWA può praticamente svolgere il lavoro di un'applicazione desktop nativa con un'esperienza molto più coinvolgente e occupa poco o nessun spazio sul disco rigido.

In sintesi, le PWA desktop sono:

• Veloce : PWA offre un'esperienza immediata, reattiva e nel complesso piacevole
• Installabile : una PWA può essere installata come qualsiasi altra app nativa ed essere mostrata sul desktop o sulla schermata iniziale anziché richiedere un browser. Le installazioni di PWA sono sempre istantanee e di dimensioni ridotte.
• Coinvolgente : PWA adotta le migliori linee guida per UX e UI di alta qualità, pur essendo in grado di funzionare indipendentemente dallo stato della rete o dalla capacità del dispositivo.

L'esempio più importante di Desktop PWA è Twitter Lite . Nonostante sia stato realizzato pensando agli utenti mobili, Twitter ha registrato una crescita eccezionale nelle interazioni degli utenti desktop.

Aumento del 65% delle pagine per sessione

Aumento del 75% dei Tweet inviati

Riduzione del 20% della frequenza di rimbalzo

Il primo colpo che ha segnato la fase iniziale del movimento PWA è stato sicuramente sparato da Twitter. Seguono marchi influenti come Spotify e Pinterest con fretta e con una qualità del prodotto non meno eccezionale:

Nel caso te lo fossi perso, abbiamo qui una recensione approfondita di Spotify PWA. Distinguendosi dal resto, Spotify PWA viene fornito con un rinnovamento che ha cambiato drasticamente l'esperienza dell'utente, rendendola più personalizzata e adattabile alle esigenze dell'utente, proprio come dovrebbe essere un lettore musicale.

Anche Pinterest ha registrato numerosi miglioramenti positivi nelle metriche del core business.

Il tempo speso è aumentato del 40% rispetto alla vecchia esperienza sul Web mobile, le entrate pubblicitarie generate dagli utenti sono aumentate del 44% e le interazioni principali sono aumentate del 60%

La loro nuova esperienza sul Web mobile è un passo avanti rispetto al monolito di un sito Web prima.

Non solo hanno suddiviso e ridotto centinaia di KB dal loro JavaScript, riducendo le dimensioni del loro bundle principale da 650 KB a 150 KB, ma hanno anche migliorato le metriche chiave delle prestazioni. La prima vernice significativa è scesa da 4,2 a 1,8 e Time To Interactive è stata ridotta da 23 a 5,6.

Per i lettori interessati a un caso di studio specifico di Pinterest PWA, consigliamo vivamente questo articolo: Un caso di studio sulle prestazioni delle app Web progressive di Pinterest.

Come installare app Web progressive sul desktop

Il processo per l'installazione di un'app Web progressiva desktop è abbastanza semplice e snello. Il tuo passaggio più importante è solo trovare l'indirizzo PWA corretto della tua app.

Nel nostro tutorial di oggi useremo Twitter come esempio di Desktop PWA:

Passaggio 1 : utilizzando Google Chrome versione 70 e successive, vai su https://mobile.twitter.com/home

Passaggio 2 : verifica se è presente un pulsante (+) all'estremità destra della barra degli indirizzi

o se è presente un'opzione " Installa Twitter " nel menu a discesa

Passaggio 3 : fai clic su Installa e il processo sarà terminato all'istante.

Passaggio 4 : avvia la tua PWA appena installata dal desktop.

Come disinstallare le app Web progressive sul desktop

Per gli utenti non interessati, l'eliminazione dell'icona Desktop PWA è un modo accettabile per disinstallare PWA. Tuttavia, per gli utenti che cercano un modo più sicuro per disinstallare le PWA, si consigliano i passaggi seguenti:

Passaggio 1 : apri la tua PWA desktop (in questo caso è Twitter )

Passaggio 2 : seleziona " Disinstalla Twitter ..." nel menu a discesa

Passaggio 3 : seleziona o deseleziona l'opzione suggerita e infine fai clic su " Rimuovi "

E questo è tutto! La tua PWA di Twitter è ora stata rimossa dal tuo computer in pochi semplici passaggi.

Osservazioni conclusive

Desktop PWA è innegabilmente il prossimo passo rivoluzionario nell'interazione e nella funzionalità delle app Web. Per essere un passo avanti rispetto alla concorrenza, le aziende devono abbracciare il movimento PWA ora e stare all'erta del cambiamento di tendenza nello sviluppo di web/app.

Per i commercianti online alla ricerca di una soluzione Magento Progressive Web App perfetta a 360 gradi, qui su SimiCart offriamo un pacchetto completo per te e il tuo negozio.