Roadmap de Design UI/UX
Roadmap completo para se tornar um designer de UI/UX, partindo dos fundamentos de design visual e acessibilidade até pesquisa com usuários, prototipação avançada, IA aplicada a design e impacto em métricas de negócio.
- Níveis
- 4
- Etapas
- 39
- Concluídos
- 0
Seu progresso
Essa seção atualiza em tempo real. Clique numa etapa e marque como concluída pra ver a barra avançar.
Essa seção atualiza em tempo real. Clique numa etapa e marque como concluída pra ver a barra avançar.
Fácil
-
Diferença entre UI e UX
Entender os papéis distintos e complementares de UI (interface) e UX (experiência) no design de produtos.
-
Acessibilidade desde o início
Entender os princípios do design inclusivo e os tipos de deficiência (visual, motora, auditiva, cognitiva) que afetam o uso de interfaces. Aprender a considerar contraste, tamanho de toque, ordem de leitura e linguagem clara já na fase de wireframe, evitando retrabalho posterior.
-
Fundamentos de teoria das cores
Círculo cromático, contraste, harmonia de cores e significado psicológico das cores.
-
Tipografia para interfaces
Escolha de fontes, hierarquia tipográfica, espaçamento e legibilidade em telas.
-
Layout e grid systems
Uso de grids para organizar elementos e criar composições visuais consistentes.
-
Hierarquia visual
Técnicas para guiar o olhar do usuário usando tamanho, cor, contraste e posicionamento.
-
Introdução ao Figma
Primeiros passos no Figma: frames, camadas, ferramentas básicas e organização de arquivos.
-
Componentes e estilos no Figma
Criação de componentes reutilizáveis, estilos de cor e tipografia no Figma.
-
Design responsivo
Princípios de adaptação de layouts para diferentes tamanhos de tela (mobile, tablet, desktop).
-
Wireframes de baixa fidelidade
Criação de esboços simples para representar a estrutura de uma tela antes do design visual, já considerando leitores de tela e navegação por teclado.
Média
-
Fundamentos de pesquisa com usuários
Tipos de pesquisa (qualitativa e quantitativa) e quando aplicar cada uma no processo de design, incluindo participantes com deficiência.
-
Entrevistas com usuários
Planejamento e condução de entrevistas para coletar insights sobre necessidades e dores do usuário.
-
Personas
Criação de personas baseadas em pesquisa real para guiar decisões de design centradas no usuário.
-
Jornada do usuário (user journey)
Mapeamento das etapas, emoções e pontos de contato do usuário ao interagir com um produto.
-
Arquitetura da informação
Organização e estruturação de conteúdo e funcionalidades para facilitar a navegação.
-
Fluxos de usuário (user flows)
Mapeamento do caminho que o usuário percorre para completar uma tarefa dentro do produto.
-
Design de sistemas (Design Systems)
Criação de bibliotecas de componentes e diretrizes visuais consistentes para produtos escaláveis.
-
Ferramentas de IA no processo de design
Uso de IA para sumarização de pesquisas, geração de layouts base e sugestão de microcopy dentro do fluxo de trabalho.
-
Protótipos interativos no Figma
Criação de protótipos clicáveis com transições e interações no Figma.
-
Heurísticas de Nielsen
As 10 heurísticas de usabilidade de Nielsen aplicadas à avaliação de interfaces.
Intermediário
-
WCAG na prática
Aplicação técnica das diretrizes WCAG: contraste mínimo, foco de teclado, ARIA labels e leitores de tela.
-
Testes de usabilidade
Planejamento e condução de testes de usabilidade moderados e não moderados com usuários reais.
-
Card sorting e tree testing
Técnicas para validar a organização de conteúdo e a navegabilidade de um produto.
-
Testes A/B
Planejamento e interpretação de testes A/B para validar decisões de design com dados.
-
Microinterações e animação de interface
Design de pequenas animações e feedbacks visuais que melhoram a percepção de uso.
-
Design para mobile (iOS e Android)
Diretrizes específicas das guidelines Human Interface (Apple) e Material Design (Google).
-
Handoff para desenvolvimento
Preparação de especificações, medidas e assets para entrega do design à equipe de desenvolvimento.
-
Design tokens
Uso de tokens de design para manter consistência visual entre design e código.
-
Métricas de UX
Indicadores como SUS, NPS e taxa de conclusão de tarefas para medir a qualidade da experiência.
-
Design crítico e apresentação de portfólio
Como estruturar case studies e apresentar decisões de design de forma persuasiva.
Avançado
-
Design estratégico e discovery
Participação nas fases iniciais de descoberta de produto, alinhando design a objetivos de negócio.
-
Design thinking e workshops
Facilitação de workshops colaborativos usando técnicas de design thinking para resolver problemas complexos.
-
Design orientado a dados
Uso de analytics, heatmaps e dados de comportamento para embasar decisões de design.
-
Design e métricas de negócio
Como decisões de design impactam ROI, retenção, conversão e LTV, e como comunicar esse impacto aos stakeholders.
-
Gestão de design systems em escala
Governança, versionamento e adoção de design systems em produtos e times grandes.
-
Design ético e dark patterns
Identificação de padrões manipulativos e princípios de design ético centrado no usuário.
-
Liderança e crítica de design
Condução de design critiques estruturadas e mentoria de designers juniores.
-
Design para IA e interfaces conversacionais
Princípios de design para produtos com IA, chatbots e interfaces de linguagem natural.
-
Pesquisa longitudinal e diary studies
Métodos avançados de pesquisa para entender comportamento do usuário ao longo do tempo.
Como estudar este roadmap
Siga os passos na ordem sugerida, mas pule sem culpa qualquer um que você já domine. Pra cada etapa, pesquise no Google, assista vídeos no YouTube, consulte a documentação oficial ou peça ajuda a uma IA. O importante é dominar o assunto antes de seguir pro próximo. Não existe prazo: vá no seu ritmo.
Perguntas frequentes sobre o roadmap de Design UI/UX
Preciso ter experiência prévia pra começar?
Não. O roadmap começa do nível Fácil e evolui aos poucos. Se você já domina o tópico, pule o tópico direto.
Preciso seguir os níveis e tópicos na ordem exata?
Não é obrigatório. A ordem é uma sugestão, pule qualquer assunto que você já domine, se achar necessário.
Esse roadmap é gratuito?
Sim, totalmente gratuito e sem cadastro.
Onde eu estudo o conteúdo de cada step?
Use Google, YouTube, documentações oficiais ou uma IA como apoio, até dominar o assunto completamente.
Comentários
0Participe da conversa
Faça login com sua conta para deixar dúvidas, sugestões e trocar ideias com outros estudantes.
Nenhum comentário ainda. Seja o primeiro a participar da discussão!