Base de interface
Sistema visual, componentes, acessibilidade e prototipação de alta fidelidade. É a sua fundação, e ela não sai de cena.
Material de estudo · Trilha de carreira
De UI Designer a Product Designer
O que você precisa aprender para dar o próximo passo
Quem já domina interface tem a base mais difícil de construir. O salto para produto acontece quando o foco sai da tela e vai para o problema, a métrica e a decisão. Este mapa mostra as seis áreas dessa transição e o nível esperado em cada uma.
A trilha em três etapas
Da tela ao resultado de negócio
Ponte com o problema
Pesquisa com pessoas, leitura de métricas e entendimento do modelo de negócio. Aqui a decisão de design passa a ter evidência.
Decisão de produto
Discovery, priorização, critérios de aceite e influência sobre o que entra no roadmap e por quê.
Os seis pilares
O que estudar em cada área
As bolinhas mostram um nível ilustrativo de 1 a 5. Cinza indica o ponto típico de um UI Designer. Verde indica o esperado de um Product Designer.
Interface e sistema
Garantir consistência, escala e qualidade visual em todo o produto.
- Design system
- Tokens
- Tipografia
- Grid e espaçamento
- Acessibilidade WCAG
UI hoje
Product
Pesquisa com pessoas
Descobrir o que as pessoas precisam, não só o que pedem.
- Entrevistas
- Teste de usabilidade
- Jornada
- Análise qualitativa
- Recrutamento
UI hoje
Product
Negócio e métricas
Entender como a empresa ganha dinheiro e qual resultado o produto precisa entregar.
- Modelo de negócio
- North Star
- OKRs
- Funil
- Unit economics básico
UI hoje
Product
Discovery e priorização
Separar problema de solução e testar hipóteses antes de construir.
- Hipóteses
- Opportunity Solution Tree
- RICE / ICE
- Validação rápida
- Mapa de riscos
UI hoje
Product
Entrega com engenharia
Falar a língua de quem constrói, sem precisar programar para isso.
- PRD
- Critérios de aceite
- Estados de tela
- Noções de API e dados
- HTML e CSS básicos
UI hoje
Product
Influência e comunicação
Defender decisões com clareza diante de negócio, engenharia e liderança.
- Stakeholders
- Apresentação de cases
- Escrita de decisão
- Negociação de escopo
- Feedback
UI hoje
Product
Transversal
IA como acelerador
- Use IA para prototipar, sintetizar entrevistas e gerar hipóteses, mas valide cada saída com pessoas reais.
- Pergunte sempre qual problema está sendo resolvido antes de pedir a tela.
- O julgamento de produto continua sendo o seu diferencial.
Comparação
Como muda a pergunta que você faz
UI Designer
Product Designer
| UI Designer | Product Designer | |
|---|---|---|
| Pergunta central | Como essa tela fica clara, bonita e consistente? | Vale construir isso e qual resultado ele gera? |
| Unidade de trabalho | Tela, fluxo e componente | Problema, hipótese e resultado |
| Sucesso é medido por | Qualidade visual e consistência | Adoção, conversão, retenção e impacto no negócio |
| Ponto de partida | Requisitos recebidos | Oportunidade descoberta com dados e pessoas |
| Relação com o time | Entrega o layout para desenvolvimento | Define junto com negócio e engenharia o que entra no roadmap |