GoodBarber 4.5: velocidade e produtividade para criar os apps do futuro

margarida fonseca

29 de mai. de 2018 Atualizado em 9 de jun. de 2026 6 min de leitura

A GoodBarber recebe uma grande atualização hoje. A GoodBarber 4.5 é a versão mais avançada que já criámos. Foi projetada para torná-lo mais produtivo e seu desempenho de velocidade foi aumentado.

Usuários "multi plataforma" estão em maioria em quase todos os países do mundo (fonte: comScore MMX Multi-Platform, dez. 2017) O desafio de oferecer um UX perfeito, tanto em dispositivos móveis quanto em computadores, nunca foi tão importante. Os seus usuários esperam encontrá-lo em qualquer lugar, nas Lojas, na Web, nos seus smartphones, tablets e computadores.

Esta presença multicanal não é um luxo, mas uma necessidade. No entanto, poucos têm a expertise, os recursos humanos, técnicos e financeiros para oferecer aos seus usuários uma experiência que rivaliza com a proposta pelos grandes nomes da web.

Sendo pioneira em App Builder, a GoodBarber sempre lhe deu a oportunidade de estar à frente, bem antes de todos os outros. Em 2011, foi com a criação de apps nativos, oferecidos apenas naquela época por um pequeno nicho de programadores; e desde 2017, é com a criação do Progressives Web Apps, um conceito que parece a renovação da web e o futuro dos aplicativos.

4.5 é uma versão que consolida a versatilidade da GoodBarber para criar os apps do futuro. A GoodBarber enfrenta, sempre, um duplo desafio. Projete a ferramenta que cria apps multi plataforma e imagine a interface que permite aproveitar o poder dessa ferramenta da forma mais intuitiva possível.

Novo construtor: maior produtividade

O Construtor é o menu mais usado na GoodBarber. É aí que você gasta muito do seu tempo, especialmente durante o processo de design do seu aplicativo.
Com a GoodBarber 4.5, a organização deste menu foi aprimorada e novos recursos foram introduzidos, a fim de aumentar a produtividade de usuários especialistas e facilitar a integração de novos usuários.

Construtor > Assistente - Fácil de começar para iniciantes

Quando você cria um novo projeto, você é guiado por um assistente. Isso torna mais fácil para você aprender. Dependendo da oferta selecionada, o assistente define três ou quatro metas a serem atingidas. O número é deliberadamente baixo. O objetivo do assistente não é mostrar todos os recursos do GoodBarber. Ele está lá para ajudá-lo a progredir e colocá-lo no bom caminho para o sucesso. Para conseguir isso, dicas de ferramentas contextuais aparecem em toda a sua navegação. Eles explicam como uma ferramenta selecionada está funcionando. Uma nova barra superior também exibe instruções para exploração adicional do produto.

É possível fechar o assistente a qualquer momento. Se você for um revendedor e não quiser oferecer o assistente aos seus clientes, poderá desativá-lo. Para isso, edite os direitos de acesso do seu usuário.

Construtor > Conteúdo - estrutura de aplicativo claramente visível

A estrutura do aplicativo fica imediatamente visível quando você acessa ao menu Conteúdo. A hierarquia entre as páginas e a presença de categorias são exibidas claramente no painel. As ações principais - adicionar páginas/adicionar categorias - são facilmente acessíveis por botões de ação altamente visíveis.

Construtor > Conteúdo - Nova aba de Conteúdo

As páginas podem ser ordenadas arrastando e soltando. Quando você seleciona uma página no painel, você é direcionado para a nova aba de conteúdo.
Nesta guia, você gerencia, no centro da tela, o conteúdo do seu aplicativo.

Na exibição de tabela, você pode filtrar o conteúdo por página e por categoria. Em cada linha, os atalhos tornam possível executar ações rápidas, como publicar ou não publicar o conteúdo.

Um botão de ação muito visível no canto superior direito da tela permite adicionar conteúdo. Quando você salva um novo conteúdo, você é automaticamente mudado para a aba de visualização.

Para maior conforto, as páginas "Sobre" e "Contato" são editadas no centro da tela, como qualquer outra página CMS.

Nas páginas "Formulário", o botão de ação para editar o formulário agora é muito mais visível.

Construtor > Design - Reunir todos os parâmetros

O novo menu Design no Construtor reúne todos os parâmetros para configurar o design do app. Existem muitos parâmetros, mas como eles são bem organizados, é fácil encontrá-los.

Assim, neste menu, você encontrará, por exemplo, as telas para configurar a home, as páginas internas do aplicativo e quaisquer elementos visuais, como o logotipo, os ícones e as telas de lançamento.

Construtor > Design - Novo estilo global e temas personalizados

A nova versão do menu Estilo Global é uma grande novidade. Você pode criar e salvar um tema personalizado.

Para criar seu próprio tema, use o botão Adicionar no canto superior direito do painel. Você terá acesso a todos os parâmetros do tema. Cada cor é acessível para cada área do app. Quando o seu trabalho estiver concluído, não se esqueça de salvar suas alterações e dar um nome ao seu tema.

O seu tema aparecerá na lista de temas de cores. Cada nova página que você adicionar terá o design definido pelo seu tema pessoal.

Construtor > Visualização completa no navegador

Uma nova opção de visualização permite que você visualize seu PWA fora do back office, numa nova aba do seu navegador.
É muito conveniente verificar suas alterações em condições reais antes de publicá-las. Para distinguir a versão de produção da versão de trabalho, uma barra superior é exibida na parte superior da tela para identificar a última.

O menu Configurações no Construtor é feito de atalhos e links para as principais ações. Enquanto estiver no construtor, você poderá acessar o catálogo de add-ons neste menu, gerenciar sua equipe editorial ou visualizar o log de atualizações das modificações pendentes.

Construtor > Novos tamanhos para o painel

O painel está agora disponível em 3 tamanhos. Completamente implantado, parcialmente implantado e totalmente retraído.
O modo parcialmente implantado permite que os usuários que trabalham em laptops mantenham o painel aberto durante a visualização ou edição do conteúdo.

Construtor > Um carrossel para escolher templates

Ao editar o padrão para exibir páginas ou widgets para a home, o modelo ativo agora aparece na parte superior do painel. É possível alterar esse modelo navegando num carrossel. Cada vez que você navega num modelo, o painel é atualizado para exibir as opções contextuais associadas ao modelo.

Equipe > Gerenciamento aprimorado de direitos

A reorganização do Construtor, com essa clara separação entre gerenciamento de conteúdo e gerenciamento de design, permite que você ofereça um gerenciamento ainda melhor dos direitos do usuário na sua equipe editorial.

As funções de designer e produtor de conteúdo podem ser claramente definidas abrindo e fechando o acesso a menus e páginas de conteúdo do aplicativo.

Agora os menus aos quais o membro da equipe não tem acesso estão ocultos.

GoodBarber 4.5 - O Construtor de Apps mais rápido

Paralelamente ao lançamento dos novos recursos visíveis no back office, com a 4.5, o desempenho da GoodBarber foi melhorado. Por exemplo, na renderização de páginas, ganhos de até 50% foram atingidos.

Embora possa passar despercebido, o trabalho que foi feito é enorme. O risco quando um produto evolui é que o desempenho se deteriora à medida que os recursos aumentam. É uma armadilha que estamos constantemente lutando contra. Paralelamente às mudanças feitas à GoodBarber pela equipe de produto, os engenheiros estão constantemente empenhados em otimizar o desempenho.

A GoodBarber 4.5 foi uma oportunidade de fazer muito trabalho de otimização, começando por concentrar os nossos esforços nas páginas mais usadas do back office.

A diferença é perceptível, o back office é fluido, rápido e muito agradável de usar.

Uma estrutura sólida para futuras evoluções

A GoodBarber 4.5 tem sido uma oportunidade para questionarmos alguns princípios de construção que formam a base da GoodBarber. Tecnicamente e ergonomicamente, esta nova versão oferece uma nova base para construir o futuro da plataforma e propor futuras evoluções.