PWA (Progressive Web Apps) e o mínimo que você precisa saber a respeito

Profissionais de marketing e tecnologia precisam conhecer sobre PWA ou Progressive Web Apps. Você já domina o assunto?

Imagem com três ilustrações de celulares e o termo PWA

PWA ou Progressive Web Apps é o tema da vez nas rodas e bate-papos de tecnologia e marketing nos últimos tempos. Para ficar inteirado e se envolver no assunto, você precisa saber o mínimo a respeito.

Mas “saber o mínimo a respeito” é pouco, você precisa se aprofundar. PWA será parte integrante e uma commoditie, assim como foi com o Design Responsivo, em seus projetos digitais.

A busca pelo termo “Progressive Web Apps” vem ganhando cada vez mais consultas. Abaixo um gráfico dessa tendência no Google Trends.

Gráfico de resultado de tendência de busca pelo termo Progressive Web Apps no Google

O que é PWA

Progressive Web Apps está ligado intimamente a experiência do usuário para um maior e melhor alcance das possibilidades da web. A presença mobile em nossas vidas é cada vez mais comum e acelerada, e no Brasil isso é bem expressivo.

PWA além de ter a experiência do usuário como foco central, é baseada em três pilares:

  1. Confiável;
  2. Rápido;
  3. Atraente.

Sobre ser confiável

Uma aplicação web – leia-se blog / site / portal – confiável é aquela em que você sempre pode contar, mesmo quando não há conexão com a internet.

Para que tenhamos essa confiança e garantia, é utilizado um proxy escrito em JavaScript que roda do lado do cliente e que é responsável por controlar o cachê e as requisições do seu navegador de internet.

Com o PWA recursos chaves são pré-cacheados e isso elimina a dependência de rede disponível para seu carregamento. Com isso seus usuários terão uma experiência de carregamento instantâneo e confiável.

Sobre ser rápido

Usuários de internet são ansiosos, não tem paciência e seu site precisa carregar rápido. Ponto.

Mas no conceito de Progressive Web Apps, a questão de ser rápido precisa ir além do carregamento. É necessário, também, uma resposta ágil às interações do usuário como animações e rolagens fluídas.

Ser rápido é ter um carregamento de página em até três segundos – 53% dos usuários abandonam as páginas após esse período – e interações fluídas, inteligentes e objetivas.

Sobre ser  atraente

Quanto melhor a experiência, mais atraente serão as interfaces da sua aplicação.

PWA transforma os sites em experiências muito próximas dos aplicativos mobile através de um arquivo chamado Web App Manifest que fica hospedado junto ao seu site.

Esse arquivo define como o site será carregado, a aparência que terá, o botão a ser utilizado na tela inicial do celular do usuário e trata as notificações push.

Um aplicativo tradicional requer o seu download nas apps stores, com PWA não precisamos dessas lojas e os sites se tornam instaláveis. Além disso, especificamos o ícone e a página a ser carregada quando o ícone for tocado.

Com Progressive Web Apps temos o controle da aparência da interface, determinando a exibição em tela normal ou full screen, usar a orientação retrato ou paisagem e outras possibilidades.

Reengajar os usuários se faz necessário para sua aplicação não ser parte das estatísticas dos Apps que são instalados apenas uma vez, ou reinstalados quando surge a necessidade de uso. Para isso, o PWA lhe permite usar push notificações para facilitar o engajamento e uso constante.

Comparativo entre Website, Progressive Web App e Mobile App

Assim como a implementação do Design Responsivo virou uma commodite, a implementação do PWA também virará. Abaixo uma tabela comparativa entre alguns recursos e website convencional, website com Progressive Web App implementado e os tradicionais aplicativos mobile.

Recurso Website Progressive Web App Mobile App
Usar quando estiver offline Não Sim Sim
Precisa baixar em apps store Não Não Sim
Implementa Design Responsivo Sim Sim Sim
Indexável por mecanismos de busca Sim Sim Não
Notificações locais Não Sim Sim
Notificações Push Não Sim Sim
Precisa baixar para instalar Não Não Sim
Atualizações rápidas e on-demand Sim Sim Não

Você já tem tido experiência com o PWA? Se sim, compartilhe conosco.

*Crédito da imagem em destaque: http://blog.ionic.io

Tags: