Os Progressive Web Apps (PWAs) são apps da Web criados e aprimorados com APIs modernas para oferecer recursos avançados e alcançar qualquer usuário da Web em qualquer dispositivo com uma única base de código. Eles combinam o amplo alcance dos apps da Web com os recursos avançados de apps específicos da plataforma para melhorar a experiência do usuário.
Os três pilares do design de PWA
Para criar um PWA que seja tão bom de usar quanto um aplicativo específico da plataforma, ele precisa ser projetado para ser capaz, confiável e instalável.
Capaz
Os aplicativos da Web estão mais avançados do que nunca, e esses recursos só estão crescendo. Recentemente, o software para a Web começou a desenvolver recursos que antes eram acessíveis apenas para apps específicos da plataforma. Por exemplo, agora é possível criar um app de chat por vídeo hiperlocal usando o WebRTC, a geolocalização e as notificações push. Depois, torne esse app instalável e use o WebGL e o WebVR para permitir que as conversas sejam transferidas para a realidade virtual. A introdução do WebAssembly permite que os desenvolvedores acessem outros ecossistemas, como C, C++ e Rust, e tragam décadas de recursos específicos da plataforma para a Web. Um ótimo exemplo de desenvolvedores que aproveitam os novos recursos da Web é Squoosh.app, um compressor de imagens baseado na Web.
Embora alguns recursos ainda estejam fora do alcance da Web, as APIs novas e futuras estão constantemente expandindo o que a Web pode fazer com recursos como acesso ao sistema de arquivos, controles de mídia, badging de apps e suporte total à área de transferência. Todos esses recursos são criados usando o modelo de permissão seguro e centrado no usuário da Web, protegendo o usuário e tornando o uso de novos sites menos intimidante.
Confiável
Um Progressive Web App confiável é rápido e confiável, independente da rede. Os usuários merecem apps que respondam rapidamente à interação e uma experiência em que possam confiar.
A velocidade é fundamental para que os usuários usem sua experiência. Na verdade, à medida que os tempos de carregamento da página aumentam de um para dez segundos, a probabilidade de rejeição de um usuário aumenta 123%.
As questões de desempenho afetam toda a experiência do usuário, não apenas o evento
onload. Uma experiência confiável nunca deixa os usuários em dúvida se uma
interação com o app foi registrada ou não. A rolagem e a animação precisam ser
suaves. Os usuários precisam perceber que o app tem bom desempenho, assim como
precisam que ele realmente tenha bom desempenho.
Os apps confiáveis também precisam ser utilizáveis independentemente da conexão de rede. Os usuários esperam que os apps carreguem rapidamente em conexões de rede lentas ou instáveis, ou mesmo off-line. Eles esperam que o conteúdo mais recente com que interagiram, como faixas de mídia ou passagens e itinerários, esteja disponível e possa ser usado, mesmo que o app tenha problemas para enviar solicitações ao servidor. Quando uma solicitação não é possível, os usuários esperam que o app informe que há um problema, em vez de falhar ou travar silenciosamente.
Instalável
Tornar o PWA instalável o move do navegador para uma janela independente, transformando a forma como os usuários pensam e interagem com ele. Os PWAs instalados podem ser iniciados na tela inicial, na base, na barra de tarefas ou na prateleira do usuário. O usuário pode pesquisar e alternar entre eles em um dispositivo com o seletor de apps, fazendo com que eles se sintam parte do dispositivo em que estão instalados.
A instalação de um PWA também disponibiliza novos recursos, incluindo atalhos de teclado, que geralmente são reservados em um navegador. Os PWAs também podem se registrar para aceitar conteúdo de outros aplicativos ou para ser o aplicativo padrão para processar determinados tipos de arquivo.
Receber resultados de PWAs
O lançamento de uma PWA não apenas melhora a experiência do usuário. Ele também melhora suas métricas e aumenta o valor do seu serviço. Alguns exemplos importantes incluem:
- A PWA do Twitter levou a um aumento de 65% nas páginas por sessão, 75% mais Tweets e uma redução de 20% na taxa de rejeição, tudo isso reduzindo o tamanho do app em mais de 97%.
- Depois de mudar para um PWA, a Nikkei teve 2, 3 vezes mais tráfego orgânico, 58% mais assinaturas e 49% mais usuários ativos por dia.
- A Hulu substituiu a experiência de computador específica da plataforma por uma PWA e registrou um aumento de 27% nas visitas recorrentes.
Para mais informações sobre os benefícios do uso de PWAs, consulte Como os Progressive Web Apps podem impulsionar o sucesso dos negócios.