O Novo Backend GoodBarber

Escrito por Quarta-feira 6 Agosto 2014

O Novo Backend GoodBarber
Todos vocês que já mudaram para GoodBarber 3 ou até quem criou a primeira app com ele já deve ter reparado, o novo backend está radicalmente diferente da versão anterior.

Aplicações móveis nativas estão rapidamente a tornar-se um meio primário de acesso à web e queríamos que o nosso backend refletisse isso. Na essência, GoodBarber é mais que uma ferramenta para criar apps; é uma plataforma de criação e gestão de apps.

Então o que é exatamente novo no backend, e porquê? Neste artigo, gostaríamos de falar sobre as maiores mudanças e as razões que estão por detrás delas.

Um processo que te guia

O Novo Backend GoodBarber
Um dos nosso objetivos era desenhar um interface que permitisse aos nossos utilizadores perceberem intuitivamente quais os passos a dar para construir a sua app.

Porque criar uma app é uma experiência nova para a maioria dos utilizadores GoodBarber, a ideia principal é oferecer um caminho a percorrer, desde a ideia à publicação, ao invés de confrontar os utilizadores com tudo a zeros e forçá-los a gastar o primeiro tempo a familiarizarem-se com o backend ao invés de mergulharem diretamente na criação.

Para ajudar a guiar os utilizadores, definimos um conjunto de passos necessários para criar um app desde o início.

Foi por isso que optámos pela sequência de passos no topo do ecrã, que evidencia os quatro passos para criar a app GoodBarber, desde a abertura da conta à publicação:
- definir o design da app,
- adicionar conteúdo,
- testar a app
- e finalmente publicá-la.

Tudo começa com design

O Novo Backend GoodBarber
Tal como um novo utilizador GoodBarber, vamos primeiro tratar do design. Tendo em conta que, os utilizadores que chegam à GoodBarber já sabem a razão da criação da sua app, o que significa que já sabem que conteúdo pretendem inserir.

Para alguém que não tenha nenhuma experiência anterior na criação de apps, o passo mais difícil é criar o design da app.

No separador design, o backend está organizado em três colunas:
- no lado direito, o painel que permite aos utilizadores alternarem entre os comandos principais e mantém-se estático.
- no centro, uma pré-visualização do teu trabalho. Dedicámos grande parte do espaço para esta pré-visualização.
- no lado direito, um painel contextual, onde estão os comandos mais importantes para o design da app.

Falemos acerca deste plano contextual. Ao apresentar os comandos que necessitas apenas quando realmente necessitas, fez com que a informação a mais fosse eliminada, permitindo que possas concentrar-te na tarefa em causa e não em encontrar o próximo botão ou opção de menu.

Mas não foi apenas isso que fizemos para facilitar a criação da app. Também separámos os comandos em três: um para a configuração básica, um para definições avançadas e outro para opções. Desta forma, não precisas de te preocupar com detalhes menores logo de início.

A coluna central é onde a magia acontece e quaisquer modificações que faças são aplicadas em tempo real, podes alternar entre Android, iPhone e iPad.

Design adaptativo do iPad

O Novo Backend GoodBarber
Uma das mais importantes funções de GoodBarber 3 foi a introdução da versão iPad das apps.

As nossas apps iPad não são meramente um redimensionamento da versão iPhone - elas são desenhadas e construidas especificamente para um ecrã maior e com dimensões distintas em mente.

Os modelos atuais disponíveis são críticos para criar uma boa app para tablet - mas isto também nos apresentou um novo desafio. Como criamos uma app para iPad que tire o máximo de partido do dispositivo, sem forçar os utilizadores a definir o design da app duplamente?

A nossa solução foi, desenvolver duas versões completamente diferentes para cada tema, cada modo de navegação, etc. Desta forma a grande maioria das adaptações necessárias, são feitas diretamente pela GoodBarber - os utilizadores selecionam e as duas versões são criadas automaticamente. Só ocasionalmente configurações específicas são necessárias e quando é esse o caso o utilizador é alertado com um pequeno ícone correspondente aos dispositivos respetivos.

Esta abordagem na criação de apps para tablet num app builder, é única e nunca foi feita antes.

Visualização desde o início

O Novo Backend GoodBarber
Ainda que inicies pelo design da app, pode ser difícil imaginar qual será o resultado final.

É por isso que a cada utilizador GoodBarber é associado aleatoriamente um tema de design.
Claro que, o utilizador pode posteriormente escolher um favorito entre os 50 templates que oferecemos - e que, por sua vez, podem ser totalmente personalizados.

E além disso, o tema traz também conteúdo de amostra desde o início. Isto liberta o utilizador de ter de adicionar o seu próprio conteúdo para ver qual será o aspeto final da app.

É mais fácil visualizar qual será o resultado final quando a app já tem conteúdo adicionado.

Simplificando a inserção de conteúdo

O Novo Backend GoodBarber
Desde o lançamento de GoodBarber 2.5 Salvador, nos apercebemos que as maioria dos nossos utilizadores escolhem o nosso serviço por causa do CMS integrado.

Isto é um reflexo do crescimento da importância da indústria móvel, como muitos utilizadores estão a saltar algumas formas mais tradicionais para obter a sua presença na web, como por exemplo um blog, e estão a criar uma app como forma primordial da sua presença na web. Por essa razão, não só aperfeiçoamos o interface do CMS, mas também acrescentámos a possibilidade de adicionar sons, às opções de adição de conteúdo, como texto, imagens e vídeos,

A interatividade nas aplicações móveis está cada vez mais presente nos requisitos atuais, e tomámos nota da popularidade na seção Envio, que permite aos utilizadores enviarem texto, vídeos e imagens, e aumentámos a relevância desta secção.

No entanto, quando passares para a adição de conteúdo da tua app, vais reparar que o layout básico da interface permanece igual desde a secção Design: os comandos principais na esquerda, comandos específicos de cada secção na direita e o teu objeto de trabalho no centro.

A app My GoodBarber

A app My GoodBarber funciona como uma extensão móvel do teu backend.

Anteriormente, precisavas construir a app antes de poderes efetivamente testar a tua app diretamente do teu telefone.

Esta função pode ser especialmente útil se tiveres mais de uma conta, pois podes alternar entre as tuas apps em questão de segundos. E não apenas isso, podes também monitorar as estatísticas e ainda enviar notificações push.

Publicação e mais além

O Novo Backend GoodBarber
Depois de definires o design da tua app e adicionar o conteúdo, ja terminaste as configurações e estás pronto para compilar, testar e publicar.

Enviar uma app para a App Store e Google Play pode ser difícil. Nós fizemos o possível para tornar o processo o mais simples possível, ao providenciar instruções passo-a-passo detalhadas, no backend que acompanham o utilizador.

No entanto, também providenciamos a opção GoodBarber Takes Care - onde por uma taxa única nós enviamos a app tanto para a versão iOS quanto para Android, o que também inclui as atualizações posteriores.

Após a publicação, a maioria dos utilizadores também estão interessados em saber quem são os seus utilizadores e como eles usam a app. As estatísticas detalhadas são facilmente acedidas a partir do backend, mas para aqueles que realmente querem trabalhar com números nunca foi tão fácil, graças à exportação das estatísticas para o Excel com apenas um clique.

Porquê do novo backend?

Na GoodBarber o nosso alvo é permitir que as pessoas criem a melhor experiência de utilizador possível para os seus utilizadores.

No entanto, não é apenas natural que queiramos fazer o mesmo. Contudo, um bom backend não se trata apenas de ser mais conveniente. Acreditamos que um melhor interface, de facto, permite que os utilizadores criem melhores apps.

Ao libertar os utilizadores de se focarem na utilização do backend, eles poderão canalizar toda a sua energia e criatividade em transformar grandes ideias em apps fantásticas - o que por sua vez, é a razão da existência da GoodBarber.



Insira seu endereço de e-mail