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.
🧠 Módulo 0 – Introdução ao UX/UI Design
🎯 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:
- 📘 The Design of Everyday Things – Don Norman
- 📺 Nielsen Norman Group – What is UX?
- 📘 Don’t Make Me Think – Steve Krug
🛠️ 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.
🔬 Módulo 1 – Fundamentos de Psicologia e Design Cognitivo
🎯 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:
- 📘 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
🛠️ 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.
🧱 Módulo 2 – Pesquisa em UX (UX Research)
🎯 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:
- 📘 UX Research – Brad Nunnally e David Farkas
- 📘 Validating Product Ideas – Tomer Sharon
- 📺 UX Research Methods – NNGroup
🛠️ Exercícios:
- Conduza uma entrevista com pelo menos 3 pessoas sobre um produto digital.
- Crie uma persona baseada nas entrevistas.
🧭 Módulo 3 – Arquitetura da Informação & UX Writing
🎯 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:
- 📘 Information Architecture for the Web and Beyond – Louis Rosenfeld
- 📘 Strategic Writing for UX – Torrey Podmajersky
- 📺 UX Writing – UX Collective
🛠️ Exercícios:
- Faça um card sorting com amigos usando o método aberto.
- Redija os microtextos para uma tela de login e cadastro.
🎨 Módulo 4 – UI Design e Design Visual
🎯 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:
- 📘 Design Systems – Alla Kholmatova
- 📺 Figma Crash Course – FreeCodeCamp
🛠️ Exercícios:
- Recrie a UI de um app famoso no Figma.
- Monte um mini design system com cores, botões e tipografia.
🧪 Módulo 5 – Prototipação e Testes de Usabilidade
🎯 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:
- 📘 Rocket Surgery Made Easy – Steve Krug
- 📘 Handbook of Usability Testing – Jeffrey Rubin
- 📺 Heuristic Evaluation – NNGroup
🛠️ Exercícios:
- Prototipe um app simples no Figma.
- Realize um teste com 2 usuários e anote os problemas.
⚙️ Módulo 6 – Ferramentas e Fluxo de Trabalho Profissional
🎯 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:
- 📘 DesignOps Handbook – InVision
- 📺 Figma + Dev Handoff
🛠️ Exercícios:
- Crie um arquivo Figma com documentação clara para devs.
- Simule um ciclo de sprint com user stories e wireframes.
🚀 Módulo 7 – Projeto Final + Portfólio
🎯 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:
- 📘 Case Study Manual – UX Collective
- 📺 Como criar um portfólio de UX – Canal UXNOW
🛠️ 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.
🧭 Dicas Finais para a Jornada
- ✅ 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.