Aperte "enter" para ver os resultados ou "esc" para cancelar.

10 ferramentas de design usadas para prototipação

Trabalhar com design envolve muito mais do que a idealização e produção de imagens. O conceito de design para a web tem se desenvolvido cada vez mais para uma profissão que compreende e executa todos as etapas, desde a busca do problema, definição das soluções, pesquisa com usuários, prototipação, testes e publicação na web.

 

Ser um UX designer é ser aquela pessoa que tem as habilidades para entender e transportar as necessidades do usuário, gerando uma experiência satisfatória para qualquer projeto de design. Já falamos mais sobre essa profissão aqui pelo olhar de uma profissional de UX das grandes.

 

Quando se mergulha na área de UX, uma das principais questões que surgem é: quais são as melhores ferramentas para utilizar na área? O que queremos mostrar é que a pergunta deveria se voltar para: quais são as melhores ferramentas para utilizar de acordo com os meus objetivos atuais?

 

Existem milhares de plataformas facilitadoras para a criação, prototipação e desenvolvimento, o importante é saber distinguir quando usar cada uma delas para suas necessidades. Antes de escolher qualquer ferramenta, é importante se perguntar:

 

  • Seu projeto é para qual plataforma: mobile, tablet ou desktop?
  • Quão fiel precisa ser o seu protótipo?
  • Para quão rápido você precisa dele pronto?
  • Quanta experiência você precisa demonstrar que possui com o projeto?

 

Vem ver 10 das melhores ferramentas de prototipação que conhecemos e seus usos de acordo com cada objetivo.

 

  1. Papel e caneta: nada substitui a urgência de colocar ideias e desenhos no papel antes de qualquer outra coisa. Quando se trata de UX design, essa é uma etapa muito importante em qualquer situação para começar a dar forma para o que quer que esteja passando por sua cabeça.

 

  1. POP da Marvel: Quer uma ferramenta simples e rápida para desenhar protótipos de baixa fidelidade? o POP da Marvel é uma solução rápida para projetos mobile, website ou desktop, que permite tirar fotos dos seus desenhos no papel e criar fluxos.

 

  1. Axure: Você precisa fazer um site responsivo, com alta fidelidade, mas não tem um prazo maluco pesando nas suas costas? Para colocar links, mostrar fluxos e apresentar um protótipo de forma clara, o Axure é uma ótima ferramenta

 

  1. Sketch: Esta ferramenta de prototipagem feita especialmente para usuários do Mac OS X funciona de forma parecida ao Adobe Illustrator, dividindo o projeto em tabelas e camadas.

 

  1. UX Pin: Projetos rápidos para mobile e desktop, de operação simples, que podem ser de baixa fidelidade, mas que precisam mostrar o caminho com links para o usuário. É para isso que o UX Pin foi feito.

 

  1. Principle: Esta ferramenta se encaixa bem em projetos que possuem muita interação ou animações entre uma página e outra, mas sem grandes funcionalidades. Isso tudo com um menor tempo de dedicação e fidelidade baixa ou alta de acordo com suas intenções.

 

  1. Flinto: Ótima ferramenta para protótipos de alta fidelidade, especialmente para testes com usuário. Faz com que seu protótipo pareça e sinta como um verdadeiro app. Tão habilidoso quanto o principle, mas mais fácil de acompanhar e visualizar fluxos complexos.

 

  1.  InVision: O Invision é a queridinha dos designers, a ferramenta mais usada no mundo todo para prototipação. É uma dessas plataformas que facilitam muito o recebimento de feedback sobre o seu projeto antes de finalizá-lo, sendo bem completa e simples de usar. A partir do InVision você pode ver workflows de forma simplificada, seu time todo pode colaborar no projeto ao mesmo tempo e o cliente pode acrescentar feedbacks pela ferramenta.

 

  1. Origami: Criado pelo Facebook, o Origami é uma ferramenta de prototipação baseada em nódulos que produz protótipos de alta fidelidade sem usar nenhum código. Para interações granulares e funcionalidades maiores como conectar com Bluetooth, câmera e sensores mobile, é uma ótima plataforma.

 

  1. HTML/CSS/JS: Quer algo ainda melhor do que mostrar o seu projeto como um protótipo? Então vá direto para a programação e use HTML, CSS e JS. Apesar de mais trabalhoso, colocando a mão no código você apresenta seu projeto na forma mais próxima do resultado final. Mas claro, aí você vai precisar de um pouco mais de tempo para desenvolver o protótipo.

 

Alguns conhecimentos como design thinking, métodos de pesquisa com usuário, priorização de funcionalidades, arquitetura de informação e navegação são fundamentais para ir além do protótipo e desenvolver projetos de design de UX do começo ao fim.

 

É designer e quer a oportunidade de expandir suas habilidades para esses campos? Tem curso imersivo de UX Design chegando em agosto e outubro! Clica aqui pra ver tudo o que você pode aprender em menos de dois meses 🙂

4 (80%) - 1 voto
  • Renata Cezaretto

    Até que enfim alguém reuniu o top 10 num artigo só

    • Juliana Battistelli

      Que bom que concordou com nosso top 10 Renata, pedimos indicações de quem está diariamente em contato com as ferramentas. Abraço!

  • Fernando Correa

    PIXATE encerrou… tem que dar uma atualizada aqui no post!

    • Juliana Battistelli

      Atualizado o post Fernando, valeu pela contribuição! 🙂