Ferramentas de UX: Guia Completo para Pesquisa, Design e Testes

O ecossistema de ferramentas de UX é enorme e pode ser confuso. Este guia organiza as melhores ferramentas por etapa do processo: pesquisa, análise comportamental, design, prototipagem e testes de usabilidade — com opções gratuitas e pagas.

As 5 categorias de ferramentas de UX

O trabalho de UX passa por diferentes fases, e cada uma tem ferramentas específicas:

1. Pesquisa e descoberta — entender o que os usuários precisam
2. Análise comportamental — ver como os usuários interagem com o produto existente
3. Design de interface (UI) — criar a solução visual
4. Prototipagem — simular interações antes de desenvolver
5. Testes de usabilidade — validar se a solução funciona com usuários reais

Categoria 1: Pesquisa e descoberta

Antes de desenhar qualquer tela, você precisa entender o problema. Ferramentas de pesquisa ajudam a coletar dados qualitativos diretamente dos usuários.

Formulários e pesquisas

• Typeform — formulários bonitos com lógica condicional. Experiência de preenchimento excelente. Plano gratuito: 10 respostas/mês. Pago a partir de $25/mês
• Google Forms — gratuito, ilimitado, integra com Google Sheets. A interface não é tão elegante mas funciona perfeitamente
• Tally — alternativa ao Typeform com plano gratuito mais generoso (ilimitado para pesquisas básicas)
• Maze — combina pesquisas com testes de protótipo. Ideal para pesquisa integrada ao design. Gratuito até 1 projeto

Entrevistas de usuário

• Zoom/Google Meet — para entrevistas remotas. Gravar com consentimento para revisão posterior
• Grain — grava e transcreve entrevistas automaticamente, com highlights e compartilhamento. Gratuito até 5h/mês
• Dovetail — plataforma de research repository. Armazena, transcreve e organiza entrevistas. Facilita análise de temas recorrentes. Gratuito para projetos pessoais

Card sorting e tree testing

• Optimal Workshop — o padrão para card sorting (como organizar a navegação) e tree testing (se a estrutura faz sentido). Gratuito para estudos pequenos
• UserZoom — enterprise. Combina múltiplos métodos de pesquisa

Categoria 2: Análise comportamental

Ferramentas que mostram como os usuários realmente interagem com seu site ou produto. Ao contrário de pesquisas (onde o usuário diz o que faz), análise comportamental mostra o que o usuário realmente faz.

Microsoft Clarity (gratuito)

A ferramenta mais generosa do mercado para análise comportamental. Completamente gratuita, sem limites de tráfego.

Recursos:

• Heatmaps de clique — onde os usuários clicam em cada página. Revela elementos que atraem atenção e áreas ignoradas
• Heatmaps de scroll — até onde os usuários rolam. Essencial para saber se conteúdo importante está sendo visto
• Gravações de sessão — veja exatamente o que o usuário fez, cada clique, movimento de mouse e scroll
• Detecção automática de frustração — rage clicks (cliques repetitivos de raiva), dead clicks (cliques sem efeito), quick backs (voltar rápido)
• Filtros avançados — filtre sessões por dispositivo, país, URL, tipo de frustração
• Integração com GA4 — veja dados do Clarity dentro do GA4 e vice-versa
• Copilot AI — resumos gerados por IA das sessões e tendências

Quando usar: sempre. É gratuito e ilimitado. Todo site deveria ter o Clarity instalado. Para quem quer automatizar a análise, o ClarityInsights gera relatórios semanais com os insights mais importantes, sem necessidade de acessar o dashboard manualmente.

Hotjar

Concorrente direto do Clarity, com recursos adicionais de feedback.

Plano gratuito (Basic):

• 35 sessões diárias de gravação
• Heatmaps para páginas ilimitadas
• Feedback widget básico
• Pesquisas com 20 respostas/mês

Planos pagos: a partir de $32/mês para mais gravações e features.

Diferencial vs Clarity: Hotjar tem pesquisas in-page nativas (feedback widget, NPS surveys). Clarity não tem pesquisas, mas tem mais dados de frustração e é completamente gratuito e ilimitado.

Recomendação: use Clarity para análise comportamental (gratuito/ilimitado) e adicione Hotjar se precisar de pesquisas in-page, ou use Hotjar sozinho se o orçamento permitir.

FullStory

Plataforma enterprise de digital experience analytics. Vai além de heatmaps com busca semântica de sessões ("mostre todas as sessões onde o usuário tentou clicar no botão X mas estava desabilitado").

Preço: enterprise (não publicado, tipicamente $10K+/ano). Alternativa: PostHog (open source) para funcionalidades similares.

PostHog

Plataforma open source que combina product analytics, session replay, feature flags e A/B testing. Pode ser self-hosted ou cloud.

• Plano gratuito: 5.000 sessões gravadas/mês, 1M eventos/mês
• Session replay com busca avançada
• Product analytics com funis e retenção
• Feature flags para experimentação

Ideal para: equipes de produto SaaS que querem uma plataforma integrada.

Categoria 3: Design de interface (UI)

Figma (padrão do mercado)

O Figma domina o mercado de design de interfaces. Baseado em navegador, colaborativo em tempo real, com um ecossistema enorme de plugins e templates.

Plano gratuito (Starter):

• 3 projetos de Figma
• 3 projetos de FigJam (whiteboard)
• Colaboradores ilimitados (view-only)
• Plugins e templates da comunidade

Plano Professional: $12/editor/mês. Projetos ilimitados, componentes avançados, branches.

Por que é padrão:

• Funciona no navegador (sem instalação, Mac/Windows/Linux)
• Colaboração em tempo real (múltiplos designers no mesmo arquivo)
• Dev mode (desenvolvedores veem specs, CSS, distâncias)
• Auto Layout (design responsivo no Figma)
• Componentes e variantes (design system)
• Comunidade enorme (templates, UI kits, plugins gratuitos)

Sketch

Pioneer no design de interfaces, agora com versão web. Ainda usado por equipes que já têm bibliotecas estabelecidas.

• Apenas macOS (versão desktop) + editor web
• $10/editor/mês
• Forte em design de UI, especialmente para Mac/iOS
• Menos plugins que Figma, mas ecossistema maduro

Recomendação: se está começando, use Figma. Se já usa Sketch e está satisfeito, não há razão para migrar.

Adobe XD

A Adobe descontinuou o XD em 2024 para focar em plugins Figma. Não é mais recomendado para novos projetos.

Penpot (open source)

Alternativa open source ao Figma. Self-hosted ou cloud gratuito. Ainda em desenvolvimento ativo, mas já é funcional para projetos menores.

• 100% gratuito e open source
• Baseado em SVG nativo
• Colaboração em tempo real
• Componentes e design tokens

Ideal para: equipes que preferem ferramentas open source ou precisam de self-hosting por compliance.

Categoria 4: Prototipagem

Protótipos permitem testar interações antes de escrever código. O nível de fidelidade varia:

Low-fidelity (wireframes)

• Figma — com templates de wireframe da comunidade
• Balsamiq — wireframes estilo rabisco. Focado em rapidez, não em fidelidade visual. $9/mês
• Whimsical — wireframes + flowcharts + mind maps. Interface limpa. Gratuito para 3 boards
• Papel e caneta — sério. Para ideação inicial, nada supera a velocidade de rabiscar no papel

High-fidelity (protótipos interativos)

• Figma Prototyping — integrado ao editor de design. Transições, interações condicionais, variáveis. Para a maioria dos casos, é suficiente
• ProtoPie — prototipagem avançada com lógica, sensores e interações complexas que o Figma não suporta. Para protótipos de nível demo. $13/mês
• Principle — focado em animações e transições. macOS apenas. $19/mês
• Framer — protótipos que se tornam sites reais. Código React por trás. Ideal quando o protótipo é o produto final (landing pages). Gratuito para 1 site

Categoria 5: Testes de usabilidade

Testes de usabilidade validam se o design funciona na prática. Existem dois tipos: moderados (com facilitador) e não-moderados (remoto, assíncrono).

Testes não-moderados (remotos)

• Maze — a ferramenta mais popular para testar protótipos do Figma remotamente. Participantes completam tarefas e você vê métricas de sucesso, tempo e caminhos. Gratuito para 1 projeto
• UsabilityHub (agora Lyssna) — testes de 5 segundos, preferência, card sorting e mais. Painel de participantes disponível. Gratuito limitado
• UserTesting — plataforma enterprise com painel de participantes recrutados. Vídeo + áudio + tela. Caro ($49+/participante) mas rápido

Testes moderados

Para testes moderados (onde você facilita em tempo real), use:

• Lookback — plataforma de pesquisa remota ao vivo. Tela + câmera + áudio + observadores. $99/mês
• Zoom/Google Meet + Figma — compartilhe o protótipo via Figma e peça ao participante para interagir enquanto observa. Gratuito

Teste com dados reais (analytics como UX research)

Nem todo teste de UX precisa de participantes recrutados. Seus visitantes reais estão testando seu site todo dia. Use:

• Microsoft Clarity — gravações de sessões reais mostram onde usuários travam, se frustram ou abandonam
• GA4 funis — crie funis para ver exatamente onde no processo os usuários desistem
• A/B testing — teste duas versões com tráfego real e meça qual performa melhor

Essa abordagem de "UX research passivo" com dados reais complementa testes formais e tem a vantagem de escala: em vez de 5-10 participantes, você analisa milhares de sessões.

Stack de UX recomendado por orçamento

Orçamento zero (tudo gratuito)

• Pesquisa: Google Forms + Zoom
• Análise comportamental: Microsoft Clarity
• Design: Figma (plano Starter)
• Prototipagem: Figma Prototyping
• Testes: Zoom + Figma (moderado) ou Maze free (não-moderado)

Este stack cobre 80% do que equipes de UX precisam.

Orçamento moderado ($50-200/mês)

• Pesquisa: Typeform + Dovetail
• Análise comportamental: Clarity + Hotjar (para pesquisas in-page)
• Design: Figma Professional
• Prototipagem: Figma + ProtoPie (para interações complexas)
• Testes: Maze Pro

Orçamento enterprise ($500+/mês)

• Pesquisa: Dovetail + UserTesting
• Análise comportamental: PostHog ou FullStory + ClarityInsights
• Design: Figma Enterprise
• Testes: Maze Enterprise + Lookback

Como escolher a ferramenta certa

Algumas perguntas para guiar sua decisão:

• Qual problema preciso resolver agora? Não compre ferramentas por FOMO. Se o problema é entender por que o checkout tem abandono alto, Clarity resolve. Não precisa de Figma
• Minha equipe vai usar? A melhor ferramenta é a que a equipe realmente usa. Uma ferramenta simples usada diariamente supera uma poderosa abandonada
• Posso começar de graça? Quase todas as ferramentas têm plano gratuito. Comece grátis, valide o valor e depois invista
• Integra com o que já uso? Ferramentas que se conectam ao seu stack existente são mais valiosas que ferramentas isoladas