O que é UX Design?

User Experience (UX) é como usuários se sentem ao interagir com seu produto. Bom UX = intuitivo, rápido, sem frustrações. Mau UX = confuso, lento, abandono. 88% dos usuários não voltam após experiência ruim.

Impacto no Negócio

  • 2x conversão: Bom UX duplica taxas de conversão
  • 4x ROI: Cada $1 em UX retorna $100 (Forrester)
  • 75% menos suporte: Interface clara = menos dúvidas

5 Pilares do UX

Útil

Resolve um problema real do usuário. Se não é útil, design bonito não salva.

Usável

Fácil de usar. Usuário alcança objetivo em 3 cliques ou menos.

Encontrável

Informação fácil de achar. Navegação clara, busca eficiente.

Acessível

Funciona para TODOS (daltonismo, deficiência visual, etc).

Desejável

Design bonito, marca forte, experiência prazerosa.

Processo de UX Design

  • 1. Pesquisa: Entrevistas, surveys, análise de concorrentes. Entenda REAL necessidade do usuário.
  • 2. Personas: Crie 2-3 perfis de usuários típicos com dores, objetivos, comportamentos.
  • 3. Arquitetura de Informação: Organize conteúdo (sitemap, fluxos de navegação).
  • 4. Wireframes: Rascunhos em baixa fidelidade (papel ou Figma). Estrutura antes de visual.
  • 5. Protótipo: Versão clicável para testar fluxos. Use Figma, Adobe XD, ou Framer.
  • 6. Teste de Usabilidade: 5 usuários reais testam. Assista, anote frustrações, itere.

Ferramentas Essenciais

  • Figma: #1 para design e prototipagem. Gratuito, colaborativo, browser-based.
  • Maze: Testes de usabilidade remotos. Heatmaps, gravações, métricas.
  • Hotjar: Mapas de calor de site real. Veja onde usuários clicam, scrollam.
  • UsabilityHub: Testes rápidos (5-second test, preference tests).

Exercício Prático

Desafio: Melhore o UX de uma tela do seu projeto.

  1. Escolha uma tela crítica (ex: cadastro, checkout, dashboard).
  2. Liste 3 problemas que usuários podem ter nela.
  3. Crie wireframe melhorado no papel ou Figma.
  4. Teste com 3 pessoas: peça para completarem tarefa específica.
  5. Anote onde travaram, o que confundiu, quanto tempo levou.
  6. Itere baseado no feedback e teste novamente.