5 ferramentas para que seus protótipos, trazendo vida

Se você estiver envolvido em um projeto de uma aplicação e quer saber como você pode dar vida ao seu protótipo, aqui recolho 5 ferramentas que podem ser bastante fácil úteis para dar a conhecer a sua aplicação para o cliente e qual é a experiência ao navegar através das diferentes tela.

É importante, quando começamos um projeto, que o primeiro passo seja estabelecer uma hierarquia da informação, e o conteúdo e colocá-la visualmente para que o cliente possa compreendê-lo e ter uma idéia de como será estruturado o mesmo no futuro.

Para isso, existem diversas ferramentas no mercado. São ferramentas que permitem visualizar como vai ficar o site ou a aplicação através da interação entre telas ou mockups de maneira que se obtenha um resultado bastante realista de como será a navegação pela web e suas diferentes seções.

ferramentas para que seus protótipos

Aqui vai a minha seleção:

Framer Studio

www.seopapese.club www.seopapese.club captura de pantalla 2014 08 26 a las 08 39 41 600x296 1

Se você quer que seus clientes não apenas ver como você vai ver, um projeto, mas também quer que eles saibam o que se sente ao navegar através dele, esta é a sua ferramenta. Isso sim, é melhor que domina algo de Javascript ou CoffeeScript já que apesar de que lhe fornece o código de todas as animações básicas se você nunca trabalhou com esse tipo de linguagem será mais difícil obter bons resultados.

Mesmo assim, insisto que a experimentar, especialmente se em seus projeto conta com um bom percentual de tempo dedicado a estudar a experiência do usuário.

Pode fazer o download framerjs para transferir e instalar a aplicação no seu computador o aplicativo, que é gratuito, e assim ter acesso a todos os recursos e ver alguns exemplos de resultados utilizando esta ferramenta.

Invision

www.seopapese.club www.seopapese.club captura de pantalla 2014 08 26 a las 08 53 37 600x291 1

Esta ferramenta, que já tenho comentado no post 9 ferramentas que todo designer deve saber, representou uma revolução no mercado das ferramentas não só de prototipagem, mas de gestão de um projeto em geral, desde as fases de criação de mockups até que já esta tudo pronto para começar o desenvolvimento.

O valor que a distingue de outras ferramentas é que é muito intuitiva, tanto para o designer que a está usando como para o cliente.

Entre algumas de suas características é o que permite compartilhar e comentar um projeto em tempo real com o cliente, de forma que o feedback chega de forma mais rápida e mais clara, e os processos são agilizados. Além disso, permite gerenciar as versões de seus projetos de sincronizar seus arquivos .psd ou .ai com a aplicação de modo que é muito fácil não se perder no emaranhado de pastas e de camadas de nossos arquivos.

A versão de teste permite testar até cinco projetos. Se o seu volume de projetos web é notável, vale a pena você criar uma conta de pagamento, já que quando você começar a usá-lo você vai perceber que te traz um valor que antes provavelmente não tinham seus projetos. Tem uma versão de teste. Pode criar uma conta no invision e experimentá-lo.

Proto.io

www.seopapese.club www.seopapese.club captura de pantalla 2014 08 26 a las 08 54 34 600x290 1

Se o que você está projetando é uma aplicação, com Proto.io pode emular os dispositivos móveis mais populares. Ao fazer o protótipo da aplicação permite-lhe fazê-lo ao estilo wireframe ou no modo de visualização real.

Uma vez que temos todo o projeto realizado, podemos visualizar a app para ver como funciona.

A vantagem: a de que, neste caso, não é necessário escrever uma linha de código e, além disso, as aplicações podem ser criadas tanto para iOS como para Android. Apenas temos que escolher o dispositivo que você deseja usar no desenvolvimento, então Proto.io, mostrará uma interface gráfica que coincide com esse dispositivo.

É de pagamento. Mas nós temos 15 dias de teste para ver sua funcionalidade e performance.

Codiqa

www.seopapese.club www.seopapese.club captura de pantalla 2014 08 26 a las 08 44 17 600x292 1

Codiqa é uma ferramenta de pagamento, extremamente intuitiva uma vez que funciona com drag-and-drop. A tendência deste tipo de aplicações é que ofereçam o designer cada vez mais facilidades e simplicidade na sua utilização e esta é uma delas.

Ao igual que Framer Studio permite-lhe escolher recursos de entre a vasta biblioteca que possui ou pode importa o seu, o seu próprio código. Sua vantagem: e uma vez que possa construir o protótipo, o que poderá ser executado em qualquer navegador ou tamanho de tela, o que vai lhe poupar muito tempo de gestão de peculiaridades de cada navegador e que permite, como Invision, partilhe as suas propostas, em tempo real, assim como gerar o projeto visualmente e com código, tudo ao mesmo tempo, vendo os resultados em tempo real.

Solidify

www.seopapese.club www.seopapese.club captura de pantalla 2014 08 26 a las 08 55 01 600x294 1

Pode-se dizer que Solify é a versão da irmã de Invision que está preparada para as primeiras fases de prototipagem. Permite o teste de 30 dias. É ideal para marcar ao cliente as áreas em que ao passar sobre ela ou clicar ocorrerá alguma interação com o aplicativo, e para mostrar os diferentes níveis de navegação e percurso entre as seções e telas.

É muito útil para preparar um projeto antes de começar a imersão na fase de projeto da aplicação e garantir que todo o abordagem sobre o design de conteúdo está correto, e cumpre sua missão.
Permite-lhe partilhar os seus projetos de forma que, em seguida, obter feedback de como foi a experiência dos usuários com o mesmo.

Espero que este post tenha sido de grande utilidade e que essas ferramentas sejam de grande ajuda no futuro. Que a partir de agora, os seus projetos passam a ser incríveis e uma experiência de usuário insólita.

Artigos relacionados:

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Share on facebook
Share on twitter
Share on whatsapp
Share on telegram
Share on linkedin
Share on pinterest
Share on tumblr
Share on facebook
Share on twitter
Share on pinterest
Share on whatsapp
Share on telegram
Share on tumblr