Progressive Web Apps (PWAs) são aplicativos web que oferecem experiências semelhantes às de aplicativos nativos através do uso de recursos modernos da web. PWAs são progressivos, responsivos, funcionais offline e fáceis de serem instalados e reengajados através de notificações. Eles ajudam a melhorar a experiência dos usuários na web e em aplicativos.

1. Progressive Web Apps
Aplicações na web com implicações nativas

2. “A Progressive Web App (PWA) is a web
app that uses modern web capabilities to
deliver an app-like experience to users.”

3. Características
Progressiva: Funciona para todos os usuário, indiferente do navegador.
Responsiva: Se adapta a diferentes tamanhos de telas.
Independente de Conexão: Pode ser acessada sem necessidade de conexão com a internet.
App-like
Fresh: Consegue se manter sempre atualizado.
Seguro: Deve ser obrigatoriamente servido via HTTPS.
Fácil de localizar
“Re-Engajável”: Através de notificações.
“Instalável”: Permitir os usuários manterem a aplicação instalada localmente.

4. Motivos
Usuários gastam 90% de seu tempo em apps comparado a internet móvel;
25% das apps instaladas nunca são usadas;
26% das apps instaladas são abandonadas após o primeiro uso.
45% dos usuários de apps não gostam da experiência ofertada, e 47% não
gostam da experiência na web.
Android Instant Apps
https://developer.android.com/topic/instant-apps/

5. Motivos

6. Motivos

7. Casos de Sucesso
Flipkart (Maior e-commerce da Índia)
Aumento de 33% no uso do site (70 segundos para 3.5 minutos);
40% dos novos usuários voltaram a interagir com o site;
70% dos novos usuários voltaram a interagir com o site quando adicionado a Home Screen;
3x menor o uso de dados.
AliExpress
Taxa de conversão aumentou em 104%;
2x mais páginas visitadas por sessão;

8. Exemplos
https://pwa.rocks/

9. Tecnologias
https://whatwebcando.today/
Service Workers
IndexedDB
Notifications API
Geolocation API
Camera / Microphone
Bluetooth / USB / Sensors / Battery (2016-2017)

10. Dúvidas?
Referências:
https://developers.google.com/web/progressive-web-apps/
https://developer.mozilla.org/en-US/Apps/Progressive
https://developers.google.com/web/showcase/
https://pwa.rocks/
https://whatwebcando.today/