Protótipos para dispositivos móveis

Dispositivos móveis e suas interfaces gráficas estão cada vez mais sofisticados e presentes em nosso dia-a-dia.

Por isso, enquanto designers, ferramentas que nos ajudem a apresentar ideias, fluxos e transições a clientes e equipes são sempre bem-vindas. Mais que isso, essas ferramentas permitem experimentar o aplicativo de fato onde será usado, perceber se textos estão legíveis, se botões têm uma área ideal para o toque e por aí vai. Depois de apresentar seu próximo projeto assim, você vai amaldiçoar JPGs estáticos “zipados” enviados aos seus clientes.

Já falamos aqui no blog sobre o Framer, e vamos explorar algumas novas opções para criar protótipos navegáveis de maneira rápida, indolor e fácil de compartilhar.

Protosketch

proto_sketch

Distribuídos pelos criadores dos UI Stencils, esse iPhone app se baseia em sketches para entregar protótipos. É ideal para quem gosta de rabiscar suas interfaces a mão-livre ou usando os stencils fornecidos pelo fabricante. Você pode usar a câmera do celular para tirar fotos dos sketches e depois criar seu fluxo de navegação. O aplicativo corta e enquadra as imagens para o tamanho do aparelho.

Vantagem
Transformar sketches em mockups navegáveis

Desvantagem
Não permite protótipos de alta fidelidade

Fluidui

fluid ui

O FluidUI é prático de usar por ser web-based, o que o faz ser multi-plataforma. Ele permite a criação de protótipos tanto de baixa quanto de alta fidelidade através de upload da interface desenhada em outro software. Você também pode compor seu mockup usando mais de 1700 elementos de interface dos sistemas mais usados em dispositivos móveis.

Vantagem
Suporte para vários sistemas operacionais mobile

Desvantagem
Colaboração entre equipes é limitada

Proto.io

proto.io

Também web-based, permite que você construa seus protótipos a partir de uma biblioteca própria de elementos. O posicionamento do produto descontraído, “silly-fast mobile prototyping”,  é um convite ao uso.

Vantagem
Biblioteca variada com elementos de UI

Desvantagem
Transições não muito fluídas, mas nada de muito sério

Appcooker

app cooker

O diferencial do Appcooker é ser, além de uma ferramenta de protótipo, um gerenciador do projeto mobile. De criador de ícone a bloco de notas, o app entrega até mesmo um simulador de receita futura e acompanha os custos do projeto. Segundo o fabricante, é a única ferramenta necessária para o desenvolvimento e planejamento da ideia antes da programação.

Vantagem
Várias funções que centralizam a fase de prototipação

Desvantagem
O fato de ser disponível apenas para iPad, exclui outros sistemas operacionais

Flinto

Flinto

Voltado para o iOS, a beleza desse web-app está na simplicidade. Ele usa imagens estáticas geradas em outro software, como Photoshop por exemplo, e permite que você as conecte associando transições. O custo benefício é interessante e como seu protótipo estará na nuvem, qualquer alteração futura será automaticamente atualizada para todos os usuários que tiverem acesso. As transições são relativamente fiéis ao iOS e você poderá compartilhar e testar diretamente no celular, tablet ou desktop.

Vantagem
Rápido e simples

Desvantagem
Cria protótipos apenas para iPhone e iPad

E isso não é tudo

Se você se interessar por esse tipo de ferramenta, tem mais algumas aqui nesse link e outras aqui nesse outro.

E claro, se você conhece e usa alguma outra ferramenta para protótipos mobile, além do bom e velho lápis e papel, deixe nos comentários abaixo suas sugestões.

Anúncios

4 opiniões sobre “Protótipos para dispositivos móveis

  1. Eu uso o AppCooker, ele tem uma outra vantagem muito legal, você pode salvar os protótipos via Dropbox e passar para vários iphones (através de um aplicativo free), e assim testar quantas vezes for necessário o protótipo navegável.

  2. Pingback: Lecom Recomenda [95] | Blog Lecom

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s