5 minutos de leitura

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.

 

2. 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.

 

3. Axure

 

ferramentas de design

 

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.

 

4. Sketch

 

ferramentas de design

 

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. A melhor parte do Sketch é que seu projeto pode ser exportado para outras ferramentas, como o Invision, por exemplo. 

 

5. UX Pin

 

ferramentas de design

 

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.

 

6. 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.

 

7. Flinto

 

ferramentas de design

 

Ó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.

 

8. InVision

 

ferramentas de design

 

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.

 

9. 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.

 

10. 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 na Mastertech! Clica aqui pra ver tudo o que você pode aprender em um mês de educação intensiva 🙂

 

10 ferramentas de design usadas para prototipação
4 (80%) - 1 voto
Você pode também gostar