Skip to content

PWA vs APP native: tutto quello che devi sapere

La PWA è il mix ideale tra un'app e un sito web, riunisce le migliori caratteristiche di entrambi per creare una soluzione flessibile alle tue esigenze. Ti spieghiamo tutto nei dettagli!

19.03.20
Tempo di lettura:

Le app sono le compagne costanti nella nostra quotidianità: le consultiamo per informarci, per chiedere assistenza, per fare shopping e per condividere pensieri ed emozioni. Sembra quasi che esista un’app per ogni cosa!

Tuttavia, potresti renderti conto di avere un’idea per cui ancora non esiste un’applicazione, oppure alla tua attività potrebbe servire un modo per facilitare l’interazione con i tuoi contatti o permetterti di ampliare il tuo business, creando un nuovo punto d’incontro con il tuo pubblico.

La valutazione di investire per creare un’app personalizzata per la propria attività deve necessariamente tenere in conto il lato economico:

  • se vuoi entrare sia nel mondo Android che nel mondo iOS (più opzioni equivale a più contatti) devi produrre 2 app diverse;
  • se decidi di sviluppare anche la versione desktop devi necessariamente considerare i vari sistemi operativi (Windows, Linux e iOS);
  • per promuovere i tuoi servizi ti serve un sito, altrimenti come faranno gli utenti a sapere che esisti?

Di questo passo i costi si moltiplicano e il rischio di rinunciare aumenta di molto. Ma esiste una valida alternativa che ti consigliamo di prendere in considerazione: sviluppare una Progressive Web App (in breve PWA).

Cos’è una Progressive Web App?

La PWA è il mix ideale tra una app e un sito web, riunisce le migliori caratteristiche di entrambi per creare una soluzione flessibile alle tue esigenze. È sviluppata come una pagina web ma si comporta come una “classica” app, ad esempio si può proporre all’utente di salvarla nella Home dello smartphone.

Qual è la differenza tra PWA e APP?

Con app (abbreviazione di application) indichiamo un qualsiasi sistema, utilizzabile tramite un dispositivo informatico, come uno Smartphone o un PC, che permetta di ottenere un servizio. Nella memoria dei nostri smartphone ci sono app scaricate e installate da Google Play o dall’Apple Store.

Pwa vs App native…quale scegliere?

Perché scegliere una PWA per la tua attività?

Una PWA è sviluppata con le stesse tecnologie utilizzate anche per i siti: HTML, CSS e JavaScript.
Tuttavia, non tutti i siti sono Progressive Web App: per essere considerata tale, infatti, deve comprendere sia le caratteristiche di una app nativa sia quelle di un website.

Ecco l’elenco delle prerogative delle PWA (e, soprattutto, delle peculiarità che la rendono flessibile e ideale per il tuo business):

Discoverable: dal momento che le Progressive Web App sono, di fatto, un sito web, si indicizzano sui motori di ricerca e tramite tecniche e strategie SEO si può migliorarne il posizionamento e renderle popolari e visibili;

Installable: ogni PWA, come una app nativa, ha la possibilità di essere installata sui dispositivi, con tanto di icona nel menu. La differenza sta nel fatto che si scarica dal browser invece che dall’app store. Una volta installata, non si nota alcuna differenza tra una PWA e una app nativa;

Linkable: è un sito web, quindi possiamo facilmente condividere l’URL con clienti, colleghi e amici;

Network indipendent: tutte le (buone) applicazioni per smartphone funzionano anche se non siamo connessi a Internet. Lo stesso comportamento è garantito anche dalle PWA, che possono funzionare anche offline;

Progressive: l’applicazione funziona indipendentemente dal sistema operativo, browser o tipo di dispositivo. In pratica si può sviluppare un sito che funziona sia su browser moderni, che su quelli meno recenti;

Re-engageable: tramite servizi come le notifiche push, proprio come per le app native, è possibile fare in modo che l’utente interagisca con la Progressive Web App anche quando non sta visitando il sito web;

Responsive: la PWA è costruita con una grafica che si adatta ai diversi dispositivi, sia allo schermo piccolo dello smartphone, sia al monitor in alta definizione;

Safe: qualsiasi Progressive Web App deve usare una connessione HTTPS, ovvero deve garantire che tutti i dati siano crittografati per proteggere sempre le tue informazioni.

Riassumendo, le PWA sono un’ottima soluzione per e-commerce, blog, gestionali e tutte le attività che richiedono l’interazione frequente da parte dell’utente.

Ti interessano le statistiche sulle PWA?

Ti consigliamo due articoli in cui trovare ulteriori dettagli sulle potenzialità di una Progressive Web App:
Smashing Ideas 2019 Stats For Mobile App Usage : Progressive Webs Apps (PWA): raccoglie statistiche che comparano l’utilizzo di PWA rispetto alle app native dal punto di vista degli utenti;
PWA Stats: testimonianze di aziende che hanno visto significativi aumenti di utilizzo delle loro applicazioni da quando hanno cominciato a utilizzare le PWA.

Alcuni esempi di Progressive Web App:

Per spiegarci meglio abbiamo raccolto alcuni esempi di enti e aziende che hanno scelto di investire nelle Progressive Web App per distribuire i loro servizi:
What Web Can Do Today, che mostra tutte le funzionalità che una PWA può avere sui tuoi dispositivi;
Twitter, il famoso social network dei 280 caratteri
AliExpress, l’e-commerce cinese con più di 665 milioni di utenti mensile
Amico del Popolo , la testata giornalistica bellunese di cui Nodopiano ha sviluppato anche il nuovo sito;
App OPI Belluno, il software che abbiamo realizzato per la gestione dei corsi organizzati dall’Ordine degli Infermieri di Belluno.

Ti consigliamo di dare un’occhiata anche a questo articolo di Bigger Picture per conoscere altre realtà che hanno deciso di passare alle PWA.

Come riconoscere una PWA a prima vista

Puoi individuare una Progressive Web App semplicemente navigando con Google Chrome: se il sito che stai visitando ha le caratteristiche di una PWA, vedrai comparire un piccolo simbolo + cerchiato nella barra dell’indirizzo, come nell’immagine qui sotto.

Puoi individuare una Progressive Web App grazie al + cerchiato nella barra dell’indirizzo

Noterai presto che le Progressive Web App sono più comuni di quanto tu possa immaginare!

Quali sono i difetti delle Progressive Web App?

Per quanto le software house stiano sempre più abbracciando il mondo delle PWA, ci sono delle funzionalità che avvantaggiano le app native.
Anche se il supporto dei browser si sta avvicinando al 100% delle funzionalità proposte, c’è ancora un po’ di strada da fare. Inoltre, vecchie versioni dei browser o dei sistemi operativi non più aggiornabili (soprattutto per Smartphone, ad esempio l’iPhone 5), riducono di molto le funzionalità disponibili.

Puoi controllare quali funzioni sono disponibili sul tuo dispositivo visitando il sito whatwebcando.today, che raccoglie in modo ordinato tutte le funzionalità previste dalle PWA, mostrandoti se sono al momento supportate dal tuo smartphone o PC.

Un altro svantaggio rispetto alle app native è la performance: per quanto una PWA abbia tempi di caricamento più veloci grazie a sistemi di preload dei contenuti, si verifica un aumento della latenza e una riduzione della durata della batteria.
La causa dei difetti è la dipendenza da un browser: le app native possono avvantaggiarsi di collegamenti direttamente con il dispositivo, mentre le PWA devono sottostare alle limitazioni (sia di performance, sia di funzionalità) del browser presente sul dispositivo.

PWA e App native hanno, entrambe, pro e contro

Vuoi approfondire l’argomento?

Contattaci per avere le risposte ai tuoi quesiti, insieme possiamo valutare se le PWA sono la soluzione giusta per il tuo progetto. Nel frattempo, ti lasciamo qualche link interessante per saperne di più:

La tua iscrizione non può essere convalidata.
La tua iscrizione è avvenuta correttamente.
Iscriviti alla nostra newsletter!

Riceverai consigli e proposte per migliorare la tua impresa!

Condividi su
  • LaravelDay e VueDay, tra teoria e pratica
    Per i nostri dev è ormai un appuntamento fisso! 
    leggi tutto
  • Nuova energia creativa grazie a Play Copy 2023
    Anche la parte di copy ha bisogno di prendersi un momento per crescere
    leggi tutto
  • Bias cognitivi: nuove pillole utili
    Scopri fono in fondo dove la tua mente può raggirarti
    leggi tutto
  • I bias cognitivi: ostacoli per la mente e leve per il marketing
    Quanta fiducia dai alla tua mente? In questo articolo ti spigheremo che non è così…
    leggi tutto
  • UX e UI design: temi da approfondire
    Ecco la seconda parte del nostro approfondimento dedicato all'UX e UI design, buona lettura!
    leggi tutto
  • UX e UI design: il decalogo definitivo
    Ti è già capitato di atterrare su un sito e non riuscire a ricavare le…
    leggi tutto
  • Kayak, la nostra interfaccia open source per interagire con Docker
    Abbiamo progettato un software che fornisce un ambiente di sviluppo Wordpress in pochi minuti
    leggi tutto
  • Ordini Professionali e presenza digitale
    Un sito web è utile a ogni forma di organizzazione, non si tratta sempre e…
    leggi tutto
  • Progettare siti web per la pubblica amministrazione
    Progettare siti web per gli enti pubblici significa lavorare al massimo grado di efficienza per…
    leggi tutto
  • Comunicare la sostenibilità, quella vera
    Il greenwashing è un boomerang per le aziende che non hanno interesse ad evolvere. Noi…
    leggi tutto
  • Le migliori campagne di marketing del 2022, quelle di valore
    Abbiamo scelto 3 campagne di marketing che più ci sono piaciute (e hanno funzionato) nel…
    leggi tutto
  • Employer Branding: significato e vantaggi per le aziende
    L'Employer Branding è la strategia che definisce, gestisce e promuove l'immagine di un'azienda come luogo…
    leggi tutto
  • Vue Day e Laravel Day
    Impressioni e opinioni del Team Sviluppo su LaravelDay e VueDay 2022
    leggi tutto
  • Excel e Gestionali: i due software per la gestione aziendale
    Automatizzare e ottimizzare è fondamentale per gestire al meglio un'azienda. E grazie all'unione di Excel…
    leggi tutto
  • Le difficoltà nella ricerca di personale
    I fattori che stanno rendendo difficile per le aziende la ricerca di nuovo personale sono…
    leggi tutto
  • Comunicare i valori del bio in modo autentico
    L’esigenza è far comprendere al pubblico quanto impegno e quanta responsabilità ci siano alla base…
    leggi tutto
  • Il metodo Agile all’interno di Nodopiano
    Chi applica e prova l’Agile non torna più indietro. Vuoi sapere come siamo giunti a…
    leggi tutto
  • Web Marketing Festival 2022: il futuro è qui
    Diffusione delle competenze digitali, promozione di temi sociali, innovazione e spettacolo: ecco il nostro WMF!
    leggi tutto
  • GDPR e Nodopiano: (s)piegare le regole
    Il GDPR ha cambiato fortemente il modo di raccogliere e utilizzare i dati degli utenti…
    leggi tutto
  • Come si diventa sviluppatori?
    Cura, semplicità e diffidenza sono i 3 principi da seguire se si vuole diventare sviluppatori
    leggi tutto
  • Chi ha paura della pagina bianca?
    Lo spazio bianco non è un nemico, è l'alleato per rendere un progetto grafico davvero…
    leggi tutto
  • Web 3.0: una rete di opportunità
    Web 3.0, privacy e criptovalute Cosa ci riserva il futuro?
    leggi tutto
  • Top 3 campagne marketing 2021
    Quali sono le campagne che più abbiamo amato nel 2021?
    leggi tutto
  • Trend Graphic Design 2022
    Il 2022 sarà un anno di grande semplicità e minimalismo per il mondo del Graphic…
    leggi tutto
  • Le 4P del Marketing Mix
    “Il marketing mix è la combinazione delle variabili controllabili di marketing che l’impresa impiega al…
    leggi tutto
  • Accessibilità nel web: il nostro impegno
    La web accessibility consente di fornire contenuti e funzionalità fruibili a qualsiasi utente, senza discriminazione
    leggi tutto
  • LaravelDay 2021
    Impressioni e opinioni del Team Sviluppo sul LaravelDay 2021
    leggi tutto
  • Gestione dei progetti in home working
    Nell’ultimo anno abbiamo investito molte energie per strutturare il nostro project management
    leggi tutto
  • Font e caratteri tipografici: una scelta di stile
    Scegliere il font per un progetto è un modo per avvicinarsi al cliente e comunicare…
    leggi tutto
  • PWA vs APP native: tutto quello che devi sapere
    La PWA è il mix ideale tra un'app e un sito web, riunisce le migliori…
    leggi tutto
  • La creazione di una campagna di sensibilizzazione
    Come comunicare un messaggio: dal concept della campagna alla data visualization, passando per i social…
    leggi tutto
  • Rebranding: a cosa ti serve?
    Il tuo brand è riconoscibile tra tutti gli altri? Cosa lo differenzia in maniera inequivocabile…
    leggi tutto
  • Come creare tabelle HTML responsive in puro CSS
    Come mostrare le tabelle di dati nei dispositivi mobile?Un problema che tutti si ritrovano a…
    leggi tutto
  • Perchè NodoPiano?
    Cosa vuol dire nodopiano? O meglio, nodo piano? Ve lo spieghiamo in questo post in…
    leggi tutto
  • Personalizzare gli elenchi numerati con CSS
    Qualche dritta da developer in questo post ad alto contenuto tecnico. Elenchi numerati con CSS:…
    leggi tutto