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.

• Entender o que é UX e UI.
• Diferenciar papéis no design digital.
• Conhecer a importância do design centrado no usuário.

1. O que é UX Design?
2. O que é UI Design?
3. Design Thinking, Agile e Lean UX
4. Diferença entre UX Designer, UI Designer, Product Designer e Service Designer
5. Hard skills e soft skills necessárias

• 📘 The Design of Everyday Things – Don Norman
• 📺 Nielsen Norman Group – What is UX?
• 📘 Don't Make Me Think – Steve Krug

• Escreva sua definição pessoal de UX e UI.
• Liste 5 produtos digitais que você usa e analise a experiência do usuário.

• Entender como as pessoas pensam, sentem e se comportam diante de interfaces.
• Usar princípios de psicologia para criar experiências melhores.

1. Gestalt e percepção visual
2. Memória e carga cognitiva
3. Mapas mentais e modelos mentais
4. Fatores humanos e usabilidade

• 📘 100 Things Every Designer Needs to Know About People – Susan Weinschenk
• 📘 Laws of UX – Jon Yablonski (também em laws-of-ux.com)
• 📺 Principles of Gestalt Psychology – NNGroup

• 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.

• Aprender a coletar dados reais para informar decisões de design.
• Validar ideias com usuários.

1. Tipos de pesquisa: qualitativa vs quantitativa
2. Entrevistas com usuários
3. Personas e proto-personas
4. Mapas de empatia
5. Jornadas do usuário (User Journey Maps)
6. Testes de usabilidade

• 📘 UX Research – Brad Nunnally e David Farkas
• 📘 Validating Product Ideas – Tomer Sharon
• 📺 UX Research Methods – NNGroup

• Conduza uma entrevista com pelo menos 3 pessoas sobre um produto digital.
• Crie uma persona baseada nas entrevistas.

• Organizar informações de forma lógica.
• Criar textos que guiam e ajudam o usuário.

1. Sitemaps e hierarquia de conteúdo
2. Card sorting
3. Wireframes e fluxos de navegação
4. Microcopy, UX writing e conteúdo orientado à ação

• 📘 Information Architecture for the Web and Beyond – Louis Rosenfeld
• 📘 Strategic Writing for UX – Torrey Podmajersky
• 📺 UX Writing – UX Collective

• Faça um card sorting com amigos usando o método aberto.
• Redija os microtextos para uma tela de login e cadastro.

• Aprender os princípios do design visual aplicados à UI.
• Criar interfaces esteticamente agradáveis e funcionais.

1. Princípios de Design Visual: alinhamento, contraste, proximidade, repetição
2. Teoria das cores e acessibilidade
3. Tipografia na interface
4. Design Tokens e Design Systems
5. Criação de mockups e protótipos com Figma/Sketch

• 📘 Design Systems – Alla Kholmatova
• 📺 Figma Crash Course – FreeCodeCamp

• Recrie a UI de um app famoso no Figma.
• Monte um mini design system com cores, botões e tipografia.

• Criar protótipos navegáveis.
• Testar hipóteses com usuários reais.

1. Prototipação: baixa vs alta fidelidade
2. Ferramentas: Figma, Framer, ProtoPie
3. Planejamento de testes
4. Testes moderados e não moderados
5. Heurísticas de Nielsen

• 📘 Rocket Surgery Made Easy – Steve Krug
• 📘 Handbook of Usability Testing – Jeffrey Rubin
• 📺 Heuristic Evaluation – NNGroup

• Prototipe um app simples no Figma.
• Realize um teste com 2 usuários e anote os problemas.

• Aprender o fluxo completo de trabalho do designer.
• Colaborar com times de produto e desenvolvimento.

1. DesignOps e handoff para devs
2. Anotações e documentação
3. Integração com ferramentas (Zeplin, Storybook, JIRA)
4. Design versionado: Figma, Git e bibliotecas compartilhadas
5. Trabalhando em times ágeis (Scrum, Kanban)

• 📘 DesignOps Handbook – InVision
• 📺 Figma + Dev Handoff

• Crie um arquivo Figma com documentação clara para devs.
• Simule um ciclo de sprint com user stories e wireframes.

• Consolidar todo o aprendizado com um projeto real.
• Construir um portfólio matador.

1. Escolha do problema e validação
2. Pesquisa, personas e jornadas
3. Wireframes, UI, protótipos e testes
4. Apresentação do case
5. Como montar um bom portfólio de UX/UI

• 📘 Case Study Manual – UX Collective
• 📺 Como criar um portfólio de UX – Canal UXNOW

• 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.

Aproveite