Uma lista com diversas ferramentas úteis (softwares e aplicações web) para profissionais que trabalham com Design de Interação.
Fluxogramas (Diagramas de fluxo)
- Lucid Chart, versão básica gratuita (aplicação web) precisa de login, mas é rápido. Bem prático: simples mas com muitas opções.
- Draw.io, mais simples, mas não precisa de login
- Gliffy, versão básica gratuita e versão premium com alguns dias grátis (aplicação web) precisa de login.
Mapas (conceituais, mentais, etc)
- Mindmeister, colaborativo, versão básica gratuita (aplicação web)
- Bubbl.us, pronto-para-uso sem cadastro, gratuito (aplicação web)
- Text 2 Mindmap, pronto-para-uso sem cadastro, gratuito (aplicação web)
- Canvas, online, gratuito (aplicação web)
Escrita colaborativa (Documentação)
- Google Docs: gratuito (aplicação web)
- Etherpad: gratuito, código aberto (aplicação web)
Gerenciamento de projeto
- Basecamp: pago mas com versão de experimentação de 30 dias (aplicação web)
- Gantter: gratuito
- Tu-dus: gratuito (aplicação web)
Listas
- Padlet: Moodboards, bookmarks, kanban, listas estilo tumblr (aplicação web) free para 2 padlets
Análise Heurística
- NotableApp: versão pessoal gratuita (aplicação web)
Teste de Usabilidade Presencial
- Techsmith Morae: pago mas com versão de experimentação de 30 dias (software, somente para Windows)
Teste de Usabilidade Remoto
Prototipação e Wireframing
- Marvel: https://marvelapp.com/ (free com numero de projetos limitado)
- Wireframe.cc: gratuito e online (mas bem limitado)
- Canvas, online, gratuito (aplicação web)
- Whimsical (aplicação web)
- Pencil: gratuito (complemento do Firefox)
- Axure: pago, mas com versão de experimentação de 30 dias (software para PC e Mac)
- OmniGraffle: pago, mas com versão de experimentação de 14 dias (software, somente para Mac e iPad)
- Balsamiq: pago, mas com versão de experimentação de 7 dias (web e software)
- Invision https://www.invisionapp.com/
- Sketch
- Figma https://www.figma.com/
- Framer https://framer.com/ FREE TRIAL
- Just in Mind https://www.justinmind.com/ (download) 30 days trial
- Outros: Sneakspeekit e UX Sketching And Wireframing Templates For Mobile Projects
Mockups (como se estivesse no celular)
- AppMockuUp, Mockup pra screenshots
Transformar protótipos de papel em protótipos interativos
- Marvel: app celular (iOS e Android) free http://marvelapp.com/pop
Criação de protótipos navegáveis
- Sketch
- Marvel App
- https://fluidui.com/
- https://marvelapp.com/
- http://wireframesketcher.com/
- https://www.flinto.com/
- MockPlus
- http://uxpin.com/
- http://proto.io/
- https://popapp.in/
- ProtoPie
- Framer X
Prototipação eletrônica (para produtos)
- Lego Mind-storms: pago (peças + software)
- Arduino: gratuito, código aberto (hardware+software)
Criação de Games/Jogos
- Scratch: gratuito, código aberto (software)
- Construct 2 (apenas Windows, possui versão gratuita limitada)
- Construct 3 (online)
Prototipação para Dispositivos Móveis
- Nokia Flowella (software)
Edição e tratamento de Imagens
- Pixlr.com
- Photoshop online
- Canvas, online, gratuito (aplicação web)
Edição Gráfica (Software Livre)
Gimp [livre e aberto] É o editor de imagens mais popular para Linux. Comparações com o Photoshop são comuns, mas nem valem a pena serem feitas: o produto da Adobe é superior em funções e não é facilmente “substituível”, a nível profissional. Porém, boa parte do trabalho de edição de imagens pode ser resolvido tranquilamente com o Gimp.
Inkscape [livre e aberto] Serve para trabalhar com gráficos vetorais. Acho o sistema bem interessante. Existe a velha disputa em softwares pagos, do Illustrator versus Corel Draw, sendo que, pra mim, ambos tem suas qualidades e defeitos, e vejo o Inkscape nesta mesma linha: possibilita uma abertura de certa maneira, mas (na mesma situação do Gimp para com o Photoshop) também dificulta a transição de um software para outro.
Outras listas de ferramentas
Deixe sua sugestão!
Esta página está sempre sendo atualizada. Se tiver alguma sugestão, deixe um comentário 🙂
Para fluxos e diagramas eu as vezes uso o Lucid Chart: http://www.lucidchart.com/ Tenho gostado bastante.
Faltou o Fireworks aí 🙂
Abs!
Valeu Kramer, já adicionei as sugestões 🙂
Mais uma ferramenta para fazer wireframes
https://gomockingbird.com
Essa eu acho muito ruim!
Creately O software de diagramação e colaboração on-line que pode desenhar fluxogramas, organogramas, mapas mentais, wireframes, infográficos e muitos mais não está listado aqui. Existem milhares de modelos e exemplos estão lá para começar logo de imediato