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 dos 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, você precisa projetá-lo para ser eficiente, confiável e instalável.
Capaz
Os aplicativos da Web estão mais eficientes do que nunca, e essas capacidades só aumentam. Recentemente, o software para a Web começou a desenvolver recursos que antes eram acessíveis apenas a apps específicos da plataforma. Por exemplo, agora é possível criar um app de chat por vídeo hiperlocal usando WebRTC, geolocalização e notificações push. Depois, torne o app instalável e use WebGL e WebVR para permitir que as conversas passem para a realidade virtual. A introdução do WebAssembly permite que desenvolvedores aproveitem 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 aproveitando os novos recursos da Web é o 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, ícones de apps e suporte completo à área de transferência. Todas essas capacidades são criadas usando o modelo de permissão seguro e centrado no usuário da Web, mantendo o usuário seguro e tornando o uso de novos sites menos intimidante.
Confiável
Um PWA confiável parece rápido e seguro, 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 o tempo de carregamento da página aumenta de um segundo para 10 segundos, a probabilidade de um usuário rejeitar aumenta em 123%.
Problemas 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 alguma interação com o app foi registrada. A rolagem e a animação precisam ser suaves. Os usuários precisam perceber que seu app tem um bom desempenho, assim como precisam que ele realmente funcione bem.
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 quando estão 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 utilizável mesmo que o app tenha problemas ao enviar solicitações ao seu 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 falhar silenciosamente.
Pode ser instalado
Ao tornar seu PWA instalável, ele sai do navegador e entra em uma janela independente, transformando a maneira como os usuários pensam e interagem com ele. Os PWAs instalados podem ser iniciados na tela inicial, no dock, na barra de tarefas ou na bandeja do usuário. O usuário pode pesquisar e alternar entre eles com o seletor de apps, fazendo com que pareçam 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 serem o aplicativo padrão para processar determinados tipos de arquivo.
Receber resultados de PWAs
Lançar um PWA não apenas melhora a experiência do usuário. Além disso, ele melhora suas métricas e aumenta o valor que você recebe do serviço. Alguns exemplos são:
- O PWA do Twitter resultou em 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 diários.
- O Hulu substituiu a experiência de desktop específica da plataforma por um PWA e registrou um aumento de 27% nas visitas recorrentes.
Para mais informações sobre os benefícios de usar PWAs, consulte Como os Progressive Web Apps podem impulsionar o sucesso dos negócios.