Guia completo de UX/UI Design do Zero ao Avançado
Além de software, trabalho com design desde 2014. Sempre é bom ter um guia de tópicos pra guiar os estudos.
Aqui juntei lições, dicas práticas, referências (livros, vídeos, artigos), e sugestões de exercícios em cada etapa. A ideia é te dar uma jornada sólida, teórica e prática, para se tornar um(a) designer de produtos digitais com domínio em UX e UI.
Objetivos:
- Entender o que é UX e UI.
- Diferenciar papéis no design digital.
- Conhecer a importância do design centrado no usuário.
Lições:
- O que é UX Design?
- O que é UI Design?
- Design Thinking, Agile e Lean UX
- Diferença entre UX Designer, UI Designer, Product Designer e Service Designer
- Hard skills e soft skills necessárias
Referências:
Exercícios:
- Escreva sua definição pessoal de UX e UI.
- Liste 5 produtos digitais que você usa e analise a experiência do usuário.
Objetivos:
- Entender como as pessoas pensam, sentem e se comportam diante de interfaces.
- Usar princípios de psicologia para criar experiências melhores.
Lições:
- Gestalt e percepção visual
- Memória e carga cognitiva
- Mapas mentais e modelos mentais
- Fatores humanos e usabilidade
Referências:
Exercícios:
- Recrie a interface de um app usando pelo menos 3 leis de Gestalt.
- Crie um mapa mental para um fluxo de compra em um e-commerce.
Objetivos:
- Aprender a coletar dados reais para informar decisões de design.
- Validar ideias com usuários.
Lições:
- Tipos de pesquisa: qualitativa vs quantitativa
- Entrevistas com usuários
- Personas e proto-personas
- Mapas de empatia
- Jornadas do usuário (User Journey Maps)
- Testes de usabilidade
Referências:
Exercícios:
- Conduza uma entrevista com pelo menos 3 pessoas sobre um produto digital.
- Crie uma persona baseada nas entrevistas.
Objetivos:
- Organizar informações de forma lógica.
- Criar textos que guiam e ajudam o usuário.
Lições:
- Sitemaps e hierarquia de conteúdo
- Card sorting
- Wireframes e fluxos de navegação
- Microcopy, UX writing e conteúdo orientado à ação
Referências:
Exercícios:
- Faça um card sorting com amigos usando o método aberto.
- Redija os microtextos para uma tela de login e cadastro.
Objetivos:
- Aprender os princípios do design visual aplicados à UI.
- Criar interfaces esteticamente agradáveis e funcionais.
Lições:
- Princípios de Design Visual: alinhamento, contraste, proximidade, repetição
- Teoria das cores e acessibilidade
- Tipografia na interface
- Design Tokens e Design Systems
- Criação de mockups e protótipos com Figma/Sketch
Referências:
Exercícios:
- Recrie a UI de um app famoso no Figma.
- Monte um mini design system com cores, botões e tipografia.
Objetivos:
- Criar protótipos navegáveis.
- Testar hipóteses com usuários reais.
Lições:
- Prototipação: baixa vs alta fidelidade
- Ferramentas: Figma, Framer, ProtoPie
- Planejamento de testes
- Testes moderados e não moderados
- Heurísticas de Nielsen
Referências:
Exercícios:
- Prototipe um app simples no Figma.
- Realize um teste com 2 usuários e anote os problemas.
Objetivos:
- Aprender o fluxo completo de trabalho do designer.
- Colaborar com times de produto e desenvolvimento.
Lições:
- DesignOps e handoff para devs
- Anotações e documentação
- Integração com ferramentas (Zeplin, Storybook, JIRA)
- Design versionado: Figma, Git e bibliotecas compartilhadas
- Trabalhando em times ágeis (Scrum, Kanban)
Referências:
Exercícios:
- Crie um arquivo Figma com documentação clara para devs.
- Simule um ciclo de sprint com user stories e wireframes.
Objetivos:
- Consolidar todo o aprendizado com um projeto real.
- Construir um portfólio matador.
Lições:
- Escolha do problema e validação
- Pesquisa, personas e jornadas
- Wireframes, UI, protótipos e testes
- Apresentação do case
- Como montar um bom portfólio de UX/UI
Referências:
Exercícios:
- Escolha um problema real (ex: app para mães, pet shop, delivery local).
- Siga todas as etapas e monte seu primeiro case no Notion, Behance ou site pessoal.
Sempre valide com usuários. A intuição vem depois da experiência.
Teste o tempo todo. Tudo é hipótese até o usuário interagir.- Leia muito, mas pratique mais ainda.
- Design não é arte: é resolver problemas com empatia e clareza.
Participe de comunidades (UX Collective, ADPList, Discords de design).- Nunca pare de aprender: o mundo do design muda o tempo todo.
Repositório que vou atualizar sempre que possível com novos materiais.
Aproveite e bons estudos.
