Progressive Web Apps (PWA) são apps da Web criados e aprimorados com APIs modernas, para oferecer recursos aprimorados e, ao mesmo tempo, 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 avançados recursos 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 para usar como um app específico da plataforma, projete-o para ser eficiente, confiável e instalável.
Dispositivos
Os aplicativos da Web estão mais potentes do que nunca, e esses recursos só estão crescendo. Recentemente, softwares para a Web começaram 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 WebRTC, geolocalização e notificações push, depois tornar esse app instalável e usar a WebGL e a WebVR para permitir que as conversas se movam para a realidade virtual. A introdução do WebAssembly permite que os desenvolvedores explorem outros ecossistemas, como C, C++ e Rust, e trazem décadas de recursos anteriormente específicos da plataforma para a Web. Um ótimo exemplo de desenvolvedores que aproveitam os novos recursos da Web é o Squoosh.app, um compactador de imagens baseado na Web.
Embora alguns recursos ainda estejam fora do alcance da Web, APIs novas e futuras estão expandindo constantemente o que a Web pode fazer com recursos como acesso ao sistema de arquivos, controles de mídia, selos de apps e suporte total à área de transferência. Todos esses recursos são criados usando o modelo de permissões 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 Progressive Web App confiável parece rápido e confiável, independentemente da rede. Os usuários merecem apps que respondam à interação rapidamente e uma experiência de que possam confiar.
A velocidade é um fator essencial para que os usuários usem sua experiência. Na verdade, à medida que os tempos de carregamento da página aumentam de 1 para 10 segundos, a probabilidade de um usuário sair aumenta em 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 pensando se alguma
interação com o app foi registrada ou não. A rolagem e a animação precisam ser
fluídas. Os usuários precisam considerar o desempenho do app tão bom quanto o
necessário.
Apps confiáveis também precisam ser utilizáveis, independentemente da conexão de rede. Os usuários esperam que os apps sejam carregados rapidamente em conexões de rede lentas ou instáveis ou até quando off-line. Ele espera que o conteúdo mais recente com que interagiu, como faixas de mídia, ingressos e itinerários, esteja disponível e possa ser usado, mesmo que o app tenha problemas com o envio de solicitações ao servidor. Quando uma solicitação não é possível, eles esperam que o app informe que há problemas, em vez de falhar ou falhar silenciosamente.
Instalável
Ao tornar seu PWA instalável, ele sai do navegador e fica em 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 estante do usuário. O usuário pode pesquisar por eles em um dispositivo e navegar entre eles 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 apps ou ser o app padrão para processar determinados tipos de arquivo.
Receber resultados de PWAs
O lançamento de um PWA não melhora apenas a experiência do usuário. Isso também melhora as métricas e aumenta o valor do serviço. Alguns exemplos importantes incluem:
- O PWA do Twitter gerou 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, Nikkei teve 2, 3 vezes mais tráfego orgânico, 58% mais assinaturas e 49% mais usuários ativos por dia.
- O Hulu substituiu a experiência específica da plataforma no computador por um PWA e teve um aumento de 27% nas visitas de retorno.
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.