Ferramentas para Design de Interação

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)

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)

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

Prototipação eletrônica (para produtos)

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

Edição e tratamento de Imagens

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 🙂

5 comentários

  1. Para fluxos e diagramas eu as vezes uso o Lucid Chart: http://www.lucidchart.com/ Tenho gostado bastante.

    Faltou o Fireworks aí 🙂

    Abs!

  2. Rodrigo Marques

    Mais uma ferramenta para fazer wireframes
    https://gomockingbird.com

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

2 Trackbacks

  1. By Disciplina “Design de Interação” na Univali (Florianópolis, SC) 2016 2 jun ’16 at 11:58

  2. By Disciplina “Experiência do Usuário” na PUCPR (Curitiba, SC) 2016 27 ago ’16 at 8:09