Introdução aos Progressive web Apps

março 8, 2017 5:00 pm Publicado por Deixe um comentário

A visão original do Steve Jobs para o iPhone em 2007 era de que os apps fossem, na verdade, aplicações web:

“Vocês já têm tudo o que precisam. Se querem saber como desenvolver aplicativos para o iPhone hoje, basta usar os padrões modernos da web – Steva Jobs”

Mas essa visão original foi alterada. O grande boom de aplicativos começou em 2008, quando a Apple nos apresentou a App Store.

Só tem um detalhe: construir um aplicativo nativo pode ser uma solução bem cara para algumas empresas, e para alguns produtos simplesmente não faz sentido. As grandes empresas de tecnologia já perceberam essa tendência e, lideradas pelo Google, começaram a investir fortemente nos Progressive Web Apps.

Neste contexto, surgem algumas perguntas:

  • O que são os Progressive Web Apps?
  • O que os PWAs trazem de novo?
  • Quais são os cases de sucesso dos PWAs?
  • Existem desvantagens nos PWAs?

Nesse artigo, vou tentar responder todas.

Progressive Web Apps

Para estarmos na mesma página, vamos começar pelas definições: os Progressive Web Apps são um conjunto de técnicas para desenvolver aplicações Web que adicionam progressivamente funcionalidades que antes só eram possíveis em apps nativos.

As seguintes características, criadas pelo Google, definem com exatidão o que são esperados de um PWA:

  • Progressivo: para qualquer usuário, independente do browser;
  • Responsivo: feito para qualquer dispositivo, seja desktop, tablet ou mobile;
  • Conexão: funciona mesmo se o usuário estiver offline;
  • App-like: o usuário se sente em um aplicativo nativo;
  • Atualizado: não é necessário baixar atualizações do aplicativo, o browser simplesmente vai detectar e atualizar automaticamente, caso necessário;
  • Seguro: somente com https;
  • Engajável: o usuário pode ser constantemente engajado com push notifications;
  • Instalável: é possível adicionar um ícone na tela principal do smartphone com apenas um clique.

Ou seja, se antes somente os aplicativos nativos tinham push notifications, funcionamento offline, geolocalização e ícone na home screen, agora podemos desfrutar de todos esses benefícios usando uma aplicação 100% web.

A empolgação com essas novas tecnologias é grande por parte da comunidade. O Christian Heilmann, por exemplo, falou recentemente: “Estou convencido de que os PWAs são necessários para caminharmos na direção certa. Eles são uma mudança muito importante”.

Retenção

Logo de cara já podemos ver um dos benefícios mais óbvios dos PWAs: retenção. Um usuário que deseja experimentar um aplicativo nativo precisa passar por diversas etapas:

  1. Buscar o app;
  2. Instalar;
  3. Abrir;
  4. Se cadastrar;
  5. Interagir;
  6. Compartilhar.

É comum termos uma perda de 20% dos usuários para cada uma dessas etapas. O mesmo não acontece na web: basta acessarmos um link e poucos segundos depois já estamos experimentando o produto. Ou seja, o usuário não precisa se comprometer e perder tempo de instalar um app para só depois poder avaliar se esse aplicativo valeu a pena ou não.

Economia

Se você realmente precisa de um aplicativo nativo, os gastos necessários para contratar uma equipe especializada de desenvolvedores iOS/Android certamente serão bem investidos.

Porém, como relatei anteriormente, em alguns cenários simplesmente não é mais necessária a construção de um app. Um PWA talvez atenda muito bem os seus requisitos de negócio. Se esse for o caso, a economia gerada por essa decisão será imensa.

Cases

O case de sucesso mais famoso dos Progressive Web Apps é o do Flipkart.

O Flipkart é o maior e-commerce da Índia. A experiência na construção do Flipkart Lite (que é a versão PWA do aplicativo) resultou em um aumento de 70% em conversões de vendas.

Além disso, o Flipkart Lite teve outros números impressionantes:

  • Tempo de permanência dos usuários no site aumentou 3 vezes;
  • Engajamento 40% maior;
  • Consumo de dados quase 3 vezes menor.

O vídeo abaixo mostra um resumo do case do Flipkart:

Outros casos de sucesso dos Progressive Web Apps:

Desvantagens

Com tudo que foi analisado, nos parece que os PWA são uma escolha fácil; mas não são.

Ainda existem desvantagens dos Progressive Web Apps em relação a construção dos aplicativos nativos:

  1. Os PWAs ainda não tem o controle total sobre o hardware do device: bluetooth, lista de contatos e NFC, são alguns exemplos de features que não conseguem ser acessadas pelos Progressive Web Apps.
  2. Apesar de Google, Microsoft e Mozilla estarem apostando alto nos PWAs, a Apple ainda não está.
    Ainda existem duas features importantes não suportadas pelo Safari: push notifications e funcionamento offline. Mas, a Apple já está considerando implementar os PWAs, mesmo porque talvez ela não tenha muita escolha.

Conclusão

Ainda é muito cedo pra dizer se realmente os Progressive Web Apps vieram para ficar.

Porém, se:

  • a sua empresa é uma startup;
  • ou está com um budget apertado;
  • ou a construção de um app nativo não está no radar da empresa;

Talvez você deva considerar o investimento em construir um PWA antes, e ter uma versão do seu site com cara de app com um baixo custo.

Pra onde ir

Se você se interessou pelos PWAs, mas não sabe para onde ir, indico as seguintes fontes:

E é isso! Ficou alguma dúvida ou tem alguma contribuição sobre o assunto? Aproveite os campos abaixo.

Até a próxima!

***

Este artigo foi originalmente publicado no Medium pessoal do autor. Confira aqui.

***

Artigo publicado originalmente em: http://www.concretesolutions.com.br/2017/02/24/progressive-web-apps/

Source: IMasters

Categorizados em:

Este artigo foi escrito pormajor

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *