PWA (Progressive Web Apps) é uma das mudanças tecnológicas mais faladas na web e ganhou uma dinâmica sem paralelo entre os profissionais do mundo das TI. Se está a construir para a web, tenho a certeza que PWA é a última “palavra-chave” que foi acrescentada ao seu vocabulário de trabalho. Não é surpreendente porque o AWP fez o sonho rebuscado de instalar aplicações web ao telefone para real.
Já houve muitos holofotes e ‘nerdspeaks’ na construção do AWP e as suas vantagens. A maioria das tentativas para introduzir o AWP, especialmente aos novatos, parecem estar cheias de jargão ou tinham demasiado código que os poderia intimidar a dar o primeiro passo. Neste artigo, estou a tentar dar um instantâneo do AWP, apenas o suficiente para iniciar o seu processo de aprendizagem.
O que é uma aplicação Web Progressiva App?
“Progressive Web App (AWP) é um termo usado para denotar uma nova metodologia de desenvolvimento de software. Ao contrário das aplicações tradicionais, as aplicações web progressivas são um híbrido de páginas web regulares (ou websites) e uma aplicação móvel. Este novo modelo de aplicação tenta combinar características oferecidas pela maioria dos navegadores modernos com os benefícios da experiência móvel”
É o que a wikipedia diz sobre PWA. Bem, isto pode parecer um pouco vago ou mesmo controverso. Portanto, vamos olhar para o AWP de uma forma informal.
Se alguma vez o melhor da web e o melhor das aplicações teve uma criança clone – é o AWP. Ou então, é que a página web tomou todas as ‘vitaminas certas’ para que se possa comportar mais como uma aplicação descarregada a partir da App Store/ Play Store. Começa como uma página web normal num browser, e como um utilizador explora a página web, recebe o aviso se quiser “Adicionar ao ecrã inicial”. Uma vez que o utilizador dá os polegares para este prompt, VOILA! PWA é adicionado ao seu ecrã de início. Uma vez aberto a partir do ecrã inicial, pode até esconder os controlos UI do navegador e aparecer como uma aplicação.
Esta é mais como um glorificado bookmark que atingiu o ponto doce entre a web e as aplicações móveis. Digo isto porque o PWA conseguiu colmatar a lacuna na web. A web tem tido sempre sede de um desempenho fiável ao nível das aplicações nativas. Sempre ansiou por um lugar na bandeja de notificação e no ecrã de entrada, tal como uma aplicação. Mais de 40% dos utilizadores saltam dos websites que demoram mais de 3 segundos a carregar. O AWP é uma solução para esta “Epidemia de Obesidade na Web” enfrentada pelos utilizadores.
Trata-se de remover o atrito e tornar mais fácil para os utilizadores chegar ao que querem.
Todo o crédito por esta experiência sem descontinuidades deve ser dado ao Trabalhador de Serviços (um script que o browser corre em segundo plano separado da página web), que é a espinha dorsal de todo o AWP. Os trabalhadores do serviço permitem um cache fiável e inteligente, actualização do conteúdo de fundo, notificações push e a funcionalidade offline mais atractiva para os sítios previamente visitados. Isto significa que, após a primeira visita a um sítio web, o sítio e a aplicação serão de confiança e rápidos mesmo em redes com falhas.
Mas pode surgir aqui uma questão – e quanto à primeira carga rápida com um desempenho fiável? É quando as Páginas Móveis Aceleradas (AMP) se encontram com o trabalhador de serviço. O AMP fornece de forma fiável componentes web rápidos para a primeira carga. Estes componentes são muito mais rápidos de carregar e têm menos fome de dados. Os websites que utilizam a combinação de AMP e Service Worker fornecerão uma velocidade fiável a partir de aplicações nativas. Uma vez carregada a página, a configuração do site é feita pelo trabalhador de serviços e os activos são armazenados em cache de forma inteligente. Isto manterá sempre o AWP actualizado, libertando assim os utilizadores das frequentes actualizações a serem feitas a partir da App Store.
PWA em poucas palavras:
- Fiável : Carregamento rápido e funciona offline
- Rápido : Animações suaves, rolagem livre de jancos e navegação sem falhas mesmo em redes escamosas
- Engajamento : Lançado do ecrã inicial e pode receber notificação push
Por que é importante ?
É um mito que os utilizadores irão descarregar com prazer a aplicação de cada website que visitam frequentemente. De acordo com o Comscore Mobile App Report, mais de 50% dos utilizadores de smartphones da América descarregam Zero Apps por mês. ou seja, desapareceram os dias em que o telefone está cheio de aplicações e a fase de lua-de-mel do telefone inteligente está a ficar esgotada. Cada passo para descarregar uma aplicação reduz 20% dos utilizadores. O PWA reduz os passos entre a descoberta de uma aplicação e a sua colocação no ecrã inicial, eliminando assim o atrito de instalação de uma aplicação. Isto proporciona um terreno muito fértil para que as empresas possam lançar no seu AWP.
As três métricas seguintes podem ser destacadas para compreender a importância do AWP na moldagem da futura teia.
a. Alcance : O público da web móvel cresceu a um ritmo vertiginoso nos últimos anos. O Google relatou que o Chrome tem um total de 1 bilião de utilizadores móveis em comparação com os anteriores 400 milhões de utilizadores em 2016. Segundo o relatório da Comscore, o alcance da Web móvel é 2,5 vezes maior do que o das aplicações, ao mesmo tempo que considera os 1000 sítios e aplicações de topo. Esta é a razão pela qual a decisão do Flipkart, Myntra, etc. de abandonar o seu website e ser “apenas aplicações” saiu pela culatra. Se pudéssemos proporcionar uma melhor experiência a um público mais vasto, poderíamos certamente obter uma vantagem competitiva sobre os outros.
b. Aquisição : Outra preocupação séria enfrentada pelas aplicações móveis é a sua capacidade de descoberta por parte dos utilizadores, em comparação com os sítios web. O custo de aquisição do utilizador da web será 10 vezes mais barato do que o das aplicações nativas. Com mais exposição e baixa fricção para o uso a bordo, é provável que o AWP adquira mais utilizadores com muito menos despesas.
c. Conversão : A experiência sem descontinuidades do utilizador final, mesmo com redes em flocos fornecidas pelo AWP, melhora o número de conversões bem sucedidas. O Flipkart lançou o seu ‘Flipkart-lite’ do AWP, que alegam ter proporcionado um aumento na taxa de conversão de 70% com um custo de aquisição mais baixo.
p> para resumir : O PWA ajuda a melhorar as conversões, aumentando o alcance potencial com baixos custos de aquisição.
Como começar ?
Após conhecer uma nova tecnologia, o próximo desafio em linha é a decisão de a adoptar. A maioria das pessoas entra num dilema neste momento. A decisão deve ser impulsionada pela sua necessidade comercial específica. Os dois casos seguintes poderiam ajudá-lo a identificar o método que se adapta a si para implementar o PWA.
a) A partir do ponto zero
Considerar o cenário quando uma empresa está a construir um novo website ou a passar por um redesenho. Neste caso, a construção de um AWP a partir do zero faz sentido e é viável. Isto terá o negócio de aproveitar o poder do AWP com AMP, trabalhadores de serviços, App shell e Web Manifest. Por exemplo, para De acordo com Ali Express, uma vez que renovaram o seu website como PWA, conseguiram aumentar a sua taxa de conversão para novos utilizadores em 104%, ganharam 2X mais páginas visitadas por sessão por utilizador em todos os browsers e 74% de aumento no tempo gasto por sessão em todos os browsers.
b) Uma versão simples ou uma única característica
Quando construir a partir do zero não é realista, pode-se sempre construir uma versão simples do website ou concentrar-se numa única característica que tenha um alto impacto para os utilizadores finais. O foco é proporcionar uma experiência rápida, envolvente e fiável. AirBerlin é um exemplo apropriado neste caso. O seu foco foi a experiência pós-reserva no seu AWP. Após o check-in de um passageiro, podem aceder aos detalhes da sua viagem e ao seu cartão de embarque mesmo sem ligação à Internet.
4. Desafios no AWP
Há alguns desafios no AWP que têm de ser considerados ao escolhê-lo.
a) Suporte de Cross Browser : Enquanto que o Chrome, Opera, e o browser androide da Samsung suporta o AWP, o IE, o Edge e o Safari estão ainda por alargar o seu suporte.
b) Funcionalidade Limitada: PWA não tem suporte para nenhum hardware que não seja suportado por HTML5
c) Legitimidade Limitada: Como não existe uma loja central de downloads para PWA, falta-lhes dar um sentido de legitimidade e confiança que é normalmente dado por aplicações nativas da Play Store/App Store.
d) Suporte para Login de Aplicações Cruzadas: As aplicações nativas têm a capacidade de falar com outras aplicações e autenticar logins (Facebook, Twitter, Google). Como página web, o PWA não tem a capacidade de comunicar com outras aplicações instaladas.
Conclusion
Não podemos dizer que o PWA matará as aplicações nativas no futuro. Mas ainda há um interesse crescente por esta abordagem na comunidade. Os AWP estão ainda na sua infância com muitos desafios a serem enfrentados. No entanto, eles têm o potencial de criar uma mudança na forma como a web funciona.
Food for Thought
De acordo com Henrik Joreteg, “PWA é a maior coisa a acontecer na web móvel desde que Steve introduziu o iPhone”
Debatable? Controverso? Concordável?
Pense antes que o tempo voe!