PWAs - Como o mobile está despertando novas práticas e comportamentos no desktop

João Marcelo Martins

13 de mar. de 2017 4 min de leitura

Não há dúvida de que os smartphones invadiram inúmeros aspectos das nossas vidas cotidianas, vidas que, por sua vez, estão ficando cada vez mais conectadas. Desde o alarme que nos acorda de manhã, a escolha de um restaurante, reserva de uma viagem ou, mais uma vez, fazer compras, usar um smartphone se tornou algo natural para a maioria de nós. Assim, é impossível de deixar de notar a influência e as características desse tipo de navegação também estando cada vez mais presentes nas versões web no desktop.

A omnipresença do mobile não só influencia nossos comportamentos no mundo físico, mas também virtualmente, com novas expectativas quando se trata de navegação, resultando assim em novas tendências na web para desktop.

Poderíamos até chegar ao ponto de dizer que essas duas tecnologias, mobile e desktop, estão se fundindo cada dia mais. Atualmente, a noção de que o usuário deve ser capaz de mudar sem problemas de um dispositivo para o outro é comumente aceita e se tornou um aspecto fundamental por um número crescente de players do setor — isso para oferecer uma experiência de usuário mais unificada.

Essas mudanças se traduzem em novas boas práticas no desktop. Por exemplo, você deve ter notado que muitos sites agora também possuem notificações, mesmo na versão do navegador no desktop. Uma nova estética visual também está surgindo, altamente inspirada no design mobile. Isso se caracteriza pela ausência do rodapé, em favor da rolagem infinita — o que aliás dá ainda mais ênfase no conteúdo, resultado que não podemos deixar de celebrar. Além disso, come esse modo de navegação sendo inspirado no design mobile, a maioria dos CTAs (Chamadas Para Ações, sigla em inglês) agora estão localizadas na parte superior da tela:

Como no exemplo acima, sites que se misturam com aplicativos mobile ja são um fato.

Claro, o modelo de design responsivo no desktop ainda tem bons dias à frente, mas está sendo desafiado por uma nova abordagem, em termos de design visual, impulsionado pelos smartphones.

Esses sites introduzem uma nova estética, com um layout de blocos, do ponto de vista visual e técnico, a partir dos requisitos de uma tela pequena, em seguida, adicionando mais blocos em uma tela maior. É exatamente o oposto da antiga lógica, que constitui em desconstruir a ergonomia de uma página de desktop para se encaixar em uma versão mobile. Este novo conceito de design web leva em consideração o crescente volume de usuários nos smartphones, com blocos de fácil adaptação para os diferentes tamanhos de tela disponíveis.

Um exemplo da aparência desta arquitetura de blocos:

Esta evolução também vem junto com novos recursos, originais da tecnologia de aplicativos mobile, mas ainda bastante inovadores para a web, como notificações, a possibilidade de acessar o conteúdo off-line ou até mesmo a "instalação".

Esta ainda é uma dimensão relativamente de nicho e que ainda está sendo explorada e até mesmo elogiado por cada vez mais desenvolvedores, pois está alinhado com a idéia de que a divisão entre mobile e desktop é algo do passado, sem ignorar o conceito inegável: o usuário é o centro de tudo.

Como resumido por Jake Archibald neste vídeo do Dev Summit 2016, hoje em dia, os usuários esperam uma experiência de primeira linha tanto no celular quanto no desktop, com as mesmas vantagens, independente do dispositivo que eles estejam usando no momento.

A boa notícia é que a tecnologia para habilitar tal ecossistema já existe. Progressive Web Apps, Flipboard sendo um exemplo, estão assumindo este grande desafio. Notou que ainda que os Progressive Web Apps sejam motorizados pelas melhores tecnologias da web, eles ainda têm "app" no nome? Isso é um sinal claro de que essa revolução em andamento é impulsionada principalmente pelos smartphones.

Agora, do nosso ponto de vista, naturalmente, ainda somos grandes defensores do mobile e dos apps nativos em particular, simplesmente porque, até hoje, os aplicativos nativos foram a melhor solução para oferecer uma experiência excepcional para os usuários — sendo esse nosso principal objetivo. Com esse compromisso em mente, porém, a tecnologia dos PWAs definitivamente chamou nossa atenção e, com certeza, vamos falar mais sobre isso nos próximos capítulos.

Continue lendo

23 de out. de 2026 4 min de leitura

Seus eventos e arrecadações da Zeffy agora aparecem no seu app

Em resumo. Zeffy Eventos e Zeffy Campanhas são duas extensões da GoodBarber, o app builder sem código, que leem as campanhas de uma organização na Zeffy. Zeffy Eventos preenche uma seção de agenda com os próximos eventos, com uma entrada por data quando um evento acontece em várias datas, cada uma com um botão que abre a página de bilheteria da Zeffy no app. Zeffy Campanhas preenche uma seção de artigos com os formulários de doação, as arrecadações entre pares e as adesões: as adesões abrem no app, as doações abrem no navegador do celular. Você as conecta com a sua chave de API da Zeffy. Elas são gratuitas para os apps Content: cada seção conta como uma das extensões incluídas no seu plano.A Zeffy afirma que mais de 100.000 organizações sem fins lucrativos já arrecadaram mais de US$ 2 bilhões pela sua plataforma, em um artigo publicado em 16 de junho de 2026. Veja como as duas extensões funcionam para um grupo de teatro juvenil que vende o seu espetáculo e arrecada fundos na Zeffy.

22 de out. de 2026 6 min de leitura

Como mudar as cores da minha app?

No GoodBarber, cada uma das cores do seu tema tem o seu papel. Numa das nossas apps, mudar uma só cor repintou 95 definições, sem abrir um único ecrã.

22 de out. de 2026 3 min de leitura

Seus eventos do Church Center agora preenchem sozinhos a agenda do app da sua igreja

Em resumo. Planning Center é uma extensão da GoodBarber, o app builder sem código, que preenche uma seção de agenda com os eventos dos próximos seis meses que uma igreja publica no Church Center. Os eventos recorrentes aparecem uma vez por data, nos seus horários públicos, no fuso horário da igreja, com imagem, local e descrição. Quando um evento tem inscrição, um botão abre o formulário no app. Você a conecta fazendo login com uma conta de administrador do Planning Center Calendar: não há nenhuma chave para copiar. Ela é gratuita para os apps Content: cada seção conta como uma das extensões incluídas no seu plano.Muitas igrejas já gerenciam a sua agenda no Planning Center: ele conta com 78.000 igrejas ativas e 4 milhões de usuários ativos, segundo a sua página de apresentação, consultada em outubro de 2026. Veja como a extensão funciona para uma igreja com um culto semanal e um retiro de jovens.