Resta aggiornato con le ultime news SAEP!

pwa.png
Le PWA – Progressive Web Application sono applicazioni estremamente focalizzate sull’importanza della User Experience e che si distinguono per ben precise caratteristiche.


Le PWAProgressive Web Application sono applicazioni estremamente focalizzate sull’importanza della User Experience e che si distinguono per ben precise caratteristiche.

Le applicazioni progressive consentono a noi sviluppatori che operiamo sia sul mondo WEB che mobile di creare per le proprie aziende clienti piattaforme integrate e funzionali, capaci di girare sul WEB ma con prestazioni che possiamo definire “app-like” capaci cioè di riprodurre comportamenti simili a quelli delle app mobile in termini d’immediatezza, fruibilità e velocità di navigazione, anche in assenza di connessione o comunque in presenza di connessioni instabili.

Caratteristiche delle Progessive WEB APP

Progressiveness lePWA possono essere usate da chiunque e da qualunque browser perché sono state costruite appositamente per questo sulla base del “progressive enhancement” ovvero col preciso scopo di mantenere in parallelo le funzioni offerte dal browser e quelle offerte dalla web application.

Affidabilità e connettività – il caricamento è immediato e non c’è rischio d’imbattersi nel cosiddetto “downsaur” (il tipico dinosauro che ti viene mostrato in Chrome quando improvvisamente la connessione muore senza lasciarti alcuna speranza).

Una volta lanciate, le PWA sono in grado di essere caricate istantaneamente, indipendentemente dallo stato della connessione, assicurando così la disponibilità delle risorse e dei contenuti. In parole semplici? Le puoi usare anche senza rete wifi o traffico dati.

Velocità – le PWA hanno una velocità di risposta alle interazioni utente veramente alta, le animazioni sono fluide, quasi “vellutate”.
Non ci sono salti né effetti di rallentamento nello scroll di pagina.
Circa il 53% degli utenti abbandona una pagina che impiega più di 3 secondi a caricarsi: problema del tutto ininfluente se parliamo di progressive WEB apps, perché la pagina è caricata immediatamente e non perde velocità una volta caricata garantendo all’utente un’esperienza fluida e continuativa nella navigazione dei contenuti.

Engagement – in italiano diremmo che le PWA hanno un’alta capacità di “coinvolgimento”, ovvero offrono un’esperienza di navigazione fluida ed "immersiva", un’interazione utente-applicazione che non presenta interruzioni né cambi repentini ma che si sviluppa al contrario in un continuum con grande efficacia e totale assenza di ostacoli o interruzioni alla fruizione.

Una Progressive Web App è installabile sul desktop senza bisogno di uno store e offre molti vantaggi tipici delle app mobile, come la full screen immersive experience o la possibilità di attivare notifiche push che fidelizzano l’uso dell’applicazione da parte dell’utente anche nel medio e lungo periodo. Sono inoltre sempre aggiornate in automatico, senza il rischio di trovarsi con una versione vecchia e poco performante.

Responsiveness – sono navigabili e fruibili da qualunque dispositivo, sia esso desktop, tablet o smartphone.

Le PWA per desktop

Le progressive web app per desktop possono essere "installate" sul dispositivo dell'utente in modo molto simile alle app native. possono essere lanciate nello stesso modo delle altre app desktop e vengono eseguite in una finestra in modo che appaiano come altre app native sul desktop.

Ci sono alcune considerazioni uniche che è necessario avere quando si creano le app Web progressive per desktop:

  • La finestra dell'app
  • Responsive design
  • Chiedere all'utente di installare la PWA

Perché sviluppare una PWA?

Se sei un’azienda hai diverse ragioni per cui chiedere che ti venga realizzata una progressive WEB application:

  • Perché la tua applicazione sarà sempre raggiungibile e fruibile dai tuoi clienti o collaboratori in qualunque condizione: da remoto con uno smartphone o tablet, con o senza connessione, dal desktop del tuo ufficio amministrativo semplicemente installandola ed accedendo come fosse un software in locale.
  • Perché con le notifiche push potrai sempre avvisare i tuoi utenti delle novità in corso, delle eventuali scadenze o dei memo operativi.
  • Perché costruire un’applicazione di alta qualità non è un fatto di puro vantaggio tecnico né tantomeno estetico: è un dato di fatto che una interazione fluida, un’esperienza di acquisto efficace o l’accesso semplice e rapido ad un servizio – il cosidetto “engagement” – siano siano elementi capaci di incrementare le cosidette “conversion” di pagina, ovvero il raggiungimento di uno scopo pratico su una determinata pagina: il completamento di un ordine, l’invio di un pagamento, la compilazione di una form di contatto.
  • Per chi volesse approfondire il tema ecco un’estratto dal Google IO/2018: il Google I/O è una conferenza tenuta annualmente dal 2008 da Google a San Francisco: i temi caldi della conferenza sono lo sviluppo di applicazioni web e mobili attraverso Google e relative tecnologie come Android, Chrome, Google WEB Toolkit e più in gnerale gli strumenti della suite di sviluppo Google.
  • Categorie:
  • Sviluppo WEB

Articoli correlati

sviluppo-single-page-application-milano.png__800x450_q85_crop_subject_location-800,495_subsampling-2.jpg#
Single Page Application: cosa sono, ...
Le SPA o Single Page Application sono applicazioni web fruibili come singola pagina senza necessità ...
software-gestionale.jpg#
Software Gestionale
Le soluzioni software gestionali Saep ICT e Saep Informatica nascono per soddisfare qualsiasi necessità di ...
consulenza-informatica-milano.png#
Consulenza informatica - la figura ...
La consulenza informatica, "IT Consulting" o "Business and Technology Consulting" è una forma di consulenza ...
sviluppo-ecommerce-responsive-mobile-first-indexing.jpg#
Perché avere un e-commerce responsive: ...
Se sul finire di questo 2018 qualcuno ancora stesse sottovalutando l'importanza di ottimizzare contenuti e ...
come-indicizzare-una-single-page-application.jpg#
Single page application e la ...
Le Single Page Application non vanno di pari passo con la SEO? Ni. Si possono ...
sviluppo-app-android-ios-milano.png#
Come scegliere una società di ...
Ecco alcune linee guida per aiutarti a trovare la giusta azienda di sviluppo app cui ...
quanto-costa-una-software-house.png#
Quanto costa lavorare con una ...
Probabilmente ti sei chiesto quanto costa una collaborazione con un'agenzia di sviluppo software, la cosiddetta ...
check-list-fattori-ranking-on-page.jpg#
Fattori di ranking on-page: la ...
SEO o Search Engine Optimization è il nome dato all'attività che tenta di migliorare il ...
significato-acronimo-ict.png#
ICT significato e definizione
Ti sarà capitato di chiederti cosa significhi ICT, l'acronimo che identifica l'attività di molte aziende ...
sviluppo-software-personalizzato.jpg#
Sviluppo software personalizzato
Il processo di sviluppo software è un'attività complessa che richiede un’attenta pianificazione, un costante controllo ...
landing-page.jpg#
Landing pages: Cos'è una Pagina ...
Nel marketing digitale, una landing page è una pagina web autonoma, creata appositamente ai fini ...
sviluppo-in-python-milano.jpg#
Sviluppo software in Python - ...
Se sei atterrato su questo articolo è perché probabilmente cerchi un team che possa supportarti ...
dns_pubblico_di_google.png#
DNS Google pubblico diventa 8.8.8.8
Google Public DNS è un servizio gratuito offerto agli utenti Internet di tutto il mondo ...
Schermata 2019-04-17 alle 11.47.57.png#
Google Material Design
Cos’è il Materiale DesignIl Material Design è uno stile, un codice, un linguaggio di design ...
continuous-delivery-sviluppo-software.jpg#
Continuous integration e continuous delivery
Continuous integration e continuous delivery: cosa sonoInnanzitutto definiamo il concetto di continuous integration o integrazione ...
sviluppo-python-django-milano.jpg#
Sviluppo Python & Django, tutti ...
Ciao Matteo, innanzitutto raccontaci almeno un po’ di te: come sei arrivato in SAEP ICT ...
sicurezza-ecommerce-milano2.jpg#
Misure di sicurezza per i ...
Misure di sicurezza per i sistemi eCommerce: cosa dice il DGPR EuropeoLe misure di sicurezza ...
app-per-offerte-commerciali.jpg#
App per la gestione delle ...
Offerte e preventivi: i parametri utili per snellire i processiCome ogni commerciale o agente di ...
sviluppo-applicazioni-angular-milano.png#
Sviluppo web application in Angular
Caratteristiche principali di AngularAngular è un framework opensource dedicato allo sviluppo di applicazioni WEB e ...
sviluppo-software-linguaggio-python.png#
Python: un linguaggio in rapida ...
Il linguaggio di programmazione Python è confermato da O'Reilly come uno degli argomenti più cercati ...
agile_1.jpg#
Perché occorre diventare Agile
Ogni progetto è caratterizzato in maniera univoca dai suoi vincoli. Secondo il concetto di triple ...