Progressive Web Apps (PWA): os 3 principais estudos de caso

Imagine que você acabou de lançar sua start-up e seu site parece incrível, mas você não tem orçamento suficiente para desenvolver um aplicativo móvel, o que pode ser importante para sua estratégia de negócios. No entanto, é muito caro e um pouco arriscado. Você também terá que gastar muito tempo construindo um aplicativo nativo, mas ninguém conhece bem sua marca. As pessoas confiarão em seu aplicativo o suficiente para baixá-lo na App Store ou na Google Play Store?

Além disso, seus clientes/leitores estarão determinados o suficiente para dar alguns passos adicionais, como fechar seu site, abrir o Google Play ou a App Store e esperar pacientemente até que o aplicativo seja instalado?

Lembre-se que as pessoas são muito mais exigentes nos dias de hoje. Em outras palavras, eles também são muito impacientes – esperam soluções rápidas . Baixar esse aplicativo de uma loja externa não parece uma operação muito rápida e os aplicativos nativos não são muito acessíveis para todos os usuários. Do ponto de vista da experiência do usuário, existem muitos obstáculos para o cliente antes que ele atinja seu (e seu) objetivo.

E outra coisa – você tem certeza de que seus clientes terão espaço de armazenamento interno suficiente para baixar seu aplicativo?

Portanto, você investirá muito dinheiro na criação de um aplicativo móvel (tanto para IOS quanto para Android) e não pode ter certeza de que as pessoas realmente o usarão. Ahh… e não se esqueça de todas essas enormes quantias do seu orçamento de marketing que você precisará gastar em publicidade e promoção!

Mas espere, não entre em pânico, felizmente, você está vivendo em 2019, quando   Os Progressive Web Apps estão se tornando uma solução comum quando se trata de criar aplicativos móveis!

Você já ouviu falar em Progressive Web Apps ? Se não, agora é sua chance de acompanhar esta última tendência tecnológica ou você ficará para trás! Já escrevemos um artigo abrangente explicando o que são e porque vale a pena escolher esta opção.

Hoje gostaríamos de lhe dar alguma inspiração e apresentar histórias de sucesso de marcas que já construíram Progressive Web Apps.

TRIVAGO

Trivago adquire uma boa reputação como motor de busca de hotéis que está disponível em 33 idiomas diferentes. Com base nas informações do hotel, fotos, avaliações, avaliações, filtros e outros recursos, o Trivago ajuda seus usuários a encontrar a melhor oferta.

Problema

O problema é que a Trivago notou um aumento significativo de usuários móveis nos últimos anos. A marca percebeu que a experiência mobile está se tornando cada vez mais importante para seus clientes.

No entanto, criar soluções móveis não é fácil e isso significa fazer escolhas difíceis. Especificamente, a empresa não tinha certeza se as pessoas aceitariam o custo de baixar um aplicativo móvel, apenas para verificar se ele atende às suas expectativas. Eles também notaram que muitas pessoas têm problemas com uma conexão móvel de qualidade . Por esses motivos, o Trivago procurava oportunidades diferentes de um aplicativo nativo.

 Leitura recomendada: Progressive Web Apps vs Native Apps: Qual combina melhor com você?

Solução

Finalmente, eles descobriram o Progressive Web Apps , cujos recursos pareciam ser perfeitos para suas necessidades. Naquela época, eles estavam procurando uma solução que fornecesse notificações push , modo offline e atalhos na tela inicial . E o fator mais importante para o Trivago​ foi a acessibilidade​ a este aplicativo​ por meio de um navegador móvel padrão ​.

Essa solução PWA os ajudou a criar um aplicativo sem precisar envolver grandes equipes de desenvolvedores de software. Eles se concentraram nos recursos mais importantes no início, como notificações push, acesso offline e a possibilidade de adicionar o aplicativo à tela inicial . Claro que no início houve dificuldades. Eles disseram que um dos maiores desafios foi criar uma interface de usuário intuitiva, porque projetar uma aparência móvel é muito mais diferente do que em sites padrão. De acordo com Laura Oades, designer do PWA:

“No celular, você tem o problema adicional de criar uma interface do usuário que seja independente de plataforma e não confusa” e “PWA é um território amplamente desconhecido em design e uma oportunidade real para solucionadores de problemas criativos se esforçarem para definir um novo padrão”.

Os resultados

• O site móvel do Trivago está disponível em 33 idiomas, em 55 países.
• Mais de 500.000 pessoas adicionaram um atalho do Trivago à tela inicial e o engajamento aumentou em 150% .
• Comparado aos sites móveis anteriores, o Progressive Web App atraiu muito mais usuários. Antes da PWA, apenas 0,8% das visitas repetidas eram registradas, agora esse número aumentou para uma média de 2%.
• As notificações push tornaram-se um meio de comunicação perfeito – ajudaram a aumentar a conversão – o número de cliques no PWA das ofertas de hotéis aumentou 97%.

 Leitura recomendada: 7 melhores aplicativos da Web progressivos na indústria de viagens

PINTEREST

O Pinterest é uma rede social que permite aos usuários compartilhar visualmente e descobrir novos interesses postando (conhecido como 'fixar' no Pinterest ) imagens ou vídeos em seus próprios quadros ou de outros (ou seja, uma coleção de 'pins', geralmente com um tema) e navegando no que outros usuários fixaram

Problema

Depois de analisar o uso de usuários da web móvel não autenticados, eles perceberam que sua experiência antiga e lenta na web só conseguia converter 1% dos usuários em inscrições, logins ou instalações de aplicativos nativos. A oportunidade de melhorar essa taxa de conversação foi enorme, levando-os a um investimento no PWA.

O PWA do Pinterest começou porque eles estavam focados no crescimento internacional, o que os levou à web móvel.

Solução

Ao longo de 3 meses , o Pinterest reconstruiu sua experiência na web móvel usando React, Redux e webpack. A reescrita da web móvel levou a várias melhorias positivas nas principais métricas de negócios.

Os resultados

A reescrita da web móvel levou a várias melhorias no desempenho.

O tempo gasto aumentou 40% em comparação com a antiga experiência da Web para dispositivos móveis, a receita de anúncios gerada pelo usuário aumentou 44% e os principais engajamentos aumentaram 60% :

A antiga experiência da web móvel do Pinterest era um monólito - incluía grandes pacotes de JavaScript com CPU pesada que impulsionou a rapidez com que as páginas do Pin podiam carregar e se tornar interativas.

Sua nova experiência na web móvel é uma melhoria drástica.

Eles não apenas dividiram e eliminaram centenas de KB de seu JavaScript, reduzindo o tamanho de seu pacote principal de 650 KB para 150 KB, mas também melhoraram as principais métricas de desempenho. A Primeira Pintura Significativa caiu de 4,2s para 1,8s e o Tempo para Interação foi reduzido de 23s para 5,6s.

Embora o Pinterest venda aplicativos iOS e Android, eles foram capazes de fornecer a mesma experiência de feed inicial que esses aplicativos fazem na Web em uma fração do custo inicial de download - apenas ~ 150 KB reduzidos e compactados. Isso contrasta com os 9,6 MB necessários para oferecer essa experiência para Android e 56 MB para iOS

TWITTER

Como você já sabe, o Twitter é uma plataforma de mídia social, onde as pessoas postam mensagens curtas chamadas tweets. Foi criado em março de 2006. Agora tem mais de 335 milhões de usuários ativos (julho de 2018).

Problema

O Twitter percebeu que os usuários tiveram que superar muitos obstáculos ao usar seu site móvel.

Alguns deles estavam em redes móveis lentas e tinham pouco espaço no armazenamento de dispositivos móveis . Como resultado, os visitantes estavam relutantes em gastar tempo no site do Twitter ou se envolver em postar e comentar mais. O Twitter queria encontrar uma alternativa atraente para pessoas que não usam seu aplicativo nativo ou não têm espaço suficiente para baixá-lo.

Solução

O Twitter decidiu construir um Progressive Web App porque parecia ser a melhor combinação de um site moderno e recursos nativos. Carregamento instantâneo, menor consumo de dados e grande acessibilidade eram recursos que o Twitter estava procurando.

Resultados

Os resultados foram muito impressionantes – os números falam por si:

• 20% de queda na taxa de rejeição,
• Aumento de 65% nas páginas por sessão,
• Aumento de 75% nos Tweets enviados.

Como em histórias de sucesso anteriores, o prompt “ adicionar à tela inicial ” e as notificações push aumentaram significativamente o engajamento do usuário . Conforme relatado neste estudo de caso, o Twitter notou que 250.000 usuários diários únicos executam o Twitter Lite na tela inicial 4 vezes por dia, em média. Além disso, eles estão enviando mais de 10 milhões de notificações push por dia.

De acordo com as intenções do Twitter, o PWA ocupa muito menos espaço (apenas 600 KB) do que o aplicativo Android nativo (23,5 MB), então há uma possibilidade maior de que as pessoas tenham espaço suficiente em seu armazenamento interno para salvá-lo.

Além disso, o Twitter adicionou um modo de economia de dados , que ajuda os usuários a controlar a quantidade de dados móveis usados. Graças a esta opção, você pode escolher quais imagens ou vídeos deseja carregar totalmente e quais podem ficar apenas como uma prévia.

 Leitura recomendada: PWA SEO: os Progressive Web Apps (PWAs) beneficiam o SEO? (Com estatísticas e exemplos)

Abrace o futuro dos sites

O PWA é o futuro dos aplicativos móveis. Existe a possibilidade de que eles substituam aplicativos nativos com o tempo, tornando-se uma combinação perfeita de aplicativo nativo e site. Em um mundo onde a velocidade de adoção de novas tecnologias é uma vantagem competitiva, as empresas que conseguem adotar o momento PWA mais cedo podem aumentar significativamente a receita, aumentar o envolvimento do usuário e permanecer à frente da concorrência.

No passado, a Apple tinha algumas limitações para aplicativos Web progressivos, no entanto, agora eles estão dando cada vez mais suporte aos PWAs. Para comerciantes on-line que procuram um PWA perfeito para sites de comércio eletrônico Magento , aqui no SimiCart oferecemos um pacote completo para você e sua loja.