Como os Progressive Web Apps podem impulsionar o sucesso dos negócios
Os Progressive Web Apps estão no roteiro de muitas empresas para modernizar seus sites e se adaptar às novas expectativas dos usuários. Como todos os novos conceitos e capacidades técnicas, eles levantam questões: é isso que meus clientes querem, quanto vai crescer meu negócio, o que é tecnicamente viável?

Para moldar sua estratégia digital, geralmente há vários participantes envolvidos: o gerente de produto e o CMO são coproprietários do impacto comercial de cada recurso, o CTO avalia a viabilidade e a confiabilidade de uma tecnologia, os pesquisadores de experiência do usuário confirmam que um recurso responde a um problema real do cliente.
Este artigo tem como objetivo ajudá-lo a responder a essas três perguntas e a moldar seu projeto de PWA. Você começará a partir das necessidades do cliente, traduzirá isso em recursos de PWA e se concentrará em medir o impacto comercial que cada recurso proporciona.
Os PWAs resolvem as necessidades do cliente #
Uma regra que adoramos seguir no Google ao criar produtos é "concentre-se no usuário e todo o resto vai dar certo". Pense primeiro no usuário : quais são as necessidades dos meus clientes e como um PWA as fornece?

Ao fazer a pesquisa do usuário, encontramos alguns padrões interessantes:
- Os usuários odeiam atrasos e falta de confiabilidade em dispositivos móveis: o nível de estresse causado por atrasos em dispositivos móveis é comparável a assistir a um filme de terror.
- Cinquenta por cento dos usuários de smartphones são mais propensos a usar a versão móvel do site de uma empresa ao navegar ou fazer compras porque não desejam baixar um aplicativo.
- Um dos principais motivos para desinstalar um aplicativo é o armazenamento limitado (enquanto um PWA instalado geralmente ocupa menos de 1 MB).
- Os usuários de smartphones são mais propensos a comprar em sites móveis que oferecem recomendações relevantes sobre produtos, e 85% dos usuários de smartphones dizem que as notificações móveis são úteis.
De acordo com essas observações, descobrimos que os clientes preferem experiências que sejam rápidas, instaláveis, confiáveis e envolventes (F.I.R.E)!
Os PWAs aproveitam os recursos modernos da web #
Os PWAs fornecem um conjunto de práticas recomendadas e APIs da web modernas que visam atender às necessidades de seus clientes, tornando seu site rápido, instalável, confiável e envolvente.
Por exemplo, usar um trabalho de serviço para armazenar seus recursos em cache e fazer uma pré-busca preditiva torna seu site mais rápido e confiável. Tornar seu site instalável fornece uma maneira fácil para seus clientes acessarem diretamente na sua tela inicial ou inicializador de aplicativo. E novas APIs, como Web Push Notifications, tornam mais fácil envolver novamente seus usuários com conteúdo personalizado para gerar fidelidade.

Entenda o impacto nos negócios #
A definição de sucesso do negócio pode ser uma série de coisas, dependendo da sua atividade:
- Usuários que passam mais tempo em seu serviço
- Taxas de rejeição reduzidas para seus clientes potenciais
- Taxas de conversão aprimoradas
- Mais visitantes recorrentes
A maioria dos projetos de PWA resulta em uma taxa de conversão móvel mais alta e você pode aprender mais com os diversos estudos de caso de PWA. Dependendo dos seus objetivos, você pode priorizar alguns aspectos do PWA que façam mais sentido para o seu negócio, e está tudo bem. Os recursos do PWA podem ser escolhidos a dedo e iniciados separadamente.
Vamos medir o impacto comercial de cada um desses excelentes recursos do F.I.R.E.
O impacto comercial de um site rápido #
Um estudo recente da Deloitte Digital mostra que a velocidade da página tem um impacto significativo nas métricas de negócios.
Há muito que você pode fazer para otimizar a velocidade do seu site e otimizar as jornadas críticas para todos os seus usuários. Se você não sabe por onde começar, dê uma olhada em nossa seção Rápido e use o Lighthouse para priorizar as coisas mais importantes a serem consertadas.
Ao trabalhar em suas otimizações de velocidade, comece a medir a velocidade de seu site frequentemente com ferramentas e métricas apropriadas para monitorar seu progresso. Por exemplo, meça suas métricas com o Lighthouse, fixe metas claras, como ter pontuações "Boas" no Core Web Vitals, e incorpore um orçamento de desempenho em seu processo de construção. Graças às suas medições diárias e à metodologia do "valor da velocidade", você pode isolar o impacto de suas mudanças incrementais de velocidade e calcular quanta receita extra seu trabalho gerou.

O Ebay tornou a velocidade um objetivo da empresa para 2019. Eles usaram técnicas como orçamento de desempenho, otimização de caminho crítico e pré-busca preditiva. Concluíram que, para cada 100 milissegundos de melhoria no tempo de carregamento da página de pesquisa, a contagem de adicionar ao cartão aumentava 0,5%.

O impacto comercial de um site instalável #
Por que você deseja que um usuário instale seu PWA? Para facilitar o retorno ao seu site, em que a instalação de um aplicativo Android adicionaria pelo menos três etapas (redirecionamento para Play Store, download, relançamento do aplicativo Android na parte superior do funil). A instalação do PWA é feita perfeitamente com um clique e não afasta o usuário o funil de conversão atual.

Depois de instalado, os usuários podem iniciá-lo com um clique no ícone em sua tela inicial, vê-lo na bandeja de aplicativos quando alternam entre os aplicativos, ou encontrá-lo por meio de um resultado de pesquisa de aplicativo. Chamamos esse aplicativo dinâmico de Discover-Launch-Switch, e tornar seu PWA instalável é a chave para desbloquear o acesso.
Além de ser acessível a partir de superfícies de descoberta e inicialização familiares em seus dispositivos, um PWA é iniciado exatamente como um aplicativo específico de plataforma: em uma experiência autônoma, separada do navegador. Além disso, se beneficia de serviços de dispositivo de nível de sistema operacional, como o alternador de aplicativos e configurações.
Os usuários que instalam seu PWA são provavelmente os usuários mais engajados, com melhores métricas de engajamento do que visitantes casuais, incluindo mais visitas repetidas, mais tempo no site e taxas de conversão mais altas, muitas vezes em paridade com usuários de aplicativos específicos da plataforma em dispositivos móveis.
Para tornar seu PWA instalável, ele precisa atender aos critérios básicos. Assim que atender a esses critérios, você pode promover a instalação em sua experiência de usuário em desktops e dispositivos móveis, incluindo iOS.

Depois de começar a promover a instalação de seu PWA, você deve medir quantos usuários estão instalando seu PWA e como eles usam seu PWA.
Para maximizar o número de usuários que instalam seu site, você pode querer testar diferentes mensagens de promoção ("instale em um segundo" ou "adicione nosso atalho para acompanhar seu pedido", por exemplo), diferentes canais (faixa de cabeçalho, no feed) e tentar oferecê-lo em diferentes etapas do funil (na segunda página visitada ou após uma reserva).
Para entender de onde seus usuários estão saindo e como melhorar a retenção, o funil de instalação pode ser medido de quatro maneiras:
- Número de usuários qualificados para instalar
- Número de usuários que clicaram no prompt de instalação da IU
- Número de usuários que aceitaram e recusaram a instalação
- Número de usuários que instalaram com sucesso
Você pode começar a promover a instalação do PWA para todos os usuários ou usar uma abordagem mais cautelosa, experimentando apenas com um pequeno grupo de usuários.
Depois de alguns dias ou semanas, você já deve ter alguns dados para medir o impacto em seu negócio. Qual é o comportamento das pessoas provenientes do atalho instalado? Elas se envolvem mais, convertem mais?
Para segmentar os usuários que instalaram seu PWA, rastreie o evento appinstalled
e use o JavaScript para verificar se os usuários estão no modo autônomo (indicando o uso do PWA instalado). Em seguida, use-os como variáveis ou dimensões para seu rastreamento analítico.

O estudo de caso da Weekendesk é interessante: eles propõem a instalação na segunda página visitada para maximizar a taxa de instalação e observam que os clientes que voltam por meio do ícone na tela inicial têm duas vezes mais chances de reservar uma estadia com eles.

A instalação é uma ótima maneira de fazer as pessoas retornarem ao seu site e aumentar a fidelidade do cliente. Você também pode pensar em personalizar a experiência para esses usuários premium.
Mesmo se você já tiver um aplicativo específico de plataforma, você pode testar para oferecer seu aplicativo primeiro e, em seguida, enviar o PWA mais tarde para aqueles que recusaram ou não se envolveram com a faixa de instalação do aplicativo. Alguns de seus usuários que estão "semiengajados" podem não atingir o limite para uma instalação baseada na loja de aplicativos. Esse coorte pode ser resolvido com a instalabilidade do PWA, que geralmente é percebida como mais leve e com menos atrito.

O impacto comercial de um site confiável #
O jogo Chrome Dino, oferecido quando o usuário está off-line, é jogado mais de 270 milhões de vezes por mês. Este número impressionante mostra que a confiabilidade da rede é uma oportunidade considerável, especialmente em mercados com dados móveis não confiáveis ou caros, como Índia, Brasil, México ou Indonésia.
Quando um aplicativo instalado de uma loja de aplicativos é iniciado, os usuários esperam que ele seja aberto, independentemente de estarem conectados à nternet. Os Progressive Web Apps não devem ser diferentes.
No mínimo, uma página off-line simples que informa ao usuário que o aplicativo não está disponível sem uma conexão de rede deve ser proporcionada. Em seguida, considere levar a experiência um passo adiante, fornecendo algumas funcionalidades que fazem sentido enquanto você estiver off-line. Por exemplo, fornecer acesso a bilhetes ou cartões de embarque, listas de desejos off-line, informações de contato da central de atendimento, artigos ou receitas que o usuário viu recentemente, etc.

Depois de implementar uma experiência de usuário confiável, você pode querer medi-la. Quantos usuários ficam off-line, em quais locais geográficos, eles permanecem no site quando a rede está de volta?
O uso off-line pode ser medido gravando pings analíticos quando o usuário fica off-line ou on-line. Informa quantos usuários continuam navegando no seu site depois que a rede volta.

O estudo de caso do Trivago ilustra como isso pode impactar seus objetivos de negócio: para os usuários cujas sessões foram interrompidas por um período off-line (cerca de três por cento dos usuários), 67% dos que voltaram a ficar on-line continuaram navegando no site.
O impacto comercial de um site envolvente #
As notificações por push da web permitem que os usuários optem por atualizações oportunas de sites que amam e permitem que você os reconecte efetivamente com conteúdo personalizado e relevante.
Mas tenha cuidado. Pedir aos usuários que se inscrevam para receber notificações da web assim que chegarem e sem expor os benefícios pode ser considerado spam e afetar negativamente sua experiência. Certifique-se de seguir as práticas recomendadas ao solicitar notificações e inspirar aceitação por meio de usos relevantes, como atrasos de trens, rastreamento de preços, produtos fora de estoque, etc.
Tecnicamente, as notificações por push na web são executadas em segundo plano graças a um trabalho de serviço e costumam ser enviadas por um sistema criado para gerenciar campanhas (por exemplo, Firebase). Esse recurso traz grande valor de negócios para usuários de celular (Android) e desktop: aumenta as visitas repetidas e, consequentemente, as vendas e conversões.
Para medir a eficácia de suas campanhas por push, você precisa medir todo o funil:
- Número de usuários qualificados para notificações por push
- Número de usuários que clicam em um prompt de IU de notificação personalizada
- Número de usuários que concedem permissão de notificação por push
- Número de usuários que recebem notificações por push
- Número de usuários que se envolvem com notificações
- Conversão e engajamento de usuários provenientes de uma notificação

Existem muitos estudos de caso excelentes sobre notificações por push na web, como o Carrefour, que multiplicou sua taxa de conversão por 4,5 ao envolver novamente os usuários com carrinhos abandonados.
O P no PWA: um lançamento progressivo, recurso por recurso #
Os PWAs são sites modernos que se beneficiam do enorme alcance da web, combinado com todos os recursos amigáveis que os usuários adoram em aplicativos para Android/iOS/desktop. Eles alavancam um conjunto de melhores práticas e APIs da web modernas, que podem ser implementadas de forma independente, dependendo das especificidades e prioridades de seus negócios.

Para acelerar a modernização do seu site e torná-lo um verdadeiro PWA, incentivamos que você seja ágil: lance recurso por recurso. Primeiro, pesquise com seus usuários quais recursos trariam mais valor para eles, depois entregue isso aos designers e desenvolvedores e, por fim, não se esqueça de medir com precisão quanto dinheiro extra seu PWA gerou.