App design: como fazer um protótipo de app

 

Dando continuidade ao ultimo artigo sobre a importância do protótipo no desenvolvimento de app móveis, sabemos que definir um projeto de app móvel é muito importante para que os desenvolvedores possam fazer um orçamento e enviar suas propostas na plataforma Yeeply. Mas por outro lado, também é muito importante para os desenvolvedores saberem como vão apresentar uma boa proposta ao cliente e como apresentar o app design do futura app.

Uma das técnicas mais simples para pré-visualizar como será o aplicativo por desenvolver, em questão de app design e sem ter que começar a programar é fazer um protótipo do app. Fazer um protótipo do app vai poupar muito o seu tempo e trabalho e também permitirá ver facilmente como o aplicativo vai ficar  e se necessário, otimizar o design, aparência e usabilidade do app. Esses ramos são muito importantes no desenvolvimento do aplicativo como foi falado no ultimo artigo.

Desta forma, no caso em que o cliente quiser fazer alterações no design, será muito mais fácil de fazê-los com as ferramenta de prototipagem de apps. Podemos mesmo fazer diversos protótipos para o cliente escolher o que melhor se encaixa com o que deseja.

Há uma grande variedade de ferramentas para fazer protótipos que estão disponíveis no mercado. Mas neste artigo vamos fazer um resumo daqueles que consideramos ser muito úteis para a tarefa de definir um bom app design e construir um protótipo para o cliente.

Ferramentas de App Design para fazer um protótipo do app

1. Prototyper de Justinmind

É uma das mais poderosas ferramentas para criar protótipos interativos sem escrever códigos. Tem uma versão grátis e paga e está disponível para Mac e Windows. Nele, podemos ver como será um webapp,  mas também para protótipo apps iOS ou Android.

É uma ferramenta muito fácil de usar e intuitiva. Importando imagens feitas com Photoshop ou Fireworks, em seguida pode ser feito um protótipo válido. Basta ir adicionando interatividade para as imagens já importadas.

Para um protótipo simples, se você é um freelance ou simplesmente não quer desenvolver, usando a versão gratuita será mais que suficiente. Mas se você quer aperfeiçoar e causar boa impressão com seu protótipo não hesite em entrar no Pro Prototyper.

2. Concept Inbox

É uma ferramenta para fazer protótipos de aplicativo que embora não tão antiga no mercado como a Prototyper, é uma ótima ferramenta para a equipe de desenvolvimento, ou mesmo para um único desenvolvedor. Dizemos-lhe como funciona exatamente e é certamente uma escolha muito boa para fazer um protótipo.

Permite fluxo de comunicação rápido e fácil entre as partes. É uma ferramenta tudo-em-um de colaboração visual entre designers, equipe e clientes. Além de testar o app depois.

3. Fluid UI

A ferramenta Fluid UI é umas das que não é muito mencionada embora sendo também útil para fazer um protótipo de app. O mais importante, á saber que é uma ferramenta online que qualquer um pode usar e pode projetar um protótipo para dispositivos móveis de uma forma muito simples e intuitiva. A ferramenta permite ao usuário compreender facilmente o ambiente e dá muitas opções para criar o app design. Embora seja bastante simples, também em seu editor você pode usar wireframes diferentes para diferentes plataformas, Android ou qualquer versão do IOS.

A versão gratuita permite que você crie até dez telas para seu protótipo, o que pode ser pouco, se você tiver um aplicativo complexo, embora para um protótipo simples, ele funciona bem. Para ir mais longe, temos que contratar um dos planos mensais, disponíveis a partir de US $ 12 por mês. Outra das suas qualidades é que você pode escanear o código QR  para seu protótipo e testá-lo em dispositivos Android e iOS.

4. Antetype

Neste caso, a ferramenta de protótipos de apps Antetype é para quem esta procurando um nível superior de design. Com uma qualidade ligeiramente superior ao Fluid. É necessário sublinhar que só podemos experimentar esta ferramenta grátis por 30 dias. A partir daí, passa a ser uma ferramenta paga.

Embora as comparações são odiosas, ela tem um estilo parecido com o Keynote. Muito simples e intuitiva, você pode encontrar esta ferramenta exclusivamente para Mac, e você pode comprá-lo no site da ferramenta ou na Apple Store. Enquanto o preço pode parecer excessivo, é €149, vale a pena lembrar que não só permite criar apps mas também você pode projetar todos os tipos de Webs. Uma completíssima ferramenta que, se você você tiver como pagar, você deve tentar. A possibilidade para baixar extras se torna uma opção muito interessante para desenvolvedores de app iOS, Android ou Windows Phone, mas também para web.

5. NinjaMock

Embora possa parecer que não, NinjaMock é uma ferramenta que tem bastante fama para criar protótipos para apps. É uma oferta de ferramenta on-line em que os itens que incorporamos oferecem um acabamento de desenho à mão livre. Em termos de design, este não é o mais adequado criar qualquer tipo de aplicativo, especialmente se levarmos em conta as mais recentes tendências e o gosto dos desenvolvedores de apps para o “flat design”.

Mas a principal vantagem do NinjaMock é que é totalmente gratuito. Embora um dos principais problemas que podemos encontrar, por exemplo, que a interação do seu protótipo não se estende para além de ligações entre telas e telas. Como uma ferramenta para realizar um primeiro esboço, um rascunho, NinjaMock é mais que suficiente.

6. Invision

Esta é sem dúvida uma das mais poderosas ferramentas que você pode encontrar de graça. Além de permitir protótipos completos, Invision ultrapassa a criação de design simples de NinjaMock e muitos outros. A maior vantagem que podemos encontrar na Invision é que várias pessoas podem trabalhar em equipe em um mesmo protótipo.

Em um plano, gratuito só permite realizar um único protótipo ao mesmo tempo, embora as versões de pagamento podemos ter 5, 10, 15 e até 100 projetos ativos e para uma equipe de mais pessoas. Os preços são relativamente acessíveis, com um custo de US $ 15 por mês até $ 100. Preços mais acessível do que, por exemplo, o Antetype. Por exemplo é altamente recomendável para pequenas agências e equipes de desenvolvimento formado por poucos membros e trabalhando em alguns projetos ao mesmo tempo. É um ambiente ideal para a colaboração quando fazemos um protótipo do app. Há também a versão para Mac, com o qual você pode sincronizar os arquivos que você precisa.

Lembre-se que as opções são muito mais amplas e existem muitas outras ferramentas para criação de protótipos, que você pode descobrir. No entanto, antes de começar a programação, um protótipo é sempre uma boa opção porque ajuda a economizar tempo e mostra ao cliente como será o app que você vai desenvolver. Uma maneira de ter uma ideia do resultado final e com possibilidade de fazer diferentes alterações, antes de começar com a maior parte do trabalho de desenvolvimento do app.