eCommerce
Sistemas de assinatura
Cursos Online
Agendamento online
Guia de viagem
Eventos
Comunicação dos Funcionários
Criadores de Conteúdo
Entrega local e coleta na loja
Jornais
Rádio
Escolas e Universidades
Espiritualidade
Organizações
Restaurante
Mercearia
Construa seu próprio
APP BUILDER SEM CÓDIGO
TECNOLOGIA
POR QUE GOODBARBER?
Design
RECURSOS DO PRODUTO
TÓPICOS
REVENDEDOR DE APPS
DESCOBRIRGoodBarber 4.5: velocidade e produtividade para criar os apps do futuro
Escrito por margarida fonseca na
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.
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.
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.
É 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.
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.
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.
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.
É 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.
Construtor > Novo menu de configurações
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.
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 correto
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.
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.
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.