Scopri i vantaggi e gli svantaggi delle Progressive Web Apps (PWA)

Non lasciarti ingannare: le applicazioni web progressive non sono una nuova pazza tecnologia di cui non sarai in grado di avere una conversazione istruita con i tuoi amici dopo una rapida lettura dell'articolo.

Sono essenzialmente applicazioni web modernizzate con un nome di fantasia (grazie, Google Chrome).

Tuttavia, tieni d'occhio i motivi per cui molte organizzazioni decidono che una PWA è più adatta alle loro esigenze. Non solo è più economico creare, commercializzare e mantenere una PWA rispetto a un'applicazione nativa, ma può anche essere ciò che i clienti preferiscono.

Hai chiesto ai tuoi clienti se vogliono essere reindirizzati all'App Store solo per prenotare la loro prossima prenotazione in hotel o prenotare un'auto a noleggio? Forse è una conversazione per un altro giorno...

Che cos'è un'app Web progressiva?

Prima di poter iniziare a comprendere i casi d'uso per la creazione di un'app Web progressiva rispetto a un'applicazione nativa oa un'applicazione Web tradizionale, assicuriamoci di coprire le nozioni di base.

Innanzitutto, devi conoscere le applicazioni web progressive perché sono la via del futuro. Secondo un sondaggio tra i lettori su oltre 800 tecnologi, condotto da JAX Enter, il 46% degli intervistati ha affermato di ritenere che le PWA siano il futuro, non applicazioni native o ibride.

Differenza tra app Web progressive, app Web non progressive e app native

Anche gli sviluppatori senior hanno la tendenza a confondere il progressivo con il non progressivo o il non progressivo con le applicazioni native. Tuttavia, ci sono differenze nette tra questi tipi di applicazioni.

Fonte

Le applicazioni native sono applicazioni create in una lingua specifica per un determinato dispositivo (smartphone, tablet, ecc.) e devono essere scaricate da un negozio di applicazioni. Nell'esempio sopra, l'app MyPay di Dish è un'applicazione nativa perché può essere scaricata dall'Apple App Store ed è stata creata per dispositivi iOS. Anche se puoi anche scaricare l'app MyPay di Dish su Google Play, Dish ha effettivamente dovuto sviluppare una seconda applicazione nativa affinché ciò fosse possibile.

Dovendo progettare e sviluppare due diverse applicazioni mobili per i loro clienti, puoi iniziare a vedere un grave svantaggio nello sviluppo di app native.

Un tipo di applicazione più attento al budget? Applicazioni web non progressive. La prima forma di applicazioni Web, un'applicazione Web non progressiva, è un'applicazione che non deve essere scaricata da un app store; piuttosto, è accessibile solo attraverso il web.

Sembra e si sente come un'app, ma in realtà è solo un sito Web con funzionalità avanzate. Si noti che l'esempio di app Web non progressiva nell'immagine sopra, Evolve Vacation Rentals, è sicuro, reattivo ed elegante, ma non è considerato un PWA.

Infatti, affinché un'applicazione basata sul Web possa essere considerata un'applicazione Web progressiva, Google afferma che quanto segue deve essere vero per l'applicazione:

• Progressivo . Deve funzionare su tutti i tipi di browser, non solo su IE o Chrome.
• Reattivo . L'app deve adattarsi a tutti i moderni telefoni, tablet e gadget tecnologici del futuro.
• Indipendente . Deve avere la capacità di funzionare offline o su una connessione di rete a bassa potenza.
• App-esque . L'applicazione utilizza la navigazione e lo stile in stile app.
• Fresco. Sempre aggiornato.
• Sicuro. Servito agli utenti tramite la sicurezza del livello di trasporto o più comunemente indicato come URL HTTPS.
• Scopribile. Trovabile tramite un motore di ricerca.
• Riagganciabile. Possibilità di coinvolgere nuovamente gli utenti dell'applicazione attraverso la piattaforma (es. notifiche push).
• Installabile. Gli utenti possono installare l'app nella schermata iniziale tramite l'app store per consentire un accesso facile e conveniente.
• Collegabile. L'app può essere condivisa con altri utilizzando un URL.

Funzionalità delle app Web progressive

Google ha le sue classificazioni per ciò che rende un'applicazione Web un'applicazione Web progressiva , ma potresti chiederti come una persona potrebbe determinare se un'app Web è progressiva senza tenere a portata di mano una lista di controllo? Per essere in grado di fare proprio questo, esaminiamo le caratteristiche chiave di una PWA.

Contesti protetti (HTTPS)

È difficile definire un'applicazione progressiva se non aderisce ai più recenti e più grandi standard di sicurezza dei dati. I contesti protetti è uno standard di sicurezza che fornisce un livello di sicurezza agli utenti del sito Web, suggerendo che l'applicazione Web che stanno utilizzando fornisce contenuti in modo sicuro.

Come è prassi ottimale per qualsiasi sito Web nel 2020, una caratteristica fondamentale delle PWA è che sono crittografate TSL/SSL, garantendo contesti sicuri. Per determinare rapidamente se un'applicazione Web è protetta, cerca semplicemente un HTTPS nell'URL della pagina.

Se stai utilizzando un'applicazione Web che non dispone di una connessione HTTPS, non può essere considerata una PWA.

Fonte

Lavoratori di servizio

In termini tecnici, un addetto ai servizi non è la persona che ti consegna il cibo da asporto, ma restiamo fedeli a quell'analogia!

Diciamo che sei in un ristorante e la corrente si interrompe. Se hai fame come sempre, sei bloccato a mangiare insalata o zuppa fredda. Ma ciò che fa un addetto ai servizi è utilizzare la cache per garantire che la tua esperienza non ne risenta mai. O meglio, un addetto ai servizi si assicura che avrai comunque un pasto caldo.

Ciò significa dal punto di vista dell'esperienza utente PWA è che se stai navigando nell'app e perdi la connessione a Internet, non te ne accorgerai. Oppure, se sei già stato in quella PWA, la tua esperienza si caricherà estremamente velocemente, come se avessi ordinato la cena in anticipo.

Com'è possibile? Con un piccolo file JavaScript, è tutto. Gli operatori dei servizi più avanzati possono persino essere collegati con le API push, consentendo alle PWA di inviare notifiche push agli utenti per mantenerli coinvolti.

File manifest

Per creare un'esperienza utente più personalizzata, le PWA spesso traggono vantaggio dai file manifest. In breve, un file manifest è un file contenente metadati per un raggruppamento di file che fanno parte di una singola unità.

In sostanza, i metafile vengono spesso utilizzati per indicare ai browser Web come dovrebbe comportarsi un'app PWA quando viene aperta su un particolare dispositivo. Creando un file manifest per una PWA, uno sviluppatore può impostare un'icona dell'app predefinita o un colore della schermata iniziale. Uno sviluppatore potrebbe anche assicurarsi che un'applicazione si apra in una finestra del browser a schermo intero per creare un'esperienza più "simile a un'app" su un particolare dispositivo.

Fonte

Vantaggi delle PWA

Certo, ci sono vantaggi per tutti i tipi di applicazioni. Bart Deferme, Director of Agile Product Development di Spire Digital, afferma:

"Diversi tipi di applicazioni sono vantaggiosi in diversi casi d'uso per diverse organizzazioni. Le applicazioni native sono ideali per le organizzazioni che sanno che i loro utenti preferirebbero un'applicazione nativa a una PWA o a un'applicazione Web non progressiva. Ma per gli imprenditori che cercano di ottenere una prova di concetto lanciando un MVP snello, un'applicazione web non progressiva o una PWA sono percorsi più convenienti.

Tenendo presente che ci sono sempre casi d'uso in cui diversi tipi di applicazioni sono la soluzione migliore, ecco i vantaggi generali dell'utilizzo di un'applicazione Web progressiva rispetto a un altro tipo di applicazione:

Scopribile

Google ottiene 3,5 miliardi di ricerche al giorno, il che lo rende il più grande motore di ricerca al mondo. È sicuro dire che quando le persone hanno un problema o una domanda, chiedono a Google. Ciò rappresenta una grande opportunità per le organizzazioni che implementano PWA perché possono vivere sul Web, oltre a un app store. Ciò rende più facile per le persone trovare una PWA rispetto ad altre applicazioni.

La rilevabilità di PWA è un grande vantaggio perché consente agli utenti di cercare dove cercano di più, ottenere risposte e completare azioni in un unico posto. Con una PWA, non devono saltare attraverso i cerchi per scaricare un'intera applicazione e guardare la ruota di download di un app store che scorre lentamente fino a "100%, download completo".

Installabile

Se un utente ama davvero usare una PWA o semplicemente la usa spesso, non deve aggiungerla ai segnalibri sul proprio computer e sul browser del cellulare come farebbe con un'applicazione web non progressiva. Un semplice viaggio all'app store e agli utenti consente agli utenti di accedere alle loro PWA preferite nello stesso lasso di tempo che farebbero con la tua tipica applicazione nativa.

Collegabile

È molto più facile condividere un collegamento alla tua applicazione preferita con un amico piuttosto che dire al tuo amico di "cercare quell'app nell'app store". I collegamenti possono essere condivisi facilmente tramite e-mail, social media dms, ecc. Collegabilità e rilevabilità sono due vantaggi della PWA che funzionano in sincronia, diminuendo il tempo necessario al primo utente per accedere a un'applicazione e anche diminuendone la quantità di tempo impiegato da un superutente per condividere l'app con amici o potenziali utenti.

Indipendente dalla rete

Scherma di rete. Non saremo mai in grado di ottenere barre piene ovunque andiamo nel mondo. Ma poi di nuovo, non abbiamo bisogno di barre piene per far funzionare un PWA, vero?

Le applicazioni web progressive consentono agli utenti di continuare ad ascoltare la loro musica preferita mentre attraversano un tunnel e consentono agli operatori delle telecomunicazioni di essere avvisati di una linea elettrica in caduta durante un blackout in tutta la città. Senza la necessità di una forte connessione di rete in ogni momento, le PWA offrono un'esperienza utente più affidabile per tutti i gruppi di utenti.

reattivo

Hai mai desiderato giocare a Parole con gli amici mentre cerchi di sembrare interessato a una chiamata Zoom? Se Words with Friends fosse una PWA invece di un'applicazione nativa, potresti (è un'ottima idea tra l'altro, qualcuno per favore lo faccia accadere). Le PWA consentono un'esperienza utente senza interruzioni indipendentemente dal dispositivo o dal tipo di browser. Significa che non devi avere sempre il tuo telefono o laptop a portata di mano per utilizzare la tua applicazione nativa o non progressiva preferita.

Un altro vantaggio della reattività è che impedisce alle organizzazioni di dover produrre più applicazioni per più gruppi di utenti. Gli utenti di laptop e telefoni cellulari possono essere tutti soddisfatti dell'implementazione di un'unica app: una PWA. Questo vantaggio tende a essere uno dei punti di forza di una PWA, poiché consente alle organizzazioni di risparmiare un sacco di spese per l'IT e il marketing.

Sicuro

Soprattutto quando utilizzano un'applicazione finanziaria, sanitaria o assicurativa, gli utenti vogliono sapere che i loro dati personali non sono accessibili a un tizio alle Cayman. In parole povere: la sicurezza crea fiducia con gli utenti. I contesti sicuri e le crittografie degli URL consentono alle PWA di fornire rassicurazioni sia ai tuoi utenti che ai robot di ricerca di Google.

Come accennato in precedenza, è consigliabile utilizzare una crittografia SSL su tutti gli URL dell'organizzazione, incluse le applicazioni Web. Se non proteggi la tua applicazione web, Google ha costantemente affermato che le prestazioni della tua applicazione web nelle pagine dei risultati di ricerca ne risentiranno negativamente.

Fonte

Conclusione

Pensaci: il mondo si sta dirigendo verso una realtà di Blade Runner, dove gli umani saranno presto connessi al software 24 ore al giorno (se non lo sei già). Superare la curva tecnologica e ottenere il massimo ROI significa investire in software con il valore più a lungo termine.

Le applicazioni native sono create per dispositivi specifici in linguaggi specifici, rendendo l'esperienza dell'applicazione non rispondente e la base di codice meno riutilizzabile. Il codice delle applicazioni Web non progressive può essere riutilizzato per la creazione di altre applicazioni, ma le applicazioni Web non progressive vengono create solo per browser specifici. Inoltre, non possono essere scaricati da un app store.

Le PWA sono il tipo di applicazione più a prova di futuro in quanto sono:

• Individuabile tramite web o app store
• Reattivo e pronto per qualsiasi browser
• Connessione di rete indipendente
• Sicuro e crittografato
• E altro ancora

Ora che hai una migliore comprensione di una PWA, puoi esaminare meglio il tuo caso d'uso dell'applicazione e determinare quale tipo di applicazione si adatta alle esigenze della tua organizzazione. Se non l'hai già fatto, parla con i tuoi clienti per capire i loro desideri e bisogni, quindi seleziona un'applicazione da creare che fornirà il valore più a lungo termine per la tua organizzazione.

Una PWA è la soluzione giusta per la tua organizzazione? Chi lo sa. Ma non è mai una cattiva idea comprendere meglio tutte le opzioni dell'applicazione.

Ottieni una comprensione più approfondita di altre informazioni dettagliate sullo sviluppo di app nell'hub di informazioni sullo sviluppo di app di G2.